Refactor app configuration to consolidate CRM and Todo settings, and introduce a new config structure for improved maintainability

Author: hotlong

examples/msw-object-form/objectstack.config.ts

@@ -0,0 +1,80 @@
+import { defineConfig } from './src/config';
+import crmConfig from '@object-ui/example-crm/objectstack.config';
+import todoConfig from '@object-ui/example-todo/objectstack.config';
+
+export default defineConfig({
+  // ============================================================================
+  // Project Metadata
+  // ============================================================================
+  
+  name: '@object-ui/example-msw-object-form',
+  version: '0.1.0',
+  description: 'ObjectUI Example: MSW Object Form (Wrapper)',
+  
+  // ============================================================================
+  // Build Settings
+  // ============================================================================
+  
+  build: {
+    outDir: './dist',
+    sourcemap: true,
+    minify: true,
+    target: 'node18',
+  },
+  
+  // ============================================================================
+  // Database Configuration
+  // ============================================================================
+  
+  datasources: {
+    default: {
+      driver: 'memory', // Use memory driver for browser example
+    },
+  },
+  
+  // ============================================================================
+  // Plugin Configuration
+  // ============================================================================
+  
+  plugins: [
+    '@objectstack/plugin-msw' // In core config
+  ],
+
+  // ============================================================================
+  // Merged Stack Configuration (CRM + Todo)
+  // ============================================================================
+  objects: [
+    ...(crmConfig.objects || []),
+    ...(todoConfig.objects || [])
+  ],
+  apps: [
+    ...(crmConfig.apps || []),
+    ...(todoConfig.apps || [])
+  ],
+  manifest: {
+    data: [
+      ...(crmConfig.manifest?.data || []),
+      ...(todoConfig.manifest?.data || [])
+    ]
+  },
+  
+  // ============================================================================
+  // Development Server
+  // ============================================================================
+  
+  dev: {
+    port: 3000,
+    host: '0.0.0.0',
+    watch: true,
+    hotReload: true,
+  },
+  
+  // ============================================================================
+  // Deployment
+  // ============================================================================
+  
+  deploy: {
+    target: 'static', // This is a static SPA
+    region: 'us-east-1',
+  },
+});

examples/msw-object-form/src/App.tsx

@@ -6,14 +6,24 @@ import { ObjectGrid } from '@object-ui/plugin-grid';
 import { ObjectForm } from '@object-ui/plugin-form';
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Button } from '@object-ui/components';
 import { ObjectStackDataSource } from './dataSource';
-import { LayoutDashboard, Users, Plus, Database } from 'lucide-react';
+import { LayoutDashboard, Users, Plus, Database, Settings } from 'lucide-react';
 
-import crmConfig from '@object-ui/example-crm/objectstack.config';
-import todoConfig from '@object-ui/example-todo/objectstack.config';
+import appConfig from '../objectstack.config';
 
 const APPS: any = {
-  crm: { ...crmConfig, name: 'crm', label: 'CRM App' },
-  todo: { ...todoConfig, name: 'todo', label: 'Todo App' }
+  // Filter objects based on source config (heuristic: contacts->crm, todo->todo)
+  crm: { 
+    ...appConfig, 
+    name: 'crm', 
+    label: 'CRM App',
+    objects: appConfig.objects?.filter((o: any) => ['account', 'contact', 'opportunity'].includes(o.name)) || []
+  },
+  todo: { 
+    ...appConfig, 
+    name: 'todo', 
+    label: 'Todo App',
+    objects: appConfig.objects?.filter((o: any) => ['todo_task'].includes(o.name)) || [] 
+  }
 };
 
 function ObjectView({ dataSource, config, onEdit }: any) {

examples/msw-object-form/src/config.ts

@@ -0,0 +1,36 @@
+export interface ObjectStackConfig {
+  name?: string;
+  version?: string;
+  description?: string;
+  build?: {
+    outDir?: string;
+    sourcemap?: boolean;
+    minify?: boolean;
+    target?: string;
+  };
+  datasources?: Record<string, {
+    driver: string;
+    [key: string]: any;
+  }>;
+  plugins?: (string | any)[];
+  dev?: {
+    port?: number;
+    host?: string;
+    watch?: boolean;
+    hotReload?: boolean;
+  };
+  deploy?: {
+    target: string;
+    region?: string;
+  };
+  // Runtime config (merged from stack)
+  objects?: any[];
+  apps?: any[];
+  manifest?: {
+    data?: any[];
+  };
+}
+
+export function defineConfig(config: ObjectStackConfig) {
+  return config;
+}

examples/msw-object-form/src/mocks/browser.ts

@@ -9,27 +9,7 @@ import { ObjectKernel, DriverPlugin, AppPlugin } from '@objectstack/runtime';
 import { ObjectQLPlugin } from '@objectstack/objectql';
 import { InMemoryDriver } from '@objectstack/driver-memory';
 import { MSWPlugin } from '@objectstack/plugin-msw';
-import crmConfig from '@object-ui/example-crm/objectstack.config';
-import todoConfig from '@object-ui/example-todo/objectstack.config';
-
-// Combine configurations
-const appConfig = {
-  ...crmConfig,
-  objects: [
-    ...(crmConfig.objects || []),
-    ...(todoConfig.objects || [])
-  ],
-  apps: [
-    ...(crmConfig.apps || []),
-    ...(todoConfig.apps || [])
-  ],
-  manifest: {
-    data: [
-      ...(crmConfig.manifest?.data || []),
-      ...(todoConfig.manifest?.data || [])
-    ]
-  }
-};
+import appConfig from '../../objectstack.config';
 
 let kernel: ObjectKernel | null = null;
 let driver: InMemoryDriver | null = null;