@alaarab/ogrid-mcp 2.6.1 → 2.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -84,7 +84,7 @@ All packages within a framework export the same `OGrid` component with the same
|
|
|
84
84
|
|
|
85
85
|
### Why This Matters
|
|
86
86
|
|
|
87
|
-
- **Shared core, broad portability.** A core fix often benefits every package, while wrapper-specific UI behavior is
|
|
87
|
+
- **Shared core, broad portability.** A core fix often benefits every package, while wrapper-specific UI behavior is verified in the browser matrix and documented per package.
|
|
88
88
|
- **Zero lock-in.** Migrate between React, Angular, and Vue without rewriting business logic.
|
|
89
89
|
- **Shared core, aligned behavior.** Most behavior is implemented once in core, with package-specific docs and tests calling out the remaining differences.
|
|
90
90
|
- **Small surface area.** No duplicated state logic to drift out of sync.
|
|
@@ -145,6 +145,15 @@ All packages within a framework export the same `OGrid` component with the same
|
|
|
145
145
|
|
|
146
146
|
OGrid is designed as a drop-in replacement for AG Grid with a simpler, more React-idiomatic API. If you are migrating from AG Grid, see the [Migration Guide](../guides/migration-from-ag-grid).
|
|
147
147
|
|
|
148
|
+
## Browser verification
|
|
149
|
+
|
|
150
|
+
OGrid's browser checks now have an explicit contract:
|
|
151
|
+
|
|
152
|
+
- A fast smoke suite runs on every push through the main CI workflow
|
|
153
|
+
- The broader Playwright matrix runs across all 10 example apps only when you dispatch it manually
|
|
154
|
+
|
|
155
|
+
See the [Browser Support Matrix](../guides/browser-support-matrix) for the current coverage map and commands.
|
|
156
|
+
|
|
148
157
|
## Next Steps
|
|
149
158
|
|
|
150
159
|
- [Installation](./installation) -- install OGrid for your framework
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
---
|
|
2
|
+
sidebar_position: 6
|
|
3
|
+
title: Browser Support Matrix
|
|
4
|
+
description: What runs in browser CI today, what the smoke suite covers, and which projects are in the full Playwright matrix
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
# Browser Support Matrix
|
|
8
|
+
|
|
9
|
+
OGrid ships 10 UI packages, but not every browser check needs to run on every push. The browser contract is split into two layers:
|
|
10
|
+
|
|
11
|
+
- `npm run test:e2e:smoke` is the fast merge gate that runs on every push and pull request in the main `CI` workflow.
|
|
12
|
+
- The `Playwright Matrix` GitHub workflow runs the broader browser suite across all 10 example apps only when you dispatch it manually.
|
|
13
|
+
|
|
14
|
+
## Main CI smoke suite
|
|
15
|
+
|
|
16
|
+
The merge gate is intentionally small. It covers the minimum set of user journeys that should fail the build immediately if they break:
|
|
17
|
+
|
|
18
|
+
```bash
|
|
19
|
+
npm run test:e2e:smoke
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
Projects in the smoke gate:
|
|
23
|
+
|
|
24
|
+
- `react-radix`
|
|
25
|
+
- `angular-material`
|
|
26
|
+
- `vue-vuetify`
|
|
27
|
+
- `js`
|
|
28
|
+
|
|
29
|
+
Journeys covered by the smoke suite:
|
|
30
|
+
|
|
31
|
+
- Grid renders with the shared demo columns and first page of rows
|
|
32
|
+
- Sorting changes the visible row order
|
|
33
|
+
- Text filtering narrows results and clearing the filter restores the page
|
|
34
|
+
- Inline editing commits a new value
|
|
35
|
+
|
|
36
|
+
This suite is the merge gate because it covers the shared spreadsheet contract through four different rendering stacks without turning every push into a full browser matrix run.
|
|
37
|
+
|
|
38
|
+
## Full Playwright matrix
|
|
39
|
+
|
|
40
|
+
The manual browser workflow runs the main browser suite against every example app:
|
|
41
|
+
|
|
42
|
+
```bash
|
|
43
|
+
npm run test:e2e:matrix
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
| Framework package | Playwright project | Example port | Main CI smoke | Full matrix |
|
|
47
|
+
|---|---|---:|---|---|
|
|
48
|
+
| `@alaarab/ogrid-react-fluent` | `react-fluent` | 3001 | No | Yes |
|
|
49
|
+
| `@alaarab/ogrid-react-material` | `react-material` | 3002 | No | Yes |
|
|
50
|
+
| `@alaarab/ogrid-react-radix` | `react-radix` | 3003 | Yes | Yes |
|
|
51
|
+
| `@alaarab/ogrid-angular-radix` | `angular-radix` | 3010 | No | Yes |
|
|
52
|
+
| `@alaarab/ogrid-angular-material` | `angular-material` | 3011 | Yes | Yes |
|
|
53
|
+
| `@alaarab/ogrid-angular-primeng` | `angular-primeng` | 3012 | No | Yes |
|
|
54
|
+
| `@alaarab/ogrid-vue-radix` | `vue-radix` | 3020 | No | Yes |
|
|
55
|
+
| `@alaarab/ogrid-vue-vuetify` | `vue-vuetify` | 3021 | Yes | Yes |
|
|
56
|
+
| `@alaarab/ogrid-vue-primevue` | `vue-primevue` | 3022 | No | Yes |
|
|
57
|
+
| `@alaarab/ogrid-js` | `js` | 3030 | Yes | Yes |
|
|
58
|
+
|
|
59
|
+
## Docs homepage coverage
|
|
60
|
+
|
|
61
|
+
The docs homepage is verified separately because it runs against the built Docusaurus site under the `/ogrid/` base path:
|
|
62
|
+
|
|
63
|
+
```bash
|
|
64
|
+
npm run test:e2e:docs
|
|
65
|
+
```
|
|
66
|
+
|
|
67
|
+
That check currently runs in the `Deploy Docs` workflow after `npm run docs:build`.
|
|
68
|
+
|
|
69
|
+
## Interpreting failures
|
|
70
|
+
|
|
71
|
+
- A smoke suite failure is a release-blocking regression for the shared grid contract.
|
|
72
|
+
- A full-matrix failure means one wrapper or example app diverged from the documented behavior and should be audited before the next release.
|
|
73
|
+
- A docs homepage failure means the public site or deployment assumptions changed.
|
|
@@ -9,7 +9,7 @@ description: OGrid in React, Angular, Vue, and Vanilla JS — shared core, nativ
|
|
|
9
9
|
|
|
10
10
|
OGrid works with your existing design system — not against it. React, Angular, Vue, and Vanilla JS are all fully supported, and every framework shares the same headless core so most behavior stays aligned across them.
|
|
11
11
|
|
|
12
|
-
Every grid below is live. Core interactions like sorting, filtering, editing, and selection are wired up across the demos,
|
|
12
|
+
Every grid below is live. Core interactions like sorting, filtering, editing, and selection are wired up across the demos, and the current browser verification split is documented in the [Browser Support Matrix](./browser-support-matrix).
|
|
13
13
|
|
|
14
14
|
---
|
|
15
15
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alaarab/ogrid-mcp",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.7.1",
|
|
4
4
|
"description": "MCP server for OGrid documentation",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"bin": {
|
|
@@ -28,12 +28,12 @@
|
|
|
28
28
|
"test": "jest"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@modelcontextprotocol/sdk": "^1.
|
|
32
|
-
"zod": "^
|
|
31
|
+
"@modelcontextprotocol/sdk": "^1.28.0",
|
|
32
|
+
"zod": "^4.0.0"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"tsup": "^8.
|
|
36
|
-
"typescript": "^
|
|
35
|
+
"tsup": "^8.5.1",
|
|
36
|
+
"typescript": "^6.0.0"
|
|
37
37
|
},
|
|
38
38
|
"engines": {
|
|
39
39
|
"node": ">=18"
|