fix: update @objectstack/client dependency to version 0.6.1 and adjust fetch wrapper for improved request debugging

Author: hotlong

examples/crm-app/package.json

@@ -21,7 +21,7 @@
     "@object-ui/react": "workspace:*",
     "@object-ui/types": "workspace:*",
     "@object-ui/example-crm": "workspace:*",
-    "@objectstack/client": "^0.4.1",
+    "@objectstack/client": "^0.6.1",
     "@objectstack/core": "^0.6.1",
     "@objectstack/runtime": "^0.6.1",
     "clsx": "^2.1.1",

examples/crm-app/src/client.ts

@@ -1,19 +1,28 @@
 import { ObjectStackClient } from '@objectstack/client';
 import { ObjectStackAdapter } from '@object-ui/data-objectstack';
 
-// Use empty string to use current origin. 
-// Matches MSW baseUrl: ''
-const BASE_URL = '/api/v1'; 
+// Wrapper to debug requests
+const fetchWrapper = async (input: RequestInfo | URL, init?: RequestInit) => {
+    const url = input.toString();
+    // Ignore vite hot reload or node module requests
+    if (url.includes('/api/')) {
+        console.log('[DEBUG-FETCH]', url);
+    }
+    return globalThis.fetch(input, init);
+};
+
+// Use empty string to auto-detect or match MSW if it handles root
+const BASE_URL = ''; 
 
 export const client = new ObjectStackClient({
   baseUrl: BASE_URL, 
-  fetch: globalThis.fetch.bind(globalThis)
+  fetch: fetchWrapper
 });
 
 export const dataSource = new ObjectStackAdapter({
   baseUrl: BASE_URL,
   token: 'mock-token',
-  fetch: globalThis.fetch.bind(globalThis)
+  fetch: fetchWrapper
 });
 
 export const initClient = async () => {

examples/crm-app/src/mocks/browser.ts

@@ -13,6 +13,12 @@ export async function startMockServer() {
   console.log('[MSW] Starting ObjectStack Runtime (Browser Mode)...');
   console.log('[MSW] Loaded Config:', crmConfig ? 'Found' : 'Missing', crmConfig?.apps?.length);
 
+  if (crmConfig && crmConfig.objects) {
+    console.log('[MSW] Objects in Config:', crmConfig.objects.map(o => o.name));
+  } else {
+    console.error('[MSW] No objects found in config!');
+  }
+
   const driver = new InMemoryDriver();
   kernel = new ObjectKernel();
 
@@ -29,9 +35,13 @@ export async function startMockServer() {
 
     kernel.use(new MSWPlugin({
         enableBrowser: true,
-        baseUrl: '/api/v1', // Use root to match client
+        baseUrl: '/api/v1', 
         logRequests: true,
         customHandlers: [
+            // Explicitly handle all metadata requests to prevent pass-through
+            http.get('/api/v1/metadata/*', async () => {
+                 return HttpResponse.json({});
+            }),
             http.get('/api/bootstrap', async () => {
                 const contacts = await driver.find('contact', { object: 'contact' });
                 const stats = { revenue: 125000, leads: 45, deals: 12 };

examples/crm-app/vite.config.ts

@@ -22,6 +22,7 @@ export default defineConfig(({ mode }) => ({
       '@object-ui/plugin-form': path.resolve(__dirname, '../../packages/plugin-form/src'),
       '@object-ui/plugin-grid': path.resolve(__dirname, '../../packages/plugin-grid/src'),
       '@object-ui/data-objectstack': path.resolve(__dirname, '../../packages/data-objectstack/src'),
+      '@object-ui/example-crm': path.resolve(__dirname, '../../examples/crm/src'),
     },
   },
   test: {