Skip to content

Add Implementation-Agnostic Component Protocol with Plugin Support #71

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
Copilot wants to merge 6 commits into from
Closed

Add Implementation-Agnostic Component Protocol with Plugin Support #71

Show file tree
Hide file tree
Changes from 2 commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
5b0d35f
Initial plan
Copilot Jan 22, 2026
484a2e7
Implement component library protocol with all component schemas
Copilot Jan 22, 2026
9334715
Add comprehensive component library documentation with rendering exam…
Copilot Jan 22, 2026
53090e5
Expand component library to 79 enterprise component types with detail…
Copilot Jan 22, 2026
4f2f041
Refactor: Simplify Component Protocol to be implementation-agnostic
Copilot Jan 22, 2026
d5a98d8
Add id and meta fields to Component schema for plugin systems and edi…
Copilot Jan 22, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 14 additions & 0 deletions content/docs/references/ui/AccordionComponent.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
---
title: AccordionComponent
description: AccordionComponent Schema Reference
---

## Properties

| Property | Type | Required | Description |
| :--- | :--- | :--- | :--- |
| **type** | `string` | ✅ | |
| **props** | `object` | ✅ | |
| **events** | `Record<string, any>` | optional | Event handlers |
| **style** | `Record<string, string>` | optional | Custom styles |
| **children** | `object[]` | optional | Child components |
14 changes: 14 additions & 0 deletions content/docs/references/ui/AlertComponent.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
---
title: AlertComponent
description: AlertComponent Schema Reference
---

## Properties

| Property | Type | Required | Description |
| :--- | :--- | :--- | :--- |
| **type** | `string` | ✅ | |
| **props** | `object` | ✅ | |
| **events** | `Record<string, any>` | optional | Event handlers |
| **style** | `Record<string, string>` | optional | Custom styles |
| **children** | `object[]` | optional | Child components |
14 changes: 14 additions & 0 deletions content/docs/references/ui/BadgeComponent.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
---
title: BadgeComponent
description: BadgeComponent Schema Reference
---

## Properties

| Property | Type | Required | Description |
| :--- | :--- | :--- | :--- |
| **type** | `string` | ✅ | |
| **props** | `object` | ✅ | |
| **events** | `Record<string, any>` | optional | Event handlers |
| **style** | `Record<string, string>` | optional | Custom styles |
| **children** | `object[]` | optional | Child components |
14 changes: 14 additions & 0 deletions content/docs/references/ui/BreadcrumbComponent.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
---
title: BreadcrumbComponent
description: BreadcrumbComponent Schema Reference
---

## Properties

| Property | Type | Required | Description |
| :--- | :--- | :--- | :--- |
| **type** | `string` | ✅ | |
| **props** | `object` | ✅ | |
| **events** | `Record<string, any>` | optional | Event handlers |
| **style** | `Record<string, string>` | optional | Custom styles |
| **children** | `object[]` | optional | Child components |
14 changes: 14 additions & 0 deletions content/docs/references/ui/CardComponent.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
---
title: CardComponent
description: CardComponent Schema Reference
---

## Properties

| Property | Type | Required | Description |
| :--- | :--- | :--- | :--- |
| **type** | `string` | ✅ | |
| **props** | `object` | optional | |
| **events** | `Record<string, any>` | optional | Event handlers |
| **style** | `Record<string, string>` | optional | Custom styles |
| **children** | `object[]` | optional | Child components |
14 changes: 14 additions & 0 deletions content/docs/references/ui/Component.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
---
title: Component
description: Component Schema Reference
---

## Properties

| Property | Type | Required | Description |
| :--- | :--- | :--- | :--- |
| **type** | `Enum<'card' \| 'tabs' \| 'accordion' \| 'modal' \| 'drawer' \| 'timeline' \| 'stepper' \| 'breadcrumb' \| 'alert' \| 'badge' \| 'tooltip' \| 'popover'>` | ✅ | Component type |
| **props** | `Record<string, any>` | optional | Component properties |
| **events** | `Record<string, any>` | optional | Event handlers |
| **style** | `Record<string, string>` | optional | Custom styles |
| **children** | `any[]` | optional | Child components |
19 changes: 19 additions & 0 deletions content/docs/references/ui/ComponentType.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
---
title: ComponentType
description: ComponentType Schema Reference
---

## Allowed Values

* `card`
* `tabs`
* `accordion`
* `modal`
* `drawer`
* `timeline`
* `stepper`
* `breadcrumb`
* `alert`
* `badge`
* `tooltip`
* `popover`
14 changes: 14 additions & 0 deletions content/docs/references/ui/DrawerComponent.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
---
title: DrawerComponent
description: DrawerComponent Schema Reference
---

## Properties

| Property | Type | Required | Description |
| :--- | :--- | :--- | :--- |
| **type** | `string` | ✅ | |
| **props** | `object` | optional | |
| **events** | `Record<string, any>` | optional | Event handlers |
| **style** | `Record<string, string>` | optional | Custom styles |
| **children** | `object[]` | optional | Child components |
14 changes: 14 additions & 0 deletions content/docs/references/ui/ModalComponent.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
---
title: ModalComponent
description: ModalComponent Schema Reference
---

## Properties

