feat: add debug logging for task fetching and data verification in TaskList and browser mocks

Author: hotlong

examples/app-react-crud/src/components/TaskList.tsx

@@ -43,6 +43,8 @@ export function TaskList({ client, onEdit, refreshTrigger }: TaskListProps) {
 
       // Client-side sort fallback (since InMemoryDriver has limited sort support)
       // Sort by Priority (Ascending) -> Created At (Descending)
+      console.log('[TaskList] Received tasks:', fetchedTasks);
+
       fetchedTasks.sort((a, b) => {
         if (a.priority !== b.priority) {
           return a.priority - b.priority;

examples/app-react-crud/src/mocks/browser.ts

@@ -22,6 +22,15 @@ export async function startMockServer() {
   // Handle CommonJS/ESM interop for config loading
   const appConfig = (todoConfig as any).default || todoConfig;
   console.log('[MSW] Loaded Config:', appConfig);
+  
+  // DEBUG: Verify Data Existence
+  const manifestData = appConfig.data || (appConfig.manifest && appConfig.manifest.data);
+  if (manifestData && Array.isArray(manifestData)) {
+       console.log(`[MSW] DATA DETECTED: Found ${manifestData.length} datasets in config.`);
+       manifestData.forEach((d: any) => console.log(`[MSW] Dataset: object=${d.object}, records=${d.records?.length}`));
+  } else {
+       console.error('[MSW] CRITICAL: No initial data found in loaded config!', appConfig);
+  }
 
   const driver = new InMemoryDriver();
 
@@ -120,6 +129,19 @@ export async function startMockServer() {
 
   await kernel.bootstrap();
 
+  // DEBUG: Verify Seeding Result
+  const ql = kernel.context?.getService<any>('objectql');
+  if (ql) {
+      setTimeout(async () => {
+          try {
+              const tasks = await ql.find('todo_task');
+              console.log(`[MSW] POST-BOOTSTRAP VERIFICATION: Found ${tasks?.length} tasks in DB.`, tasks);
+          } catch(e) {
+              console.error('[MSW] Verification failed', e);
+          }
+      }, 500); // Small delay to ensure async seeding is definitely done (though bootstrap should cover it)
+  }
+
   // --- PROTOCOL SERVICE MOCK ---
   // Overwrite protocol service because the default one might be empty/broken in this env
   if (kernel.services instanceof Map) {
@@ -137,27 +159,10 @@ export async function startMockServer() {
   }
 
   // Initialize default data from manifest if available
+  // Data seeding is handled by AppPlugin automatically
   const manifest = appConfig.manifest;
   console.log('[MSW] Checking manifest for data...', manifest);
 
-  if (manifest && Array.isArray(manifest.data)) {
-    console.log(`[MSW] Found ${manifest.data.length} datasets.`);
-    for (const dataset of manifest.data) {
-      if (dataset.object && Array.isArray(dataset.records)) {
-        for (const record of dataset.records) {
-          // Check if record already exists to avoid duplicates on hot reload?
-          // Since it's in-memory and we create new kernel/driver on refresh...
-          // But 'kernel' variable is module-scoped singleton.
-          // On HMR replacement, this module might re-execute.
-          // If 'kernel' is not null, we return early (line 18).
-          // So data loading happens only once per session. Good.
-          await driver.create(dataset.object, record);
-        }
-        console.log(`[MSW] Loaded ${dataset.records.length} records for ${dataset.object}`);
-      }
-    }
-  }
-  
   return kernel;
 }
 

examples/app-react-crud/test/api.test.ts

@@ -21,9 +21,12 @@ describe('App React CRUD Integration Tests', () => {
         kernel = new ObjectKernel();
         const driver = new InMemoryDriver();
 
+        // Handle CommonJS/ESM interop for config loading
+        const appConfig = (todoConfig as any).default || todoConfig;
+        
         await kernel.use(new ObjectQLPlugin());
         await kernel.use(new DriverPlugin(driver, 'memory'));
-        await kernel.use(new AppPlugin(todoConfig));
+        await kernel.use(new AppPlugin(appConfig));
 
         // 2. Initialize MSW Plugin to generate handlers
         const mswPlugin = new MSWPlugin({
@@ -83,6 +86,7 @@ describe('App React CRUD Integration Tests', () => {
                         }
 
                         // HttpDispatcher expects { data, count } for query/list
+                        console.log(`[BrokerShim-Test] find/query(${params.object}) -> count: ${all.length}`);
                         return { data: all, count: all.length };
                     }
                 }
@@ -96,9 +100,13 @@ describe('App React CRUD Integration Tests', () => {
                              objs = SchemaRegistry.getAllObjects();
                         }
 
-                        console.log('DEBUG: metadata.objects returned count:', objs.length, 'names:', objs.map((o: any) => o.name));
+                        // console.log('DEBUG: metadata.objects returned count:', objs.length, 'names:', objs.map((o: any) => o.name));
                         return objs;
                     }
+                    if (method === 'getObject') {
+                        // Try Registry first for speed/correctness
+                        return SchemaRegistry.getObject(params.objectName) || (ql ? ql.getObject(params.objectName) : null);
+                   }
                     if (method === 'getObject') {
                          // Try Registry first for speed/correctness
                          return SchemaRegistry.getObject(params.objectName) || ql.getObject(params.objectName);
@@ -130,6 +138,8 @@ describe('App React CRUD Integration Tests', () => {
         }
 
 
+
+
         // 3. Set up MSW Node Server with handlers from the plugin
         const handlers = mswPlugin.getHandlers();
         console.log('DEBUG: MSW Handlers registered:', handlers.map(h => h.info.header));
@@ -178,6 +188,18 @@ describe('App React CRUD Integration Tests', () => {
         expect(taskObject?.label).toBe('Todo Task');
     });
 
+    it('should have initial seeded data', async () => {
+        // Find tasks without filter
+        const response = await client.data.find('todo_task', {});
+        // Response format: { success: true, data: [...], meta: { count: N } }
+        const list = response.data;
+        expect(list).toBeDefined();
+        expect(Array.isArray(list)).toBe(true);
+        // Expect at least 5 seeded records
+        expect(list.length).toBeGreaterThanOrEqual(1);
+        console.log(`[Test] Initial data check: Found ${list.length} records.`);
+    });
+
     it('should check if ui protocol getUiView is available', async () => {
          // Use client.meta.getView
          // This might fail if protocol service doesn't support getUiView in this test env