@@ -16,60 +16,198 @@ Plugins are lazy-loaded component packages that:
1616
1717## Official Plugins
1818
19- Object UI provides four official plugins for common use cases:
19+ Object UI provides 14+ official plugins for common use cases:
2020
21- ### [ @ object-ui/plugin-editor ] ( ../plugins/plugin-editor.md )
21+ ### Data Visualization & Dashboards
2222
23- Code editor component powered by Monaco Editor (VS Code's editor).
23+ #### [ @ object-ui/plugin-charts ] ( ../plugins/plugin-charts.md )
2424
25- - Syntax highlighting for 100+ languages
26- - IntelliSense and code completion
27- - Multiple themes
25+ Data visualization components powered by Recharts.
26+
27+ - Bar, line, area, and pie charts
28+ - Responsive design
29+ - Customizable colors
30+ - Lazy-loaded (~ 80 KB)
31+
32+ [ Read full documentation →] ( ../plugins/plugin-charts.md )
33+
34+ ---
35+
36+ #### [ @object-ui/plugin-dashboard ] ( ../plugins/plugin-dashboard.md )
37+
38+ Dashboard layouts with metric cards and widgets.
39+
40+ - Dashboard grid layouts
41+ - Metric/KPI cards with trends
42+ - Widget system
43+ - Lazy-loaded (~ 22 KB)
44+
45+ [ Read full documentation →] ( ../plugins/plugin-dashboard.md )
46+
47+ ---
48+
49+ #### [ @object-ui/plugin-timeline ] ( ../plugins/plugin-timeline.md )
50+
51+ Timeline component with multiple layout variants.
52+
53+ - Vertical, horizontal layouts
54+ - Customizable markers
55+ - Date formatting
2856- Lazy-loaded (~ 20 KB)
2957
30- [ Read full documentation →] ( ../plugins/plugin-editor .md )
58+ [ Read full documentation →] ( ../plugins/plugin-timeline .md )
3159
3260---
3361
34- ### [ @object-ui/plugin-charts ] ( ../plugins/plugin-charts .md )
62+ #### [ @object-ui/plugin-gantt ] ( ../plugins/plugin-gantt .md )
3563
36- Data visualization components powered by Recharts .
64+ Gantt chart for project visualization .
3765
38- - Bar, line, area, and pie charts
39- - Responsive design
40- - Customizable colors
41- - Lazy-loaded (~ 540 KB)
66+ - Task dependencies
67+ - Progress tracking
68+ - ObjectQL integration
69+ - Lazy-loaded (~ 40 KB)
4270
43- [ Read full documentation →] ( ../plugins/plugin-charts .md )
71+ [ Read full documentation →] ( ../plugins/plugin-gantt .md )
4472
4573---
4674
47- ### [ @object-ui/plugin-kanban ] ( ../plugins/plugin-kanban .md )
75+ #### [ @object-ui/plugin-calendar ] ( ../plugins/plugin-calendar .md )
4876
49- Kanban board component with drag-and-drop powered by @ dnd-kit .
77+ Calendar visualization for events .
5078
51- - Drag and drop cards between columns
52- - Column limits (WIP limits)
53- - Card badges for status/priority
54- - Lazy-loaded (~ 100-150 KB)
79+ - Month/week/day views
80+ - Event management
81+ - ObjectQL integration
82+ - Lazy-loaded (~ 25 KB)
5583
56- [ Read full documentation →] ( ../plugins/plugin-kanban .md )
84+ [ Read full documentation →] ( ../plugins/plugin-calendar .md )
5785
5886---
5987
60- ### [ @object-ui/plugin-markdown ] ( ../plugins/plugin-markdown.md )
88+ #### [ @object-ui/plugin-map ] ( ../plugins/plugin-map.md )
89+
90+ Map visualization with markers.
91+
92+ - Interactive maps
93+ - Location markers
94+ - ObjectQL integration
95+ - Lazy-loaded (~ 60 KB)
96+
97+ [ Read full documentation →] ( ../plugins/plugin-map.md )
98+
99+ ---
100+
101+ ### Data Management
102+
103+ #### [ @object-ui/plugin-grid ] ( ../plugins/plugin-grid.md )
104+
105+ Advanced data grid with sorting, filtering, and pagination.
106+
107+ - Column sorting and filtering
108+ - Pagination controls
109+ - Row selection
110+ - Lazy-loaded (~ 45 KB)
111+
112+ [ Read full documentation →] ( ../plugins/plugin-grid.md )
113+
114+ ---
115+
116+ #### [ @object-ui/plugin-aggrid ] ( ../plugins/plugin-aggrid.md )
117+
118+ Enterprise data grid powered by AG Grid.
119+
120+ - Advanced filtering
121+ - Row editing
122+ - Multiple themes
123+ - Lazy-loaded (~ 150 KB)
124+
125+ [ Read full documentation →] ( ../plugins/plugin-aggrid.md )
126+
127+ ---
128+
129+ #### [ @object-ui/plugin-form ] ( ../plugins/plugin-form.md )
130+
131+ Advanced form builder with validation.
132+
133+ - Multi-step forms
134+ - Field validation
135+ - Custom field types
136+ - Lazy-loaded (~ 28 KB)
137+
138+ [ Read full documentation →] ( ../plugins/plugin-form.md )
139+
140+ ---
141+
142+ #### [ @object-ui/plugin-view ] ( ../plugins/plugin-view.md )
143+
144+ ObjectQL-integrated views for automatic CRUD.
145+
146+ - Auto-generated forms and grids
147+ - CRUD operations
148+ - Field mapping
149+ - Lazy-loaded (~ 35 KB)
150+
151+ [ Read full documentation →] ( ../plugins/plugin-view.md )
152+
153+ ---
154+
155+ ### Content & Editing
156+
157+ #### [ @object-ui/plugin-editor ] ( ../plugins/plugin-editor.md )
158+
159+ Code editor component powered by Monaco Editor.
160+
161+ - Syntax highlighting for 100+ languages
162+ - IntelliSense and code completion
163+ - Multiple themes
164+ - Lazy-loaded (~ 120 KB)
165+
166+ [ Read full documentation →] ( ../plugins/plugin-editor.md )
167+
168+ ---
169+
170+ #### [ @object-ui/plugin-markdown ] ( ../plugins/plugin-markdown.md )
61171
62172Markdown renderer with GitHub Flavored Markdown support.
63173
64174- GitHub Flavored Markdown
65175- XSS protection
66176- Code syntax highlighting
67- - Lazy-loaded (~ 100-200 KB)
177+ - Lazy-loaded (~ 30 KB)
68178
69179[ Read full documentation →] ( ../plugins/plugin-markdown.md )
70180
71181---
72182
183+ #### [ @object-ui/plugin-chatbot ] ( ../plugins/plugin-chatbot.md )
184+
185+ Chat interface component.
186+
187+ - Message history
188+ - User and assistant roles
189+ - Timestamps and avatars
190+ - Lazy-loaded (~ 35 KB)
191+
192+ [ Read full documentation →] ( ../plugins/plugin-chatbot.md )
193+
194+ ---
195+
196+ ### Workflows & Tasks
197+
198+ #### [ @object-ui/plugin-kanban ] ( ../plugins/plugin-kanban.md )
199+
200+ Kanban board component with drag-and-drop powered by @dnd-kit .
201+
202+ - Drag and drop cards between columns
203+ - Column limits (WIP limits)
204+ - Card badges for status/priority
205+ - Lazy-loaded (~ 100 KB)
206+
207+ [ Read full documentation →] ( ../plugins/plugin-kanban.md )
208+
209+ ---
210+
73211## How Plugins Work
74212
75213### Lazy Loading Architecture
@@ -99,12 +237,22 @@ export const CodeEditorRenderer = (props) => (
99237
100238### Bundle Impact
101239
102- | Plugin | Initial Load | Lazy Load |
103- | --------| -------------| -----------|
104- | plugin-editor | ~ 0.2 KB | ~ 20 KB |
105- | plugin-charts | ~ 0.2 KB | ~ 540 KB |
106- | plugin-kanban | ~ 0.2 KB | ~ 100-150 KB |
107- | plugin-markdown | ~ 0.2 KB | ~ 100-200 KB |
240+ | Plugin | Initial Load | Lazy Load | Description |
241+ | --------| -------------| -----------| -------------|
242+ | plugin-editor | ~ 0.2 KB | ~ 120 KB | Monaco editor |
243+ | plugin-charts | ~ 0.2 KB | ~ 80 KB | Recharts visualization |
244+ | plugin-kanban | ~ 0.2 KB | ~ 100 KB | Drag-and-drop board |
245+ | plugin-markdown | ~ 0.2 KB | ~ 30 KB | Markdown rendering |
246+ | plugin-aggrid | ~ 0.2 KB | ~ 150 KB | AG Grid data grid |
247+ | plugin-dashboard | ~ 0.2 KB | ~ 22 KB | Dashboard layouts |
248+ | plugin-form | ~ 0.2 KB | ~ 28 KB | Form builder |
249+ | plugin-grid | ~ 0.2 KB | ~ 45 KB | Data grid |
250+ | plugin-view | ~ 0.2 KB | ~ 35 KB | ObjectQL views |
251+ | plugin-timeline | ~ 0.2 KB | ~ 20 KB | Timeline layouts |
252+ | plugin-chatbot | ~ 0.2 KB | ~ 35 KB | Chat interface |
253+ | plugin-calendar | ~ 0.2 KB | ~ 25 KB | Calendar views |
254+ | plugin-gantt | ~ 0.2 KB | ~ 40 KB | Gantt charts |
255+ | plugin-map | ~ 0.2 KB | ~ 60 KB | Map visualization |
108256
109257Without lazy loading, all this code would be in your main bundle!
110258
@@ -127,6 +275,10 @@ import '@object-ui/plugin-editor'
127275import ' @object-ui/plugin-charts'
128276import ' @object-ui/plugin-kanban'
129277import ' @object-ui/plugin-markdown'
278+ import ' @object-ui/plugin-dashboard'
279+ import ' @object-ui/plugin-form'
280+ import ' @object-ui/plugin-grid'
281+ // ... import other plugins as needed
130282```
131283
132284Now all plugin components are available in your schemas!
0 commit comments