Add workspace configuration and CHANGELOG for MSW React example

Co-authored-by: hotlong <50353452+hotlong@users.noreply.github.com>

Author: Copilot

examples/ui/msw-react-crud/CHANGELOG.md

@@ -0,0 +1,18 @@
+# @objectstack/example-msw-react-crud
+
+## 1.0.0
+
+### Major Features
+
+- Initial release of MSW + React CRUD example
+- Complete CRUD operations (Create, Read, Update, Delete) for tasks
+- Integration with @objectstack/client for all API calls
+- MSW browser worker setup for API mocking
+- React components demonstrating best practices:
+  - TaskList component for displaying and managing tasks
+  - TaskForm component for creating and editing tasks
+  - TaskItem component for individual task display
+- Comprehensive README with setup instructions and usage examples
+- Full TypeScript support with proper type definitions
+- Vite development server and build configuration
+- Styled UI with modern CSS

examples/ui/msw-react-crud/package.json

@@ -23,5 +23,10 @@
     "msw": "^2.0.0",
     "typescript": "^5.0.0",
     "vite": "^5.4.11"
+  },
+  "msw": {
+    "workerDirectory": [
+      "public"
+    ]
   }
-}
+}

examples/ui/msw-react-crud/src/mocks/browser.ts

@@ -2,7 +2,7 @@
  * MSW Browser Worker Setup
  * 
  * This file sets up Mock Service Worker in the browser to intercept
- * API calls and return mock data using ObjectStack's MSW plugin.
+ * API calls and return mock data following ObjectStack API conventions.
  */
 
 import { setupWorker } from 'msw/browser';