@progress/kendo-react-mcp 1.6.0 → 1.6.1-beta.079a6439.0
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.
- package/README.md +15 -72
- package/dist/index.js +2775 -208
- package/package.json +1 -1
- package/proto/service.proto +66 -0
package/README.md
CHANGED
|
@@ -26,87 +26,30 @@ To use the KendoReact MCP Server, you need:
|
|
|
26
26
|
|
|
27
27
|
## Installation
|
|
28
28
|
|
|
29
|
-
Use the
|
|
29
|
+
Use the [Kendo CLI](https://www.npmjs.com/package/@progress/kendo-cli) and the built-in **Getting Started Assistant** to handle the entire setup automatically - whether you are starting a new project or adding KendoReact to an existing one.
|
|
30
30
|
|
|
31
|
-
|
|
31
|
+
Follow these steps to set up the Agentic UI Generator and use it in your IDE (VS Code or another supported AI-enabled IDE):
|
|
32
32
|
|
|
33
|
-
|
|
34
|
-
* Type: `stdio` (standard input/output transport)
|
|
35
|
-
* Command: `npx` (the MCP server works through an npm package)
|
|
36
|
-
* Supported arguments: `-y`
|
|
37
|
-
* npm package name: `@progress/kendo-react-mcp`
|
|
38
|
-
* You also need to add your [Telerik licence key](https://www.telerik.com/kendo-react-ui/components/my-license) as an `env` parameter in the `mcp.json` file. There are two options:
|
|
39
|
-
* (recommended) Use a `TELERIK_LICENSE_PATH` argument and point to your Telerik license file location.
|
|
40
|
-
* Use a `TELERIK_LICENSE` argument and paste your Telerik license key. Make sure to [update the license key](https://www.telerik.com/kendo-react-ui/components/my-license) when necessary.
|
|
33
|
+
1. Open your terminal and install the Kendo CLI globally:
|
|
41
34
|
|
|
42
|
-
|
|
35
|
+
```sh
|
|
36
|
+
npm i -g @progress/kendo-cli
|
|
37
|
+
```
|
|
43
38
|
|
|
44
|
-
|
|
39
|
+
1. Configure the KendoReact MCP server for your IDE and set up your Telerik license in a single step with the Kendo CLI:
|
|
45
40
|
|
|
46
|
-
|
|
41
|
+
```sh
|
|
42
|
+
npx kendo react setup
|
|
43
|
+
```
|
|
47
44
|
|
|
48
|
-
|
|
49
|
-
- When configured locally, you have to define either one of the following variables inside the `mcp.json` file:
|
|
50
|
-
* `TELERIK_LICENSE_PATH`—to point to your license file location.
|
|
51
|
-
* `TELERIK_LICENSE`—to paste your license key directly.
|
|
45
|
+
You are now ready to generate components and pages using the Agentic UI Generator in your IDE.
|
|
52
46
|
|
|
53
|
-
|
|
47
|
+
1. Create a new empty folder for your project and open it in your IDE. Then, in the AI chat interface, invoke the **Getting Started Assistant**:
|
|
54
48
|
|
|
55
|
-
|
|
49
|
+
```prompt
|
|
50
|
+
#kendo_getting_started_assistant create a new React project
|
|
51
|
+
```
|
|
56
52
|
|
|
57
|
-
### VSCode - Copilot
|
|
58
|
-
|
|
59
|
-
Refer to [Use MCP servers in VS Code](https://code.visualstudio.com/docs/copilot/chat/mcp-servers).
|
|
60
|
-
|
|
61
|
-
To enable the Kendo React MCP server in a specific workspace or React app, add a `.vscode` folder with an `mcp.json` file at the root of the workspace:
|
|
62
|
-
|
|
63
|
-
> .vscode/mcp.json at the workspace root
|
|
64
|
-
|
|
65
|
-
```json
|
|
66
|
-
{
|
|
67
|
-
"servers": {
|
|
68
|
-
"kendo-mcp": {
|
|
69
|
-
"type": "stdio",
|
|
70
|
-
"command": "npx",
|
|
71
|
-
"args": ["-y", "@progress/kendo-react-mcp@latest"],
|
|
72
|
-
"env": {
|
|
73
|
-
"TELERIK_LICENSE_PATH": "THE_PATH_TO_YOUR_LICENSE_FILE",
|
|
74
|
-
// or
|
|
75
|
-
"TELERIK_LICENSE": "YOUR_LICENSE_KEY"
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
```
|
|
81
|
-
|
|
82
|
-
> You can ignore the `env` parameter if you have the Telerik license key set up as a global environment variable on your machine. And if the MCP client supports passing global environment variables to MCP servers.
|
|
83
|
-
|
|
84
|
-
### Cursor
|
|
85
|
-
|
|
86
|
-
Refer to [Model Context Protocol](https://docs.cursor.com/context/model-context-protocol).
|
|
87
|
-
|
|
88
|
-
To [enable the KendoReact MCP server in a specific workspace](https://code.visualstudio.com/docs/copilot/chat/mcp-servers#_add-an-mcp-server-to-your-workspace) or React app, add a `.cursor` folder with an `mcp.json` file at the root of the workspace.
|
|
89
|
-
|
|
90
|
-
> .cursor/mcp.json at the workspace root
|
|
91
|
-
|
|
92
|
-
```json
|
|
93
|
-
{
|
|
94
|
-
"mcpServers": {
|
|
95
|
-
"kendo-mcp": {
|
|
96
|
-
"type": "stdio",
|
|
97
|
-
"command": "npx",
|
|
98
|
-
"args": ["-y", "@progress/kendo-react-mcp@latest"],
|
|
99
|
-
"env": {
|
|
100
|
-
"TELERIK_LICENSE_PATH": "THE_PATH_TO_YOUR_LICENSE_FILE",
|
|
101
|
-
// or
|
|
102
|
-
"TELERIK_LICENSE": "YOUR_LICENSE_KEY"
|
|
103
|
-
},
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
```
|
|
108
|
-
|
|
109
|
-
> You can ignore the `env` parameter if you have the Telerik license key set up as a global environment variable on your machine. And if the MCP client supports passing global environment variables to MCP servers.
|
|
110
53
|
|
|
111
54
|
## Usage
|
|
112
55
|
|