Add plugin-object to dynamic imports and register its components

Co-authored-by: huangyiirene <7665279+huangyiirene@users.noreply.github.com>

Author: Copilot

apps/site/app/components/InteractiveDemo.tsx

@@ -16,6 +16,7 @@ const pluginsLoading = typeof window !== 'undefined'
       import('@object-ui/plugin-charts'),
       import('@object-ui/plugin-kanban'),
       import('@object-ui/plugin-markdown'),
+      import('@object-ui/plugin-object'),
     ])
   : Promise.resolve([]);
 

apps/site/app/components/ObjectUIProvider.tsx

@@ -11,6 +11,7 @@ if (typeof window !== 'undefined') {
   import('@object-ui/plugin-charts');
   import('@object-ui/plugin-kanban');
   import('@object-ui/plugin-markdown');
+  import('@object-ui/plugin-object');
 }
 
 export function ObjectUIProvider({ children }: { children: React.ReactNode }) {

apps/site/package.json

@@ -18,6 +18,7 @@
     "@object-ui/plugin-charts": "workspace:*",
     "@object-ui/plugin-kanban": "workspace:*",
     "@object-ui/plugin-markdown": "workspace:*",
+    "@object-ui/plugin-object": "workspace:*",
     "fumadocs-core": "^16.4.7",
     "fumadocs-mdx": "^14.2.6",
     "fumadocs-ui": "^16.4.7",

packages/plugin-object/src/index.ts

@@ -0,0 +1,96 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @object-ui/plugin-object
+ * 
+ * ObjectQL plugin for Object UI.
+ * Provides seamless integration with ObjectQL backends through smart components
+ * that automatically generate UI from ObjectQL object schemas.
+ * 
+ * @packageDocumentation
+ */
+
+import React from 'react';
+import { ComponentRegistry } from '@object-ui/core';
+
+export { ObjectTable } from './ObjectTable';
+export type { ObjectTableProps } from './ObjectTable';
+
+export { ObjectForm } from './ObjectForm';
+export type { ObjectFormProps } from './ObjectForm';
+
+export { ObjectView } from './ObjectView';
+export type { ObjectViewProps } from './ObjectView';
+
+// Re-export related types from @object-ui/types
+export type {
+  ObjectTableSchema,
+  ObjectFormSchema,
+  ObjectViewSchema,
+  ObjectQLComponentSchema,
+} from '@object-ui/types';
+
+// Import components for registration
+import { ObjectTable } from './ObjectTable';
+import { ObjectForm } from './ObjectForm';
+import { ObjectView } from './ObjectView';
+
+// Create renderer wrappers for ComponentRegistry
+const ObjectTableRenderer: React.FC<{ schema: any }> = ({ schema }) => {
+  // For now, render without dataSource since it requires ObjectQL setup
+  // This allows the component to at least render in documentation
+  return <ObjectTable schema={schema} dataSource={null as any} />;
+};
+
+const ObjectFormRenderer: React.FC<{ schema: any }> = ({ schema }) => {
+  return <ObjectForm schema={schema} dataSource={null as any} />;
+};
+
+const ObjectViewRenderer: React.FC<{ schema: any }> = ({ schema }) => {
+  return <ObjectView schema={schema} dataSource={null as any} />;
+};
+
+// Register components with ComponentRegistry
+ComponentRegistry.register('object-table', ObjectTableRenderer, {
+  label: 'Object Table',
+  category: 'plugin',
+  inputs: [
+    { name: 'objectName', type: 'string', label: 'Object Name', required: true },
+    { name: 'columns', type: 'array', label: 'Columns' },
+    { name: 'searchable', type: 'boolean', label: 'Searchable', defaultValue: true },
+    { name: 'selectable', type: 'boolean', label: 'Selectable', defaultValue: false },
+  ],
+});
+
+ComponentRegistry.register('object-form', ObjectFormRenderer, {
+  label: 'Object Form',
+  category: 'plugin',
+  inputs: [
+    { name: 'objectName', type: 'string', label: 'Object Name', required: true },
+    { name: 'fields', type: 'array', label: 'Fields' },
+    { name: 'mode', type: 'enum', label: 'Mode', enum: ['create', 'edit'], defaultValue: 'create' },
+  ],
+});
+
+ComponentRegistry.register('object-view', ObjectViewRenderer, {
+  label: 'Object View',
+  category: 'plugin',
+  inputs: [
+    { name: 'objectName', type: 'string', label: 'Object Name', required: true },
+    { name: 'fields', type: 'array', label: 'Fields' },
+    { name: 'layout', type: 'enum', label: 'Layout', enum: ['vertical', 'horizontal'], defaultValue: 'vertical' },
+  ],
+});
+
+// Export for manual use
+export const objectComponents = {
+  'object-table': ObjectTableRenderer,
+  'object-form': ObjectFormRenderer,
+  'object-view': ObjectViewRenderer,
+};

packages/plugin-object/src/index.tsx

@@ -21,7 +21,7 @@ export default defineConfig({
   ],
   build: {
     lib: {
-      entry: resolve(__dirname, 'src/index.ts'),
+      entry: resolve(__dirname, 'src/index.tsx'),
       name: 'ObjectUIPluginObject',
       formats: ['es', 'cjs'],
       fileName: (format) => format === 'es' ? 'index.js' : 'index.cjs',