move mocks to another package

Author: KurtGokhan

examples/vite/package.json

@@ -10,19 +10,20 @@
     "postinstall": "msw init"
   },
   "dependencies": {
-    "@tanstack/react-query-devtools": "^5.66.9",
+    "@tanstack/react-query-devtools": "^5.66.11",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "react-query-builder": "*"
+    "react-query-builder": "*",
+    "react-query-builder-example-mocks": "*"
   },
   "devDependencies": {
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
     "@vitejs/plugin-react": "^4.3.4",
-    "msw": "^2.7.1",
-    "sass": "^1.85.0",
-    "typescript": "^5.7.3",
-    "vite": "^6.1.1"
+    "msw": "^2.7.3",
+    "sass": "^1.85.1",
+    "typescript": "^5.8.2",
+    "vite": "^6.2.0"
   },
   "msw": {
     "workerDirectory": "public"

examples/vite/public/mockServiceWorker.js

@@ -8,7 +8,7 @@
  * - Please do NOT serve this file on production.
  */
 
-const PACKAGE_VERSION = '2.7.1'
+const PACKAGE_VERSION = '2.7.3'
 const INTEGRITY_CHECKSUM = '00729d72e3b82faf54ca8b9621dbb96f'
 const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
 const activeClientIds = new Set()

examples/vite/src/App.tsx

@@ -1,10 +1,15 @@
-import './mocks';
+import { setupWorker } from 'msw/browser';
 import { useRef, useState } from 'react';
-import { CommentData, PostData, baseUrl } from './mocks';
+import { CommentData, PostData, baseUrl, mockHandlers } from 'react-query-builder-example-mocks';
 import './App.css';
 import { HttpQueryBuilder } from 'react-query-builder';
 import { queryClient } from './client';
 
+await setupWorker(...mockHandlers).start({
+  onUnhandledRequest: 'bypass',
+  quiet: true,
+});
+
 const builder = new HttpQueryBuilder({
   queryClient,
   syncChannel: new BroadcastChannel('react-query-builder'),

package-lock.json

@@ -0,0 +1,19 @@
+{
+  "name": "react-query-builder-example-mocks",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "main": "./src/index.ts",
+  "exports": {
+    ".": "./src/index.ts"
+  },
+  "scripts": {
+    "start": "vite",
+    "build": "tsc && vite build"
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "msw": "^2.7.3",
+    "typescript": "^5.8.2"
+  }
+}

packages/example-mocks/package.json

@@ -1,5 +1,4 @@
 import { http, HttpResponse, delay } from 'msw';
-import { setupWorker } from 'msw/browser';
 import { createMockComments } from './comments';
 import { PostData, createMockPosts } from './posts';
 
@@ -57,7 +56,7 @@ window.addEventListener('storage', (event) => {
   }
 });
 
-const handlers = [
+export const mockHandlers = [
   http.post(`${baseUrl}/reset`, async () => {
     await delay();
     const allData = recreateMockData();
@@ -122,8 +121,3 @@ const handlers = [
     return HttpResponse.json(posts[postIndex]);
   }),
 ];
-
-await setupWorker(...handlers).start({
-  onUnhandledRequest: 'bypass',
-  quiet: true,
-});

examples/vite/src/mocks/comments.ts packages/example-mocks/src/comments.tsexamples/vite/src/mocks/comments.ts renamed to packages/example-mocks/src/comments.ts

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src", "**/*.d.ts"]
+}