# Install `@inboundtech/wappler-kendo-grid` in a Wappler project

## From npm

### 1. `package.json`

```json
"dependencies": {
  "@inboundtech/wappler-kendo-grid": "^1.4.0"
}
```

### 2. `.wappler/project.json`

Add to `extensions`:

```json
{ "name": "@inboundtech/wappler-kendo-grid" }
```

### 3. Install

```bash
npm install
```

`postinstall` copies Kendo vendor files and `dmx-kendo-grid.js` into `public/js/` and `public/css/`.

### 4. Wappler

1. Project Settings → **Extensions** → add `@inboundtech/wappler-kendo-grid`
2. **Save** → **Project Updater → Update**
3. Quit and reopen Wappler

Toolbox: **Kendo Grid v13**

### 5. Layout scripts

```html
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<link rel="stylesheet" href="/css/kendo-default-main.css" />
<script src="/js/jszip.min.js"></script>
<script src="/js/kendo.all.min.js"></script>
<script src="/js/telerik-kendo-license.js"></script>
<script src="/js/dmx-kendo-grid.js" defer></script>
```

### 6. Page include

```html
components="{...,kendoGrid:{}}"
```

### 7. Telerik license (per project)

```bash
node node_modules/@inboundtech/wappler-kendo-grid/scripts/embed-telerik-license.mjs "C:\path\to\kendo-script-key.js"
```

---

## Local development (`file:` or `npm pack`)

**file: link** (while developing the package repo):

```json
"@inboundtech/wappler-kendo-grid": "file:../wappler-kendo-grid"
```

**Packed tarball:**

```bash
cd wappler-kendo-grid
npm pack
```

```json
"@inboundtech/wappler-kendo-grid": "file:./inboundtech-wappler-kendo-grid-1.4.0.tgz"
```

---

## Publish a new version

```bash
cd wappler-kendo-grid
npm version patch
npm publish --access public
```

---

## Troubleshooting

See `RELOAD-WAPPLER.md` if Dynamic Events do not appear after upgrading.