| Property | Type | Required | Description |
| :--- | :--- | :--- | :--- |
| **type** | `string` | ✅ | |
| **props** | `object` | optional | |
| **events** | `Record<string, any>` | optional | Event handlers |
| **style** | `Record<string, string>` | optional | Custom styles |
| **children** | `object[]` | optional | Child components |
14 changes: 14 additions & 0 deletions content/docs/references/ui/PopoverComponent.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
---
title: PopoverComponent
description: PopoverComponent Schema Reference
---

## Properties

| Property | Type | Required | Description |
| :--- | :--- | :--- | :--- |
| **type** | `string` | ✅ | |
| **props** | `object` | optional | |
| **events** | `Record<string, any>` | optional | Event handlers |
| **style** | `Record<string, string>` | optional | Custom styles |
| **children** | `object[]` | optional | Child components |
14 changes: 14 additions & 0 deletions content/docs/references/ui/StepperComponent.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
---
title: StepperComponent
description: StepperComponent Schema Reference
---

## Properties

| Property | Type | Required | Description |
| :--- | :--- | :--- | :--- |
| **type** | `string` | ✅ | |
| **props** | `object` | ✅ | |
| **events** | `Record<string, any>` | optional | Event handlers |
| **style** | `Record<string, string>` | optional | Custom styles |
| **children** | `object[]` | optional | Child components |
14 changes: 14 additions & 0 deletions content/docs/references/ui/TabsComponent.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
---
title: TabsComponent
description: TabsComponent Schema Reference
---

## Properties

| Property | Type | Required | Description |
| :--- | :--- | :--- | :--- |
| **type** | `string` | ✅ | |
| **props** | `object` | ✅ | |
| **events** | `Record<string, any>` | optional | Event handlers |
| **style** | `Record<string, string>` | optional | Custom styles |
| **children** | `object[]` | optional | Child components |
14 changes: 14 additions & 0 deletions content/docs/references/ui/TimelineComponent.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
---
title: TimelineComponent
description: TimelineComponent Schema Reference
---

## Properties

| Property | Type | Required | Description |
| :--- | :--- | :--- | :--- |
| **type** | `string` | ✅ | |
| **props** | `object` | ✅ | |
| **events** | `Record<string, any>` | optional | Event handlers |
| **style** | `Record<string, string>` | optional | Custom styles |
| **children** | `object[]` | optional | Child components |
14 changes: 14 additions & 0 deletions content/docs/references/ui/TooltipComponent.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
---
title: TooltipComponent
description: TooltipComponent Schema Reference
---

## Properties

| Property | Type | Required | Description |
| :--- | :--- | :--- | :--- |
| **type** | `string` | ✅ | |
| **props** | `object` | ✅ | |
| **events** | `Record<string, any>` | optional | Event handlers |
| **style** | `Record<string, string>` | optional | Custom styles |
| **children** | `object[]` | optional | Child components |
173 changes: 173 additions & 0 deletions packages/spec/json-schema/AccordionComponent.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,173 @@
{
"$ref": "#/definitions/AccordionComponent",
"definitions": {
"AccordionComponent": {
"type": "object",
"properties": {
"type": {
"type": "string",
"const": "accordion"
},
"props": {
"type": "object",
"properties": {
"items": {
"type": "array",
"items": {
"type": "object",
"properties": {
"title": {
"type": "string",
"description": "Section title"
},
"icon": {
"type": "string",
"description": "Section icon"
},
"content": {
"type": "object",
"properties": {
"type": {
"type": "string",
"enum": [
"card",
"tabs",
"accordion",
"modal",
"drawer",
"timeline",
"stepper",
"breadcrumb",
"alert",
"badge",
"tooltip",
"popover"
],
"description": "Component type"
},
"props": {
"type": "object",
"additionalProperties": {},
"description": "Component properties"
},
"events": {
"type": "object",
"additionalProperties": true,
"description": "Event handlers"
},
"style": {
"type": "object",
"additionalProperties": {
"type": "string"
},
"description": "Custom styles"
},
"children": {
"type": "array",
"items": {},
"description": "Child components"
}
},
"required": [
"type"
],
"additionalProperties": false,
"description": "Section content"
},
"defaultExpanded": {
"type": "boolean",
"description": "Initially expanded"
}
},
"required": [
"title"
],
"additionalProperties": false
},
"description": "Accordion items"
},
"allowMultiple": {
"type": "boolean",
"description": "Allow multiple open sections"
}
},
"required": [
"items"
],
"additionalProperties": false
},
"events": {
"type": "object",
"additionalProperties": true,
"description": "Event handlers"
},
"style": {
"type": "object",
"additionalProperties": {
"type": "string"
},
"description": "Custom styles"
},
"children": {
"type": "array",
"items": {
"type": "object",
"properties": {
"type": {
"type": "string",
"enum": [
"card",
"tabs",
"accordion",
"modal",
"drawer",
"timeline",
"stepper",
"breadcrumb",
"alert",
"badge",
"tooltip",
"popover"
],
"description": "Component type"
},
"props": {
"type": "object",
"additionalProperties": {},
"description": "Component properties"
},
"events": {
"type": "object",
"additionalProperties": true,
"description": "Event handlers"
},
"style": {
"type": "object",
"additionalProperties": {
"type": "string"
},
"description": "Custom styles"
},
"children": {
"type": "array",
"items": {},
"description": "Child components"
}
},
"required": [
"type"
],
"additionalProperties": false
},
"description": "Child components"
}
},
"required": [
"type",
"props"
],
"additionalProperties": false
}
},
"$schema": "http://json-schema.org/draft-07/schema#"
}
Loading