@progress/kendo-angular-mcp 1.3.1 → 1.3.3
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 +42 -34
- package/dist/index.js +15 -15
- package/package.json +3 -3
- package/proto/service.proto +0 -1
package/README.md
CHANGED
|
@@ -1,16 +1,11 @@
|
|
|
1
1
|
# Kendo UI for Angular MCP Server
|
|
2
2
|
|
|
3
|
-
The Kendo UI for Angular [MCP Server](https://modelcontextprotocol.io/introduction) enables you achieve
|
|
3
|
+
The Kendo UI for Angular [MCP Server](https://modelcontextprotocol.io/introduction) enables you to achieve integration with your already existing AI workflows and reach new levels of developer productivity. The MCP server provides proprietary context to AI-powered IDEs, apps and tools. You can use the Kendo UI for Angular MCP server to ask about Kendo UI for Angular components, features, or general usage. You can successfully prompt more complex questions and tasks, and generate tailored code that includes Kendo UI for Angular components and API.
|
|
4
4
|
|
|
5
|
-
As of version 1.3 the Kendo UI for Angular MCP server supports two modes of operation that depends on your [Telerik license type](https://www.telerik.com/
|
|
5
|
+
As of version 1.3 the Kendo UI for Angular MCP server supports [two modes of operation](https://www.telerik.com/kendo-angular-ui/components/ai-tools#ai-tools-overview-and-comparison) that depends on your [Telerik license type](https://www.telerik.com/kendo-angular-ui/components/ai-tools#license-requirements):
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
* **Initial code generation**: Quickly add components to your app to speed up the initial development.
|
|
10
|
-
* **Component configuration**: Enable or disable specific component features, or fine tune the configuration through prompting. More * complex configurations are possible but may require additional manual work to be production-ready.
|
|
11
|
-
* **Dummy data generation and data binding**: Quickly add data to your app for testing and prototyping purposes. Avoid exposing or providing access to your proprietary or production data to AI-enabled tools.
|
|
12
|
-
* **Step-by-step explanations**: Understand the solutions provided by the AI Coding Assistant through the detailed explanations (depends * on the tool, mode, and model used). To further develop your knowledge, check the respective documentation.
|
|
13
|
-
* **Preliminary troubleshooting**: Resolve obvious and easy-to-solve issues affecting your code. For more complex issues, look for assistance from the community or contact the support team.
|
|
7
|
+
* **Agentic UI Generator**—Includes all four specialized tools (Component, Layout, Styling, and Icon), coordinated by a comprehensive orchestrator designed for complete UI generation.
|
|
8
|
+
* **AI Coding Assistant**—Includes the Component Tool and Icon Tool, coordinated by an orchestrator optimized for component-level development.
|
|
14
9
|
|
|
15
10
|
## **Agentic UI Generator** Intended Use
|
|
16
11
|
|
|
@@ -23,13 +18,20 @@ As of version 1.3 the Kendo UI for Angular MCP server supports two modes of oper
|
|
|
23
18
|
* Create new responsive pages and sections.
|
|
24
19
|
* Convert existing pages to be responsive for mobile and tablet views.
|
|
25
20
|
|
|
21
|
+
## **AI Coding Assistant** Intended Use
|
|
22
|
+
|
|
23
|
+
* **Initial code generation**: Quickly add components to your app to speed up the initial development.
|
|
24
|
+
* **Component configuration**: Enable or disable specific component features, or fine tune the configuration through prompting. More * complex configurations are possible but may require additional manual work to be production-ready.
|
|
25
|
+
* **Dummy data generation and data binding**: Quickly add data to your app for testing and prototyping purposes. Avoid exposing or providing access to your proprietary or production data to AI-enabled tools.
|
|
26
|
+
* **Step-by-step explanations**: Understand the solutions provided by the AI Coding Assistant through the detailed explanations (depends * on the tool, mode, and model used). To further develop your knowledge, check the respective documentation.
|
|
27
|
+
* **Preliminary troubleshooting**: Resolve obvious and easy-to-solve issues affecting your code. For more complex issues, look for assistance from the community or contact the support team.
|
|
28
|
+
|
|
26
29
|
## Prerequisites
|
|
27
30
|
|
|
28
31
|
To use the Kendo UI for Angular MCP server, you need:
|
|
29
32
|
|
|
30
33
|
* A [compatible MCP client (IDE, code editor or app)](https://modelcontextprotocol.io/clients) that supports *MCP tools*.
|
|
31
|
-
*
|
|
32
|
-
* An active [DevCraft or Kendo UI for Angular license](https://www.telerik.com/purchase/kendo-ui) or a [Kendo UI for Angular trial](https://www.telerik.com/download).
|
|
34
|
+
* An active [Telerik license](https://www.telerik.com/kendo-angular-ui/components/ai-tools#license-requirements) that provides access to the Kendo UI for Angular MCP server.
|
|
33
35
|
|
|
34
36
|
## Installation
|
|
35
37
|
|
|
@@ -50,9 +52,14 @@ The generic settings of the Kendo UI for Angular MCP server are:
|
|
|
50
52
|
|
|
51
53
|
## Authentication
|
|
52
54
|
|
|
53
|
-
The MCP server requires
|
|
55
|
+
The Kendo UI for Angular MCP server [requires an active Subscription or trial license](https://www.telerik.com/kendo-angular-ui/components/ai-tools#license-requirements) and a valid key for authentication. You can configure your license key either globally on your machine or locally in the `mcp.json` configuration file.
|
|
56
|
+
|
|
57
|
+
- *(Recommended)* When set globally, the MCP server automatically recognizes the license and you can ignore the `env` parameter in the `mcp.json` setup.
|
|
58
|
+
- When configured locally, you have to define either one of the following variables inside the `mcp.json` file:
|
|
59
|
+
* `TELERIK_LICENSE_PATH`—to point to your license file location.
|
|
60
|
+
* `TELERIK_LICENSE`—to paste your license key directly.
|
|
54
61
|
|
|
55
|
-
|
|
62
|
+
For detailed instructions on obtaining and managing your license key, see [Kendo UI for Angular Licensing](https://www.telerik.com/kendo-angular-ui/components/licensing).
|
|
56
63
|
|
|
57
64
|
## Configuration Examples
|
|
58
65
|
|
|
@@ -114,44 +121,45 @@ To [enable the Kendo UI for Angular MCP server in a specific workspace](https://
|
|
|
114
121
|
|
|
115
122
|
To increase the probability of the Kendo UI for Angular MCP Server being used, or to call it without the need to mention "kendo" explicitly, add custom idea instructions to your AI-powered tool. Here are examples for [GitHub Copilot](https://docs.github.com/en/copilot/customizing-copilot/adding-repository-custom-instructions-for-github-copilot#about-repository-custom-instructions-for-github-copilot-chat) and [Cursor](https://docs.cursor.com/context/rules).
|
|
116
123
|
|
|
117
|
-
###
|
|
124
|
+
### Agentic UI Generator
|
|
118
125
|
|
|
119
|
-
To use the
|
|
126
|
+
To use the Agentic UI Generator mode:
|
|
120
127
|
|
|
121
|
-
1.
|
|
128
|
+
1. Open the AI chat interface in your IDE—Start a new chat session to begin interacting with the Agentic UI Generator.
|
|
129
|
+
1. Start your prompt with `#kendo_ui_generator` (the main MCP tool to start the agentic workflow in the Agentic UI Generator).
|
|
122
130
|
1. This will trigger an agentic workflow using the other available MCP tools to retrieve relevant context based on your prompt.
|
|
123
131
|
1. Inspect the output and verify that the Kendo UI for Angular MCP Server is used. Look for a statement in the output, which is similar to:
|
|
124
132
|
* `Running kendo-angular-mcp-server` (in VS Code)
|
|
125
133
|
* `Calling MCP tool kendo-angular-mcp-server` (in Cursor)
|
|
126
|
-
If the Kendo UI for Angular MCP server is not used even though it's installed and enabled, double-check the server name in your configuration and try rephrasing your prompt.
|
|
127
134
|
1. If requested, grant the Kendo UI for Angular MCP server a permission to run for this session, workspace, or always.
|
|
128
135
|
|
|
129
|
-
Also check more useful documentation about how to use the
|
|
130
|
-
- [Getting Started](https://www.telerik.com/kendo-angular-ui/components/ai-tools/
|
|
131
|
-
- [
|
|
132
|
-
- [
|
|
136
|
+
Also check more useful documentation about how to use the Agentic UI Generator here:
|
|
137
|
+
- [Getting Started](https://www.telerik.com/kendo-angular-ui/components/ai-tools/agentic-ui-generator/getting-started)
|
|
138
|
+
- [Use Cases](https://www.telerik.com/kendo-angular-ui/components/ai-tools/agentic-ui-generator/getting-started#use-cases)
|
|
139
|
+
- [Best Practices](https://www.telerik.com/kendo-angular-ui/components/ai-tools/agentic-ui-generator/getting-started#best-practices) for more usage tips.
|
|
140
|
+
- [Prompt Library](https://www.telerik.com/kendo-angular-ui/components/ai-tools/agentic-ui-generator/prompt-library)
|
|
133
141
|
|
|
134
|
-
###
|
|
142
|
+
### AI Coding Assistant
|
|
135
143
|
|
|
136
|
-
To use the
|
|
144
|
+
To use the AI Coding Assistant mode:
|
|
137
145
|
|
|
138
|
-
1.
|
|
139
|
-
1. Start your prompt with `#kendo_ui_generator` (the main MCP tool to start the agentic workflow in the Agentic UI Generator).
|
|
146
|
+
1. Start your prompt with `#kendo_angular_assistant` (the main MCP tool to start the agentic workflow in the coding agent).
|
|
140
147
|
1. This will trigger an agentic workflow using the other available MCP tools to retrieve relevant context based on your prompt.
|
|
141
148
|
1. Inspect the output and verify that the Kendo UI for Angular MCP Server is used. Look for a statement in the output, which is similar to:
|
|
142
149
|
* `Running kendo-angular-mcp-server` (in VS Code)
|
|
143
150
|
* `Calling MCP tool kendo-angular-mcp-server` (in Cursor)
|
|
151
|
+
|
|
152
|
+
If the Kendo UI for Angular MCP server is not used even though it's installed and enabled, double-check the server name in your configuration and try rephrasing your prompt.
|
|
144
153
|
1. If requested, grant the Kendo UI for Angular MCP server a permission to run for this session, workspace, or always.
|
|
145
154
|
|
|
146
|
-
Also check more
|
|
147
|
-
- [Getting Started](https://www.telerik.com/kendo-angular-ui/components/ai-tools/
|
|
148
|
-
- [
|
|
149
|
-
- [
|
|
150
|
-
- [Prompt Library](https://www.telerik.com/kendo-angular-ui/components/ai-tools/
|
|
155
|
+
Also check more useful documentation about how to use the AI Coding Assistant here:
|
|
156
|
+
- [Getting Started](https://www.telerik.com/kendo-angular-ui/components/ai-tools/ai-assistant/getting-started)
|
|
157
|
+
- [Use Cases](https://www.telerik.com/kendo-angular-ui/components/ai-tools/ai-assistant/getting-started#use-cases)
|
|
158
|
+
- [Best Practices](https://www.telerik.com/kendo-angular-ui/components/ai-tools/ai-assistant/getting-started#best-practices)
|
|
159
|
+
- [Prompt Library](https://www.telerik.com/kendo-angular-ui/components/ai-tools/ai-assistant/prompt-library)
|
|
151
160
|
|
|
152
161
|
### AI Tools Usage
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
- [
|
|
156
|
-
- [Agentic UI Generator - Usage Limits](https://www.telerik.com/kendo-angular-ui/components/ai-tools/agentic-ui-generator#usage-limits)
|
|
162
|
+
Access to the Kendo UI for Angular AI Tools is determined by your [Telerik license type](https://www.telerik.com/purchase.aspx?filter=web). Each license tier provides different levels of access and functionality:
|
|
163
|
+
- [License Requirements](https://www.telerik.com/kendo-angular-ui/components/ai-tools#license-requirements)
|
|
164
|
+
- [Usage Limits](https://www.telerik.com/kendo-angular-ui/components/ai-tools#usage-limits)
|
|
157
165
|
|
package/dist/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
#!/usr/bin/env node
|
|
2
|
-
import{McpServer as
|
|
3
|
-
`,s=R.resolve(I);w.appendFile(s,n,r=>{r&&console.error("Error writing to log file:",r)})}}import
|
|
2
|
+
import{McpServer as ot}from"@modelcontextprotocol/sdk/server/mcp.js";import{StdioServerTransport as nt}from"@modelcontextprotocol/sdk/server/stdio.js";import{dirname as ze,join as Ye}from"path";import{fileURLToPath as He}from"url";import{loadLicense as Me,decodeLicenseKey as qe,decodeLicenseEvidence as Be}from"@progress/kendo-licensing/utils";var M=class extends Error{constructor(t){super(t),this.name="LicenseError"}};function X(e){return e.replace(/^\uFEFF/,"")}async function Z(){let e=null,t=null;try{let o=Me();if(!o.success)throw new M(o.message);try{e=(await qe(o.value)).licenses.find(async s=>!!(await Be(s)).userId)}catch(n){console.log(n.message)}if(!e)return[X(o.value),null]}catch(o){return t=o.message||"Unknown error loading license.",[null,t]}return[X(e),null]}import w from"node:fs";import R from"node:path";var q=!1,I=process.env.DEBUG_LOG_FILE,ee=!!(I&&typeof I=="string");if(ee){let e=R.resolve(I),t=R.dirname(e);if(t!=="."&&t!==process.cwd()&&!w.existsSync(t))try{w.mkdirSync(t,{recursive:!0})}catch(o){console.error("Error creating log directory:",o)}if(!w.existsSync(e))try{w.writeFileSync(e,"")}catch(o){console.error("Error creating log file:",o)}}else q=!1;q=ee&&!!I&&w.existsSync(R.resolve(I));function u(...e){if(q&&I){let n=`${new Date().toISOString()}: ${e.join(" ")}
|
|
3
|
+
`,s=R.resolve(I);w.appendFile(s,n,r=>{r&&console.error("Error writing to log file:",r)})}}import Ge from"@grpc/proto-loader";import D from"@grpc/grpc-js";import ne from"path";import te from"fs";import{fileURLToPath as Ke}from"url";var Fe=Ke(import.meta.url),Ve=ne.dirname(Fe),se={version:"unknown"},oe=ne.resolve(Ve,"../package.json");te.existsSync(oe)&&(se=JSON.parse(te.readFileSync(oe,"utf-8")));var $=class{constructor(t,o,n){this.contextApiUrl=t;this.protoPath=o;this.options=n;this.toolNameHeader="assistant";let s=Ge.loadSync(this.protoPath,{keepCase:!0,longs:String,enums:String,defaults:!0,oneofs:!0});this.isDev=this.contextApiUrl?.includes("localhost")||this.contextApiUrl?.includes("127.0.0.1"),u("Using ContextApi URl:",this.contextApiUrl);let r=D.loadPackageDefinition(s);this.client=new r.ContextQueryService(this.contextApiUrl||"contextapi.telerik.com:443",this.isDev?D.credentials.createInsecure():D.credentials.createSsl())}async getMetadata(){let[t,o]=this.isDev?"fake_license":await Z(),n=process.env.CONTEXTAPI_API_KEY,s=n&&typeof n=="string",r=t&&typeof t=="string";if(!r&&!s&&o)throw new Error(`Failed to authenticate with API key or License key!
|
|
4
4
|
|
|
5
|
-
License Error: ${o}`);let a=new D.Metadata;if(r)try{a.add("x-license-key",t)}catch(m){throw d("Error adding license key to metadata:",m),new Error(`Failed to use license key: ${m.message}`)}return s&&a.add("x-api-key",n),this.options?.libName&&a.add("x-library-name",this.options.libName),a.add("x-tool-name",this.toolNameHeader),a}async query(t){let o=await this.getMetadata();return new Promise((n,s)=>{this.client.query({...t,metadata:{source:"npm",version:se.version,os:process.platform,node_version:process.version}},o,(r,a)=>{r?s(new Error(r)):n(a)})})}async queryCssUtils(t){let o=await this.getMetadata();return new Promise((n,s)=>{this.client.cssUtilsSearch(t,o,(r,a)=>{r?(d("Error querying CSS Utils:",r),s(new Error(r))):n(a)})})}async queryIconsSearch(t){let o=await this.getMetadata();return new Promise((n,s)=>{this.client.iconsSearch(t,o,(r,a)=>{r?(d("Error querying Icons Search:",r),s(new Error(r))):n(a)})})}async queryBuildingBlocks(t){let o=await this.getMetadata();return new Promise((n,s)=>{this.client.buildingBlocksSearch(t,o,(r,a)=>{r?(d("Error querying Building Blocks:",r),s(new Error(r))):n(a)})})}async validateUserLicense(){let t=await this.getMetadata();return new Promise((o,n)=>{this.client.validateUserLicense(null,t,(s,r)=>{s?(d("Error validating user license:",s),n(new Error(s))):o(r)})})}async queryThemeGenerate(t){let o=await this.getMetadata();return new Promise((n,s)=>{this.client.generateTheme(t,o,(r,a)=>{r?(d("Error querying context API/GenerateTheme:",r),s(new Error(r))):n(a)})})}async recordOrchestratorUserRequest(){let t=await this.getMetadata();return new Promise((o,n)=>{this.client.recordOrchestratorUserRequest(null,t,(s,r)=>{s?(d("Error recording orchestrator user request:",s),n(new Error(s))):o(r)})})}};import{z as B}from"zod";var vt=B.object({user_id:B.string(),user_email:B.string().email()});import{z as p}from"zod";var Ve=p.object({Product:p.object({Id:p.number().int(),Code:p.string(),Name:p.string()}),License:p.nullable(p.object({Id:p.number().int(),Name:p.string(),Type:p.string(),Active:p.boolean()})),Availability:p.array(p.object({LicenseStart:p.nullable(p.string().datetime()),LicenseEnd:p.nullable(p.string().datetime())})),IsLicenseAvailable:p.optional(p.boolean())}),Pt=p.array(Ve);async function re(e){let t=process.env.KENDO_MCP_ACCESS;if(t==="true"||t==="1"||t==="full")return"full";if(typeof t=="string"&&(t.toLowerCase()==="agent"||t.toLowerCase()==="assistant"))return t.toLowerCase();let o=await e();return o.toLocaleLowerCase()==="agentic_ui_generator"?"agent":o.toLocaleLowerCase()==="ai_coding_assistants"?"assistant":"none"}var l="Kendo UI for Angular",T="angular",E="kendo",_=["AIPrompt","ActionSheet","AppBar","ArcGauge","AutoComplete","Avatar","Badge","Barcode","BottomNavigation","BreadCrumb","Button","ButtonGroup","Calendar","Card","ChartWizard","Charts","CheckBox","Chip","ChipList","ChunkProgressBar","CircularGauge","CircularProgressBar","ColorGradient","ColorPalette","ColorPicker","ComboBox","ContextMenu","ConversationalUI","DataQuery","DateInput","DateMath","DatePicker","DateRange","DateTimePicker","Diagram","Dialog","DragandDrop","Drawer","Drawing","DropDownButton","DropDownList","DropDownTree","Editor","ExcelExport","ExpansionPanel","FileSaver","FileSelect","Filter","FlatColorPicker","FloatingActionButton","FloatingLabel","Forms","FormField","Gantt","Gauges","General","Grid","GridLayout","Icon","InlineAIPrompt","Label","LinearGauge","ListBox","ListView","Loader","Map","MaskedTextBox","Menu","MultiColumnComboBox","MultiSelect","MultiSelectTree","MultiViewCalendar","Notification","NumericTextBox","OTPInput","Pager","PanelBar","PDFExport","PDFViewer","PivotGrid","Popover","Popup","ProgressBar","QRCode","RadialGauge","RadioButton","RangeSlider","Rating","Ripple","Sankey","Scheduler","ScrollView","Signature","Skeleton","Slider","Sortable","StockChart","Sparkline","SpeechToTextButton","SplitButton","Splitter","Spreadsheet","StackLayout","Stepper","SVGIcon","Switch","TabStrip","TextArea","TextBox","TileLayout","Timeline","TimePicker","ToolBar","Tooltip","TreeList","TreeView","Typography","Upload","Window"],ae=new Map([["actionsheet","@progress/kendo-angular-navigation"],["aiprompt","@progress/kendo-angular-conversational-ui"],["appbar","@progress/kendo-angular-navigation"],["arcgauge","@progress/kendo-angular-gauges"],["autocomplete","@progress/kendo-angular-dropdowns"],["avatar","@progress/kendo-angular-layout"],["badge","@progress/kendo-angular-indicators"],["barcode","@progress/kendo-angular-barcodes"],["bottomnavigation","@progress/kendo-angular-navigation"],["breadcrumb","@progress/kendo-angular-navigation"],["button","@progress/kendo-angular-buttons"],["buttongroup","@progress/kendo-angular-buttons"],["calendar","@progress/kendo-angular-dateinputs"],["card","@progress/kendo-angular-layout"],["chartwizard","@progress/kendo-angular-chart-wizard"],["checkbox","@progress/kendo-angular-inputs"],["chip","@progress/kendo-angular-buttons"],["chiplist","@progress/kendo-angular-buttons"],["chunkprogressbar","@progress/kendo-angular-progressbar"],["circulargauge","@progress/kendo-angular-gauges"],["circularprogressbar","@progress/kendo-angular-progressbar"],["colorgradient","@progress/kendo-angular-inputs"],["colorpalette","@progress/kendo-angular-inputs"],["colorpicker","@progress/kendo-angular-inputs"],["combobox","@progress/kendo-angular-dropdowns"],["contextmenu","@progress/kendo-angular-menu"],["dataquery","@progress/kendo-data-query"],["dateinput","@progress/kendo-angular-dateinputs"],["datemath","@progress/kendo-date-math"],["datepicker","@progress/kendo-angular-dateinputs"],["daterangepicker","@progress/kendo-angular-dateinputs"],["datetimepicker","@progress/kendo-angular-dateinputs"],["diagram","@progress/kendo-angular-diagrams"],["dialog","@progress/kendo-angular-dialog"],["drawer","@progress/kendo-angular-layout"],["drawing","@progress/kendo-drawing"],["dropdownbutton","@progress/kendo-angular-buttons"],["dropdownlist","@progress/kendo-angular-dropdowns"],["dropdowntree","@progress/kendo-angular-dropdowns"],["editor","@progress/kendo-angular-editor"],["excelexport","@progress/kendo-angular-excel-export"],["expansionpanel","@progress/kendo-angular-layout"],["filesaver","@progress/kendo-file-saver"],["fileselect","@progress/kendo-angular-upload"],["filter","@progress/kendo-angular-filter"],["flatcolorpicker","@progress/kendo-angular-inputs"],["floatingactionbutton","@progress/kendo-angular-buttons"],["floatinglabel","@progress/kendo-angular-label"],["formfield","@progress/kendo-angular-inputs"],["forms","@progress/kendo-angular-inputs"],["gantt","@progress/kendo-angular-gantt"],["grid","@progress/kendo-angular-grid"],["gridlayout","@progress/kendo-angular-layout"],["icon","@progress/kendo-angular-icons"],["inlineaiprompt","@progress/kendo-angular-conversational-ui"],["label","@progress/kendo-angular-label"],["lineargauge","@progress/kendo-angular-gauges"],["listbox","@progress/kendo-angular-listbox"],["listview","@progress/kendo-angular-listview"],["loader","@progress/kendo-angular-indicators"],["map","@progress/kendo-angular-map"],["maskedtextbox","@progress/kendo-angular-inputs"],["menu","@progress/kendo-angular-menu"],["multicolumncombobox","@progress/kendo-angular-dropdowns"],["multiselect","@progress/kendo-angular-dropdowns"],["multiselecttree","@progress/kendo-angular-dropdowns"],["multiviewcalendar","@progress/kendo-angular-dateinputs"],["notification","@progress/kendo-angular-notification"],["numerictextbox","@progress/kendo-angular-inputs"],["otpinput","@progress/kendo-angular-inputs"],["pager","@progress/kendo-angular-pager"],["panelbar","@progress/kendo-angular-layout"],["pdfexport","@progress/kendo-angular-pdf-export"],["pdfviewer","@progress/kendo-angular-pdfviewer"],["pivotgrid","@progress/kendo-angular-pivotgrid"],["popover","@progress/kendo-angular-tooltip"],["popup","@progress/kendo-angular-popup"],["progressbar","@progress/kendo-angular-progressbar"],["qrcode","@progress/kendo-angular-barcodes"],["radialgauge","@progress/kendo-angular-gauges"],["radiobutton","@progress/kendo-angular-inputs"],["rangeslider","@progress/kendo-angular-inputs"],["rating","@progress/kendo-angular-inputs"],["ripple","@progress/kendo-angular-ripple"],["sankey","@progress/kendo-angular-charts"],["scheduler","@progress/kendo-angular-scheduler"],["scrollview","@progress/kendo-angular-scrollview"],["signature","@progress/kendo-angular-inputs"],["skeleton","@progress/kendo-angular-indicators"],["slider","@progress/kendo-angular-inputs"],["sortable","@progress/kendo-angular-sortable"],["sparkline","@progress/kendo-angular-charts"],["speechtotextbutton","@progress/kendo-angular-buttons"],["splitbutton","@progress/kendo-angular-buttons"],["splitter","@progress/kendo-angular-layout"],["spreadsheet","@progress/kendo-angular-spreadsheet"],["stacklayout","@progress/kendo-angular-layout"],["stepper","@progress/kendo-angular-layout"],["stockchart","@progress/kendo-angular-charts"],["svgicon","@progress/kendo-angular-icons"],["switch","@progress/kendo-angular-inputs"],["tabstrip","@progress/kendo-angular-layout"],["textarea","@progress/kendo-angular-inputs"],["textbox","@progress/kendo-angular-inputs"],["tilelayout","@progress/kendo-angular-layout"],["timeline","@progress/kendo-angular-layout"],["timepicker","@progress/kendo-angular-dateinputs"],["toolbar","@progress/kendo-angular-toolbar"],["treelist","@progress/kendo-angular-treelist"],["treeview","@progress/kendo-angular-treeview"],["typography","@progress/kendo-angular-typography"],["upload","@progress/kendo-angular-upload"],["window","@progress/kendo-angular-dialog"],["charts","@progress/kendo-angular-charts"],["conversationalui","@progress/kendo-angular-conversational-ui"],["tooltip","@progress/kendo-angular-tooltip"]]);var He=ze(je(Ye(import.meta.url)),"../proto/service.proto"),L=new $("contextapi.telerik.com:443",He,{libName:T});var ie=async()=>L.validateUserLicense();import nt from"fs";import $e from"path";import{fileURLToPath as st}from"url";import{z as u}from"zod";var k=class{constructor(t,o,n){this.name=t;this.config=o;this.cb=n}register(t){this.server=t,this.server.registerTool(this.name,this.config,this.cb)}hasAccess(t){return!this.config.requiredAccess||this.config.requiredAccess.length===0?!0:t==="full"||this.config.requiredAccess.includes(t)}};var x=(e,t)=>`# ${e.suiteName} - Code Validation & Quality Assurance
|
|
5
|
+
License Error: ${o}`);let a=new D.Metadata;if(r)try{a.add("x-license-key",t)}catch(g){throw u("Error adding license key to metadata:",g),new Error(`Failed to use license key: ${g.message}`)}return s&&a.add("x-api-key",n),this.options?.libName&&a.add("x-library-name",this.options.libName),a.add("x-tool-name",this.toolNameHeader),a.add("x-request-metadata",JSON.stringify({source:"npm",version:se.version,os:process.platform,node_version:process.version})),a}async query(t){let o=await this.getMetadata();return new Promise((n,s)=>{this.client.query(t,o,(r,a)=>{r?s(new Error(r)):n(a)})})}async queryCssUtils(t){let o=await this.getMetadata();return new Promise((n,s)=>{this.client.cssUtilsSearch(t,o,(r,a)=>{r?(u("Error querying CSS Utils:",r),s(new Error(r))):n(a)})})}async queryIconsSearch(t){let o=await this.getMetadata();return new Promise((n,s)=>{this.client.iconsSearch(t,o,(r,a)=>{r?(u("Error querying Icons Search:",r),s(new Error(r))):n(a)})})}async queryBuildingBlocks(t){let o=await this.getMetadata();return new Promise((n,s)=>{this.client.buildingBlocksSearch(t,o,(r,a)=>{r?(u("Error querying Building Blocks:",r),s(new Error(r))):n(a)})})}async validateUserLicense(){let t=await this.getMetadata();return new Promise((o,n)=>{this.client.validateUserLicense(null,t,(s,r)=>{s?(u("Error validating user license:",s),n(new Error(s))):o(r)})})}async queryThemeGenerate(t){let o=await this.getMetadata();return new Promise((n,s)=>{this.client.generateTheme(t,o,(r,a)=>{r?(u("Error querying context API/GenerateTheme:",r),s(new Error(r))):n(a)})})}async recordOrchestratorUserRequest(){let t=await this.getMetadata();return new Promise((o,n)=>{this.client.recordOrchestratorUserRequest(null,t,(s,r)=>{s?(u("Error recording orchestrator user request:",s),n(new Error(s))):o(r)})})}};import{z as B}from"zod";var Et=B.object({user_id:B.string(),user_email:B.string().email()});import{z as p}from"zod";var je=p.object({Product:p.object({Id:p.number().int(),Code:p.string(),Name:p.string()}),License:p.nullable(p.object({Id:p.number().int(),Name:p.string(),Type:p.string(),Active:p.boolean()})),Availability:p.array(p.object({LicenseStart:p.nullable(p.string().datetime()),LicenseEnd:p.nullable(p.string().datetime())})),IsLicenseAvailable:p.optional(p.boolean())}),Ut=p.array(je);async function re(e){let t=process.env.KENDO_MCP_ACCESS;if(t==="true"||t==="1"||t==="full")return"full";if(typeof t=="string"&&(t.toLowerCase()==="agent"||t.toLowerCase()==="assistant"))return t.toLowerCase();let o=await e();return o.toLocaleLowerCase()==="agentic_ui_generator"?"agent":o.toLocaleLowerCase()==="ai_coding_assistants"?"assistant":"none"}var l="Kendo UI for Angular",T="angular",E="kendo",_=["AIPrompt","ActionSheet","AppBar","ArcGauge","AutoComplete","Avatar","Badge","Barcode","BottomNavigation","BreadCrumb","Button","ButtonGroup","Calendar","Card","ChartWizard","Charts","CheckBox","Chip","ChipList","ChunkProgressBar","CircularGauge","CircularProgressBar","ColorGradient","ColorPalette","ColorPicker","ComboBox","ContextMenu","ConversationalUI","DataQuery","DateInput","DateMath","DatePicker","DateRange","DateTimePicker","Diagram","Dialog","DragandDrop","Drawer","Drawing","DropDownButton","DropDownList","DropDownTree","Editor","ExcelExport","ExpansionPanel","FileSaver","FileSelect","Filter","FlatColorPicker","FloatingActionButton","FloatingLabel","Forms","FormField","Gantt","Gauges","General","Grid","GridLayout","Icon","InlineAIPrompt","Label","LinearGauge","ListBox","ListView","Loader","Map","MaskedTextBox","Menu","MultiColumnComboBox","MultiSelect","MultiSelectTree","MultiViewCalendar","Notification","NumericTextBox","OTPInput","Pager","PanelBar","PDFExport","PDFViewer","PivotGrid","Popover","Popup","ProgressBar","QRCode","RadialGauge","RadioButton","RangeSlider","Rating","Ripple","Sankey","Scheduler","ScrollView","Signature","Skeleton","Slider","Sortable","StockChart","Sparkline","SpeechToTextButton","SplitButton","Splitter","Spreadsheet","StackLayout","Stepper","SVGIcon","Switch","TabStrip","TextArea","TextBox","TileLayout","Timeline","TimePicker","ToolBar","Tooltip","TreeList","TreeView","Typography","Upload","Window"],ae=new Map([["actionsheet","@progress/kendo-angular-navigation"],["aiprompt","@progress/kendo-angular-conversational-ui"],["appbar","@progress/kendo-angular-navigation"],["arcgauge","@progress/kendo-angular-gauges"],["autocomplete","@progress/kendo-angular-dropdowns"],["avatar","@progress/kendo-angular-layout"],["badge","@progress/kendo-angular-indicators"],["barcode","@progress/kendo-angular-barcodes"],["bottomnavigation","@progress/kendo-angular-navigation"],["breadcrumb","@progress/kendo-angular-navigation"],["button","@progress/kendo-angular-buttons"],["buttongroup","@progress/kendo-angular-buttons"],["calendar","@progress/kendo-angular-dateinputs"],["card","@progress/kendo-angular-layout"],["chartwizard","@progress/kendo-angular-chart-wizard"],["checkbox","@progress/kendo-angular-inputs"],["chip","@progress/kendo-angular-buttons"],["chiplist","@progress/kendo-angular-buttons"],["chunkprogressbar","@progress/kendo-angular-progressbar"],["circulargauge","@progress/kendo-angular-gauges"],["circularprogressbar","@progress/kendo-angular-progressbar"],["colorgradient","@progress/kendo-angular-inputs"],["colorpalette","@progress/kendo-angular-inputs"],["colorpicker","@progress/kendo-angular-inputs"],["combobox","@progress/kendo-angular-dropdowns"],["contextmenu","@progress/kendo-angular-menu"],["dataquery","@progress/kendo-data-query"],["dateinput","@progress/kendo-angular-dateinputs"],["datemath","@progress/kendo-date-math"],["datepicker","@progress/kendo-angular-dateinputs"],["daterangepicker","@progress/kendo-angular-dateinputs"],["datetimepicker","@progress/kendo-angular-dateinputs"],["diagram","@progress/kendo-angular-diagrams"],["dialog","@progress/kendo-angular-dialog"],["drawer","@progress/kendo-angular-layout"],["drawing","@progress/kendo-drawing"],["dropdownbutton","@progress/kendo-angular-buttons"],["dropdownlist","@progress/kendo-angular-dropdowns"],["dropdowntree","@progress/kendo-angular-dropdowns"],["editor","@progress/kendo-angular-editor"],["excelexport","@progress/kendo-angular-excel-export"],["expansionpanel","@progress/kendo-angular-layout"],["filesaver","@progress/kendo-file-saver"],["fileselect","@progress/kendo-angular-upload"],["filter","@progress/kendo-angular-filter"],["flatcolorpicker","@progress/kendo-angular-inputs"],["floatingactionbutton","@progress/kendo-angular-buttons"],["floatinglabel","@progress/kendo-angular-label"],["formfield","@progress/kendo-angular-inputs"],["forms","@progress/kendo-angular-inputs"],["gantt","@progress/kendo-angular-gantt"],["grid","@progress/kendo-angular-grid"],["gridlayout","@progress/kendo-angular-layout"],["icon","@progress/kendo-angular-icons"],["inlineaiprompt","@progress/kendo-angular-conversational-ui"],["label","@progress/kendo-angular-label"],["lineargauge","@progress/kendo-angular-gauges"],["listbox","@progress/kendo-angular-listbox"],["listview","@progress/kendo-angular-listview"],["loader","@progress/kendo-angular-indicators"],["map","@progress/kendo-angular-map"],["maskedtextbox","@progress/kendo-angular-inputs"],["menu","@progress/kendo-angular-menu"],["multicolumncombobox","@progress/kendo-angular-dropdowns"],["multiselect","@progress/kendo-angular-dropdowns"],["multiselecttree","@progress/kendo-angular-dropdowns"],["multiviewcalendar","@progress/kendo-angular-dateinputs"],["notification","@progress/kendo-angular-notification"],["numerictextbox","@progress/kendo-angular-inputs"],["otpinput","@progress/kendo-angular-inputs"],["pager","@progress/kendo-angular-pager"],["panelbar","@progress/kendo-angular-layout"],["pdfexport","@progress/kendo-angular-pdf-export"],["pdfviewer","@progress/kendo-angular-pdfviewer"],["pivotgrid","@progress/kendo-angular-pivotgrid"],["popover","@progress/kendo-angular-tooltip"],["popup","@progress/kendo-angular-popup"],["progressbar","@progress/kendo-angular-progressbar"],["qrcode","@progress/kendo-angular-barcodes"],["radialgauge","@progress/kendo-angular-gauges"],["radiobutton","@progress/kendo-angular-inputs"],["rangeslider","@progress/kendo-angular-inputs"],["rating","@progress/kendo-angular-inputs"],["ripple","@progress/kendo-angular-ripple"],["sankey","@progress/kendo-angular-charts"],["scheduler","@progress/kendo-angular-scheduler"],["scrollview","@progress/kendo-angular-scrollview"],["signature","@progress/kendo-angular-inputs"],["skeleton","@progress/kendo-angular-indicators"],["slider","@progress/kendo-angular-inputs"],["sortable","@progress/kendo-angular-sortable"],["sparkline","@progress/kendo-angular-charts"],["speechtotextbutton","@progress/kendo-angular-buttons"],["splitbutton","@progress/kendo-angular-buttons"],["splitter","@progress/kendo-angular-layout"],["spreadsheet","@progress/kendo-angular-spreadsheet"],["stacklayout","@progress/kendo-angular-layout"],["stepper","@progress/kendo-angular-layout"],["stockchart","@progress/kendo-angular-charts"],["svgicon","@progress/kendo-angular-icons"],["switch","@progress/kendo-angular-inputs"],["tabstrip","@progress/kendo-angular-layout"],["textarea","@progress/kendo-angular-inputs"],["textbox","@progress/kendo-angular-inputs"],["tilelayout","@progress/kendo-angular-layout"],["timeline","@progress/kendo-angular-layout"],["timepicker","@progress/kendo-angular-dateinputs"],["toolbar","@progress/kendo-angular-toolbar"],["treelist","@progress/kendo-angular-treelist"],["treeview","@progress/kendo-angular-treeview"],["typography","@progress/kendo-angular-typography"],["upload","@progress/kendo-angular-upload"],["window","@progress/kendo-angular-dialog"],["charts","@progress/kendo-angular-charts"],["conversationalui","@progress/kendo-angular-conversational-ui"],["tooltip","@progress/kendo-angular-tooltip"]]);var Qe=Ye(ze(He(import.meta.url)),"../proto/service.proto"),L=new $("contextapi.telerik.com:443",Qe,{libName:T});var ie=async()=>L.validateUserLicense();import st from"fs";import $e from"path";import{fileURLToPath as rt}from"url";import{z as m}from"zod";var C=class{constructor(t,o,n){this.name=t;this.config=o;this.cb=n}register(t){this.server=t,this.server.registerTool(this.name,this.config,this.cb)}hasAccess(t){return!this.config.requiredAccess||this.config.requiredAccess.length===0?!0:t==="full"||this.config.requiredAccess.includes(t)}};var x=(e,t)=>`# ${e.suiteName} - Code Validation & Quality Assurance
|
|
6
6
|
|
|
7
7
|
## Comprehensive Code Validation Checklist
|
|
8
8
|
Execute these validation steps systematically to ensure high-quality, maintainable code:
|
|
@@ -369,14 +369,14 @@ After gathering information:
|
|
|
369
369
|
- Consistent ${e} theme application across all components
|
|
370
370
|
- Custom theme variables properly defined and scoped
|
|
371
371
|
- ${e} icon fonts properly loaded and optimized
|
|
372
|
-
- Brand colors integrated with ${e} component themes`});function le(e,t,o){let{name:n,title:s,description:r,layoutAssistantName:a,codeAssistantName:
|
|
373
|
-
`)||"No CSS utilities found for the given prompt.",A=
|
|
372
|
+
- Brand colors integrated with ${e} component themes`});function le(e,t,o){let{name:n,title:s,description:r,layoutAssistantName:a,codeAssistantName:g,styleAssistantName:h,iconAssistantName:y,suiteName:S,libKey:c,components:A}=e,d=new C(n,{title:s,description:r,requiredAccess:e.requiredAccess,inputSchema:{userIntent:m.string().describe(`Detailed description and intent of what the user wants to build. Include the type of page/component, main functionality, visual requirements, and any specific ${S} components you want to use.`),needsComponentsDocsConfidence:m.number().min(0).max(1).default(1).describe("Confidence (0-1) to include Component Documentation assistance. Default is 1."),needsLayoutConfidence:m.number().min(0).max(1).default(0).describe("Confidence (0-1) to include Layout assistance. Default is 0."),needsStylingConfidence:m.number().min(0).max(1).default(0).describe("Confidence (0-1) to include Theming/Styling assistance. Default is 0."),needsResponsiveBehaviorConfidence:m.number().min(0).max(1).default(0).describe("Confidence (0-1) to include Responsive Behavior assistance. Default is 0."),needsIconsConfidence:m.number().min(0).max(1).default(0).describe("Confidence (0-1) to include Icons assistance. Default is 0."),componentsNeeded:m.array(m.enum(A)).optional().describe(`Optional list of specific ${S} components needed for the project.`)}},async({userIntent:f,needsComponentsDocsConfidence:k,needsLayoutConfidence:b,needsStylingConfidence:v,needsResponsiveBehaviorConfidence:Q,needsIconsConfidence:W,componentsNeeded:_e})=>{u("UI Orchestrator called with:",{userIntent:f,needsComponentsDocsConfidence:k,needsLayoutConfidence:b,needsStylingConfidence:v,needsResponsiveBehaviorConfidence:Q,needsIconsConfidence:W});try{await o.recordOrchestratorUserRequest()}catch(O){throw P(O)}let Le=d.server?.server.getClientCapabilities?.()?.elicitation,J;if(Le&&v>.3&&v<=.6){let O=await d.server?.server.elicitInput({message:"I was unable to determine if you need custom Kendo Theme assistant. Can you please confirm?",requestedSchema:{type:"object",properties:{includeCustomTheming:{type:"boolean",description:"Whether to include Custom Theming assistance in the workflow."}},required:["includeCustomTheming"]}});O?.action==="accept"&&O.content?.includeCustomTheming&&(J=!0)}return{content:[{type:"text",text:U({name:n,userIntent:f,includeComponentsDocs:k>.3,includeTheming:v>.6||!!J,includeLayout:b>.5,includeIcons:W>.6,includeResponsive:b>.5&&Q>.4,layoutAssistantName:a,codeAssistantName:g,styleAssistantName:h,iconAssistantName:y,suiteName:S,libKey:c,components:_e},t)}]}});return d}function ce(e,t){let{name:o,title:n,description:s,iconAssistantName:r,codeAssistantName:a,suiteName:g,libKey:h,components:y}=e;return new C(o,{title:n,description:s,inputSchema:{userIntent:m.string().describe(`Describe what you want to build or what components you're looking for. Include the type of functionality, features, or UI elements you need from ${g}.`),needsIconsConfidence:m.number().min(0).max(1).default(.7).describe("Confidence (0-1) to include Icons assistance. Default is 0.7."),componentsNeeded:m.array(m.enum(y)).optional().describe(`Optional list of specific ${g} components you want to learn about.`)},requiredAccess:e.requiredAccess},async({userIntent:c,needsIconsConfidence:A,componentsNeeded:d})=>{u("Assistant Orchestrator called with:",{userIntent:c,needsIconsConfidence:A,componentsNeeded:d});try{await t.recordOrchestratorUserRequest()}catch(k){throw P(k)}return{content:[{type:"text",text:G({name:o,userIntent:c,includeComponentsDocs:!0,includeIcons:A>.5,codeAssistantName:a,iconAssistantName:r,suiteName:g,libKey:h,components:d})}]}})}function pe(e,t){let{name:o,title:n,description:s,suiteName:r,libKey:a,getPreContent:g}=e;return new C(o,{title:n,description:s,requiredAccess:e.requiredAccess,inputSchema:{prompt:m.string().describe("An enhanced prompt describing the HTML layout structure, design requirements or specific visual effects you want to achieve."),includeBuildingBlockExamples:m.boolean().describe("Whether to include building block examples. Defaults to false.").default(!1)}},async({prompt:h,includeBuildingBlockExamples:y})=>{u("Layout Assistant called with:",{prompt:h,includeBuildingBlockExamples:y});try{let c=(await t.queryCssUtils({query:h})).values.join(`
|
|
373
|
+
`)||"No CSS utilities found for the given prompt.",A=g?.()??"",d=f=>`${A}
|
|
374
374
|
|
|
375
375
|
# Kendo Design System CSS Utilities
|
|
376
376
|
|
|
377
377
|
${c}
|
|
378
378
|
${f??""}
|
|
379
|
-
`;if(y)try{let f=await t.queryBuildingBlocks({query:h,lib_name:a}),
|
|
379
|
+
`;if(y)try{let f=await t.queryBuildingBlocks({query:h,lib_name:a}),k="";f.items?.length>0&&(k=`
|
|
380
380
|
## Building Blocks Examples
|
|
381
381
|
|
|
382
382
|
The examples here are for demonstration purpose how CSS utils can be implemented in various building blocks.
|
|
@@ -391,7 +391,7 @@ ${b.description}
|
|
|
391
391
|
${b.code}
|
|
392
392
|
\`\`\`
|
|
393
393
|
`).join(`
|
|
394
|
-
`)}`),c=
|
|
394
|
+
`)}`),c=d(k)}catch(f){u("Error calling building-blocks service:",f),c=d()}else c=d();return{content:[{type:"text",text:c}]}}catch(S){throw P(S)}})}function de(e,t){let{name:o,title:n,description:s,libKey:r,getPreContent:a}=e;return new C(o,{title:n,description:s,requiredAccess:e.requiredAccess,inputSchema:{prompt:m.string().describe("A natural language description of the desired visual style or theme. For example: 'Create a modern dark theme with high contrast'.")}},async({prompt:g})=>{u("Style Assistant called with:",{prompt:g});let h="";try{let c=await t.queryThemeGenerate({prompt:g});if(c.variables_json){let A=JSON.parse(c.variables_json),d=[];if(A)for(let f of Object.keys(A))typeof A[f]=="string"&&d.push(`${f}: ${A[f]}`);h=d.join(`
|
|
395
395
|
|
|
396
396
|
`)}}catch(c){throw P(c)}let y=a?.()??"";return{content:[{type:"text",text:h?`Use the following CSS variables to style the web application, including colors, typography, spacing, and component appearance.
|
|
397
397
|
Ensure the variables are applied consistently across all relevant elements.
|
|
@@ -404,17 +404,17 @@ ${y}
|
|
|
404
404
|
\`\`\`css
|
|
405
405
|
${h}
|
|
406
406
|
\`\`\`
|
|
407
|
-
`:"No CSS variables were generated for the given prompt."}]}})}function ue(e,t){let{name:o,title:n,description:s,libKey:r,getPostContent:a}=e;return new
|
|
407
|
+
`:"No CSS variables were generated for the given prompt."}]}})}function ue(e,t){let{name:o,title:n,description:s,libKey:r,getPostContent:a}=e;return new C(o,{title:n,description:s,requiredAccess:e.requiredAccess,inputSchema:{query:m.string().describe("A search query for finding icons. Be specific about the icon purpose, style, or action."),limit:m.number().min(.1).max(1).default(.1).describe("The proportion of matching icons to return (0.1 = 1 icon, 0.5 = 5 icons, 1.0 = many icons). Default is 0.1.")}},async({query:g,limit:h})=>{u("Icon Search called with:",{query:g,limit:h});try{let y=await t.queryIconsSearch({query:g,limit:h*100}),S=a?.()??"";return{content:[{type:"text",text:`${y.values.join(`
|
|
408
408
|
|
|
409
409
|
`)}
|
|
410
410
|
|
|
411
|
-
${S}`}]}}catch(y){throw P(y)}})}function me(e,t){let{name:o,title:n,description:s,libKey:r,suiteName:a,components:
|
|
411
|
+
${S}`}]}}catch(y){throw P(y)}})}function me(e,t){let{name:o,title:n,description:s,libKey:r,suiteName:a,components:g,componentAliases:h,getPostContent:y}=e;return new C(o,{title:n,description:s,requiredAccess:e.requiredAccess,inputSchema:{query:m.string().describe("The query to search for."),component:m.enum(g).describe("The component to search for. If not specified, use General.")}},async({query:S,component:c})=>{u("Code Assistant called with:",{query:S,component:c});let A=c;if(h){let d=h[c];d&&(A=d)}try{let f=(await t.query({query:S,component:A?.toLowerCase()??"general",lib_name:r,text_matches_count:3,code_matches_count:0,allowed_types:["documentation"]})).values.map(v=>v.replace(/\0/g,"")),k=y?.({component:c})??"";return{content:[{type:"text",text:`${f.join(`
|
|
412
412
|
|
|
413
413
|
`)}
|
|
414
414
|
|
|
415
|
-
${
|
|
415
|
+
${k}`}]}}catch(d){throw P(d)}})}function P(e){let t=e;return t.code===16?new Error("Error: You are not authenticated. Please verify the Telerik License Key provided is valid."):t.code===8?new Error(`Error: You have exceeded the extension quota. Upgrade to subscription licensing to unlock full access. Message: ${t.message}.`):t.code===7?new Error("Error: You do not have permission to access this resource. Please verify that you have a valid license."):new Error(`Error: An error occurred while calling the service. Please try again later.
|
|
416
416
|
|
|
417
|
-
Error Code: ${t.code} Error Message: ${t.message}`)}var ge=e=>`${e}_ui_generator`,he=e=>`${e}_assistant`,fe=e=>`${e}_layout_assistant`,ye=e=>`${e}_component_assistant`,Ae=e=>`${e}_style_assistant`,Se=e=>`${e}_icon_assistant`;var
|
|
417
|
+
Error Code: ${t.code} Error Message: ${t.message}`)}var ge=e=>`${e}_ui_generator`,he=e=>`${e}_assistant`,fe=e=>`${e}_layout_assistant`,ye=e=>`${e}_component_assistant`,Ae=e=>`${e}_style_assistant`,Se=e=>`${e}_icon_assistant`;var Ce=e=>`This is the single entry point for all UI-related tasks. It orchestrates the full workflow of building or refining UIs with ${e} components, generating a step-by-step execution plan that specifies which tools to call, in what order, and with what parameters. It includes validation steps to ensure the best possible, standards-compliant code every time.
|
|
418
418
|
|
|
419
419
|
Use the tool when:
|
|
420
420
|
- Want to build or modify a complete page or section layout
|
|
@@ -423,7 +423,7 @@ Error Code: ${t.code} Error Message: ${t.message}`)}var ge=e=>`${e}_ui_generator
|
|
|
423
423
|
- You want to enforce best practices in styling, performance, and accessibility
|
|
424
424
|
|
|
425
425
|
Returns:
|
|
426
|
-
A detailed execution plan with validated tool calls, parameters, and reasoning \u2014 ensuring consistent, high-quality UI generation.`,
|
|
426
|
+
A detailed execution plan with validated tool calls, parameters, and reasoning \u2014 ensuring consistent, high-quality UI generation.`,ke=e=>`Provides guidance for discovering and using ${e} components and icons. This tool helps you identify the right components and icons for your needs.
|
|
427
427
|
|
|
428
428
|
Use this tool when:
|
|
429
429
|
- You need to discover which ${e} components are suitable for a specific use case
|
|
@@ -526,7 +526,7 @@ ${j.PERFORMANCE_OPTIMIZATION}
|
|
|
526
526
|
${j.THEME_AND_STYLING}
|
|
527
527
|
- Proper theme switching functionality (if implemented)
|
|
528
528
|
- Only ONE theme import exists across the application
|
|
529
|
-
- Make sure theme import mechanism is consistent with existing project setup`;var
|
|
529
|
+
- Make sure theme import mechanism is consistent with existing project setup`;var We={createOrchestrator:le,createAssistantOrchestrator:ce,createLayoutAssistant:pe,createStyleAssistant:de,createIconSearch:ue,createCodeAssistant:me},Je={orchestrator:ge,assistantOrchestrator:he,layoutAssistant:fe,codeAssistant:ye,styleAssistant:Ae,iconAssistant:Se},Xe={orchestrator:Ce,assistantOrchestrator:ke,layoutAssistant:Te,styleAssistant:be,iconAssistant:Ie,codeAssistant:Ne},Ze={Orchestrator:{render:U},Validator:{render:x},SharedValidation:{getSteps:N}},et={Angular:{steps:F,additionalPlan:V},React:{steps:z}},i={Tools:We,ToolNames:Je,ToolDescriptions:Xe,Templates:Ze,Validation:et};var tt=i.ToolNames.codeAssistant("kendo"),ve=()=>`# Kendo Design System Guidelines for ${l}
|
|
530
530
|
|
|
531
531
|
## Setting up Styles/CSS
|
|
532
532
|
|
|
@@ -555,7 +555,7 @@ Alternatively, you can also consume them directly from the Unpkg CDN.
|
|
|
555
555
|
|
|
556
556
|
In the ${l} there are available components to create layout. Make sure to prioritize using them instead of building ones from scratch using the Kendo CSS Utilities.
|
|
557
557
|
|
|
558
|
-
For any Layout component you can also call the ${
|
|
558
|
+
For any Layout component you can also call the ${tt} tool in order to get specific API reference and docs.
|
|
559
559
|
|
|
560
560
|
- ${l} Card component.
|
|
561
561
|
- Generally, it is recommended to use 100% width (e.g., \`<kendo-card width="100%">\`)
|
|
@@ -689,4 +689,4 @@ For ${e.component} component: \`ng add ${o}\`
|
|
|
689
689
|
## Component-Specific Guidelines
|
|
690
690
|
|
|
691
691
|
${e.componentInstructions}
|
|
692
|
-
`),n};var Ue=i.ToolNames.layoutAssistant(E),Y=i.ToolNames.codeAssistant(E),Oe=i.ToolNames.styleAssistant(E),H=i.ToolNames.iconAssistant(E);function Re(e,t){return[i.Tools.createOrchestrator({name:i.ToolNames.orchestrator(E),title:"Kendo UI Generator",description:i.ToolDescriptions.orchestrator(l),layoutAssistantName:Ue,codeAssistantName:Y,styleAssistantName:Oe,iconAssistantName:H,suiteName:l,libKey:T,components:_,requiredAccess:["agent"]},{validationSteps:i.Validation.Angular.steps,injectedPlan:i.Validation.Angular.additionalPlan},e),i.Tools.createAssistantOrchestrator({name:"kendo_angular_assistant",title:"Kendo UI Assistant",description:i.ToolDescriptions.assistantOrchestrator(l),codeAssistantName:Y,iconAssistantName:H,suiteName:l,libKey:T,components:_,requiredAccess:["assistant"]},e),i.Tools.createLayoutAssistant({name:Ue,title:"Kendo UI Layout Assistant",description:i.ToolDescriptions.layoutAssistant,suiteName:l,libKey:T,getPreContent:ve,requiredAccess:["agent"]},e),i.Tools.createStyleAssistant({name:Oe,title:"Kendo UI Style Assistant",description:i.ToolDescriptions.styleAssistant,libKey:T,getPreContent:we,requiredAccess:["agent"]},e),i.Tools.createIconSearch({name:H,title:"Kendo UI Icon Assistant",description:i.ToolDescriptions.iconAssistant,libKey:T,getPostContent:Pe,requiredAccess:["assistant","agent"]},e),i.Tools.createCodeAssistant({name:Y,title:"Kendo UI Component Assistant",description:i.ToolDescriptions.codeAssistant(l),libKey:T,suiteName:l,components:_,getPostContent:({component:n})=>xe({component:n}),requiredAccess:["assistant","agent"]},e)].filter(n=>n.hasAccess(t))}var rt
|
|
692
|
+
`),n};var Ue=i.ToolNames.layoutAssistant(E),Y=i.ToolNames.codeAssistant(E),Oe=i.ToolNames.styleAssistant(E),H=i.ToolNames.iconAssistant(E);function Re(e,t){return[i.Tools.createOrchestrator({name:i.ToolNames.orchestrator(E),title:"Kendo UI Generator",description:i.ToolDescriptions.orchestrator(l),layoutAssistantName:Ue,codeAssistantName:Y,styleAssistantName:Oe,iconAssistantName:H,suiteName:l,libKey:T,components:_,requiredAccess:["agent"]},{validationSteps:i.Validation.Angular.steps,injectedPlan:i.Validation.Angular.additionalPlan},e),i.Tools.createAssistantOrchestrator({name:"kendo_angular_assistant",title:"Kendo UI Assistant",description:i.ToolDescriptions.assistantOrchestrator(l),codeAssistantName:Y,iconAssistantName:H,suiteName:l,libKey:T,components:_,requiredAccess:["assistant"]},e),i.Tools.createLayoutAssistant({name:Ue,title:"Kendo UI Layout Assistant",description:i.ToolDescriptions.layoutAssistant,suiteName:l,libKey:T,getPreContent:ve,requiredAccess:["agent"]},e),i.Tools.createStyleAssistant({name:Oe,title:"Kendo UI Style Assistant",description:i.ToolDescriptions.styleAssistant,libKey:T,getPreContent:we,requiredAccess:["agent"]},e),i.Tools.createIconSearch({name:H,title:"Kendo UI Icon Assistant",description:i.ToolDescriptions.iconAssistant,libKey:T,getPostContent:Pe,requiredAccess:["assistant","agent"]},e),i.Tools.createCodeAssistant({name:Y,title:"Kendo UI Component Assistant",description:i.ToolDescriptions.codeAssistant(l),libKey:T,suiteName:l,components:_,getPostContent:({component:n})=>xe({component:n}),requiredAccess:["assistant","agent"]},e)].filter(n=>n.hasAccess(t))}var at=rt(import.meta.url),it=$e.dirname(at),lt=$e.resolve(it,"../package.json"),ct=JSON.parse(st.readFileSync(lt,"utf-8")),De=new ot({name:"kendo-mcp",title:"Kendo MCP Server",version:ct.version});async function pt(){let e=new nt;u("Starting server...");let t=await re(async()=>{let n=(await ie())?.entitlement;return n?.Product?.Code||n?.product?.code});t!=="none"&&(L.toolNameHeader=t==="agent"||t==="full"?"agent":"assistant",Re(L,t).forEach(n=>n.register(De))),await De.connect(e)}pt();
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-mcp",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.3",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"bin": "./dist/index.js",
|
|
6
6
|
"license": "See LICENSE.md",
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
"dependencies": {
|
|
26
26
|
"@grpc/grpc-js": "^1.14.3",
|
|
27
27
|
"@grpc/proto-loader": "^0.8.0",
|
|
28
|
-
"@modelcontextprotocol/sdk": "^1.
|
|
29
|
-
"@progress/kendo-licensing": "^1.
|
|
28
|
+
"@modelcontextprotocol/sdk": "^1.25.3",
|
|
29
|
+
"@progress/kendo-licensing": "^1.9.1",
|
|
30
30
|
"tslib": "^2.3.0"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|