feat: enhance configuration and layout registration with namespaces and debugging logs

Author: hotlong

apps/console/objectstack.shared.ts

@@ -1,7 +1,19 @@
 import { defineConfig } from './src/config';
-import crmConfig from '@object-ui/example-crm/objectstack.config';
-import todoConfig from '@object-ui/example-todo/objectstack.config';
-import kitchenSinkConfig from '@object-ui/example-kitchen-sink/objectstack.config';
+import crmConfigImport from '@object-ui/example-crm/objectstack.config';
+import todoConfigImport from '@object-ui/example-todo/objectstack.config';
+import kitchenSinkConfigImport from '@object-ui/example-kitchen-sink/objectstack.config';
+
+const crmConfig = (crmConfigImport as any).default || crmConfigImport;
+const todoConfig = (todoConfigImport as any).default || todoConfigImport;
+const kitchenSinkConfig = (kitchenSinkConfigImport as any).default || kitchenSinkConfigImport;
+
+// Debug check for definition loading
+console.log('DEBUG: CRM Objects Count:', crmConfig.objects?.length);
+if (crmConfig.objects?.length) {
+    console.log('DEBUG: CRM Objects:', crmConfig.objects.map((o: any) => o.name || o.id));
+} else {
+    // console.log('DEBUG: CRM Config content:', JSON.stringify(crmConfig, null, 2));
+}
 
 export const sharedConfig = {
   // ============================================================================

apps/console/vite.config.ts

@@ -89,5 +89,17 @@ export default defineConfig({
         inline: [/@objectstack/]
       }
     }
+  },
+  server: {
+    proxy: {
+      '/api': {
+        target: 'http://localhost:3000',
+        changeOrigin: true
+      },
+      '/graphql': {
+        target: 'http://localhost:3000',
+        changeOrigin: true
+      }
+    }
   }
 });

packages/components/src/renderers/navigation/sidebar.tsx

@@ -75,6 +75,7 @@ ComponentRegistry.register('sidebar-header',
     <SidebarHeader {...props}>{renderChildren(schema.body)}</SidebarHeader>
   ),
   { 
+    namespace: 'ui',
     label: 'Sidebar Header',
     defaultChildren: [
       { type: 'text', content: 'Sidebar Header' }
@@ -87,6 +88,7 @@ ComponentRegistry.register('sidebar-content',
     <SidebarContent {...props}>{renderChildren(schema.body)}</SidebarContent>
   ),
   { 
+    namespace: 'ui',
     label: 'Sidebar Content',
     defaultChildren: [
       { type: 'sidebar-group' }
@@ -123,6 +125,7 @@ ComponentRegistry.register('sidebar-menu',
     <SidebarMenu {...props}>{renderChildren(schema.body)}</SidebarMenu>
   ),
   { 
+    namespace: 'ui',
     label: 'Sidebar Menu',
     defaultChildren: [
       { type: 'sidebar-menu-item' },
@@ -136,6 +139,7 @@ ComponentRegistry.register('sidebar-menu-item',
     <SidebarMenuItem {...props}>{renderChildren(schema.body)}</SidebarMenuItem>
   ),
   { 
+    namespace: 'ui',
     label: 'Sidebar Menu Item',
     defaultChildren: [
       { type: 'sidebar-menu-button' }
@@ -171,6 +175,7 @@ ComponentRegistry.register('sidebar-footer',
     <SidebarFooter {...props}>{renderChildren(schema.body)}</SidebarFooter>
   ),
   { 
+    namespace: 'ui',
     label: 'Sidebar Footer',
     defaultChildren: [
       { type: 'text', content: 'Footer' }
@@ -183,6 +188,7 @@ ComponentRegistry.register('sidebar-inset',
     <SidebarInset {...props}>{renderChildren(schema.body)}</SidebarInset>
   ),
   { 
+    namespace: 'ui',
     label: 'Sidebar Inset',
     defaultChildren: [
       { type: 'div', className: 'p-4', body: [{ type: 'text', content: 'Main content area' }] }

packages/layout/src/index.ts

@@ -18,6 +18,7 @@ export * from './SidebarNav';
 
 export function registerLayout() {
   ComponentRegistry.register('page-header', PageHeader, {
+      namespace: 'layout',
       label: 'Page Header',
       category: 'Layout',
       inputs: [
@@ -27,22 +28,25 @@ export function registerLayout() {
   });
 
   // Alias for protocol compliance
-  ComponentRegistry.register('page:header', PageHeader);
+  ComponentRegistry.register('page:header', PageHeader, { namespace: 'layout' });
 
   // Page Card
   ComponentRegistry.register('page:card', PageCard, {
+    namespace: 'layout',
     label: 'Page Card',
     category: 'Layout',
     isContainer: true
   });
 
   ComponentRegistry.register('app-shell', AppShell, {
-      label: 'App Shell',
-      category: 'Layout',
+    namespace: 'layout',
+    label: 'App Shell',
+    category: 'Layout',
   });
 
   // Core Page Renderer
   ComponentRegistry.register('page', Page, {
+    namespace: 'layout',
     label: 'Standard Page',
     category: 'Layout',
     isContainer: true