Skip to content

Commit 6eb365c

Browse files
authored
Merge branch 'master' into didimmova/update-splitter
2 parents 363e751 + 36c1917 commit 6eb365c

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

46 files changed

+6537
-465
lines changed

.github/copilot-instructions.md

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -113,3 +113,11 @@ Here is a link to the most recent Angular style guide https://angular.dev/style-
113113
- Design services around a single responsibility
114114
- Use the `providedIn: 'root'` option for singleton services
115115
- Use the `inject()` function instead of constructor injection
116+
117+
## Copilot Skills
118+
119+
Domain-specific skills for AI-assisted development are located in the [`skills/`](../skills/) directory. Each sub-folder contains a `SKILL.md` file that teaches agents how to work with a particular area of the library:
120+
121+
- [`skills/igniteui-angular-components`](../skills/igniteui-angular-components/SKILL.md) — UI Components (form controls, layout, data display, feedback/overlays, directives — Input Group, Combo, Select, Date/Time Pickers, Calendar, Tabs, Stepper, Accordion, List, Card, Dialog, Snackbar, Button, Ripple, Tooltip, Drag and Drop, Layout Manager, Dock Manager) and Charts (Area Chart, Bar Chart, Column Chart, Stock/Financial Chart, Pie Chart)
122+
- [`skills/igniteui-angular-grids`](../skills/igniteui-angular-grids/SKILL.md) — Data Grids (grid type selection, column config, sorting, filtering, selection, editing, grouping, paging, remote data, state persistence, Tree Grid, Hierarchical Grid, Grid Lite, Pivot Grid)
123+
- [`skills/igniteui-angular-theming`](../skills/igniteui-angular-theming/SKILL.md) — Theming & Styling (includes MCP server setup)

.github/workflows/npm-publish.yml

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -41,10 +41,11 @@ jobs:
4141
if [[ ${VERSION} == *"alpha"* || ${VERSION} == *"beta"* || ${VERSION} == *"rc"* ]]; then echo "NPM_TAG=next"; else echo "NPM_TAG=latest"; fi >> $GITHUB_ENV
4242
echo ${NPM_TAG}
4343
44-
- name: Copy readme and license for igniteui-angular
44+
- name: Copy readme, license & skills for igniteui-angular
4545
run: |
4646
cp ../../README.md README.md
4747
cp ../../LICENSE LICENSE
48+
cp -r ../../skills/. skills
4849
working-directory: dist/igniteui-angular
4950

5051
- name: Copy i18n files
Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
name: Trigger Licensed Release
2+
3+
on:
4+
release:
5+
types: [published]
6+
7+
jobs:
8+
dispatch-to-private-repo:
9+
runs-on: ubuntu-latest
10+
11+
steps:
12+
- name: Get app token
13+
id: app-token
14+
uses: actions/create-github-app-token@v2
15+
with:
16+
app-id: ${{ secrets.IGNITEUI_GITHUB_APP_ID }}
17+
private-key: ${{ secrets.IGNITEUI_GITHUB_APP_PRIVATE_KEY }}
18+
owner: IgniteUI
19+
20+
- name: Send repository dispatch to private repo
21+
uses: peter-evans/repository-dispatch@v3
22+
with:
23+
token: ${{ steps.app-token.outputs.token }}
24+
repository: IgniteUI/igniteui-actions
25+
event-type: igniteui-angular-public-release-created
26+
client-payload: |
27+
{
28+
"release_tag": "${{ github.event.release.tag_name }}",
29+
"public_repo": "${{ github.repository }}"
30+
}

CHANGELOG.md

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -52,6 +52,40 @@ All notable changes for each version of this project will be documented in this
5252
- The overlay service now uses the Popover API to place overlay elements in the top layer, eliminating z-index stacking issues.
5353
- Improved positioning accuracy for container-based overlays with fixed container bounds.
5454

55+
- **AI-Assisted Development - Copilot Skills**
56+
- Three consolidated Copilot Skills are now included in the repository to teach AI coding assistants/agents (e.g., GitHub Copilot, Cursor, Windsurf, Claude, JetBrains AI, etc.) how to work with Ignite UI for Angular:
57+
- **Components** - UI Components (form controls, layout, data display, feedback/overlays, directives — Input Group, Combo, Select, Date/Time Pickers, Calendar, Tabs, Stepper, Accordion, List, Card, Dialog, Snackbar, Button, Ripple, Tooltip, Drag and Drop, Layout Manager, Dock Manager and Charts (Area Chart, Bar Chart, Column Chart, Stock/Financial Chart, Pie Chart))
58+
- **Data Grids** - Data Grids (grid type selection, column config, sorting, filtering, selection, editing, grouping, paging, remote data, state persistence, Tree Grid, Hierarchical Grid, Grid Lite, Pivot Grid)
59+
- **Theming & Styling** - Theming & Styling (includes MCP server setup for live theming tools)
60+
- These skills are automatically discovered when placed in the agent's skills path ( e.g. `.claude/skills`) and this release ships with an optional migration to add those to your project. For more information, see the [README](README.md#ai-assisted-development).
61+
62+
- Added `IgxGridLiteComponent` wrapper around the `igc-grid-lite` Web Component _(in Developer Preview)_
63+
64+
Available from the `igniteui-angular/grids/lite` entry point. The wrapper component adds Angular-friendly API with similar inputs, including two-way bindable `sortingExpressions` and `filteringExpressions`, Angular template-based cell and header rendering with declarative templates via the `igxGridLiteCell` and `igxGridLiteHeader` directives.
65+
66+
```
67+
npm i igniteui-grid-lite
68+
```
69+
```ts
70+
import { IgxGridLiteComponent, IgxGridLiteColumnComponent, IgxGridLiteHeaderTemplateDirective, IgxGridLiteCellTemplateDirective } from "igniteui-angular/grids/lite";
71+
72+
@Component({
73+
selector: 'app-grid-lite-sample',
74+
templateUrl: 'grid-lite.sample.html',
75+
imports: [IgxGridLiteComponent, IgxGridLiteColumnComponent, IgxGridLiteHeaderTemplateDirective, IgxGridLiteCellTemplateDirective]
76+
})
77+
export class GridLiteSampleComponent { }
78+
```
79+
```html
80+
<igx-grid-lite [data]="data">
81+
<igx-grid-lite-column field="name" header="Name" [sortable]="true">
82+
<ng-template igxGridLiteCell let-value>
83+
<strong>{{ value }}</strong>
84+
</ng-template>
85+
</igx-grid-lite-column>
86+
</igx-grid-lite>
87+
```
88+
5589
### General
5690
5791
- `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid`, `IgxPivotGrid`

README.md

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,35 @@ There are many ways in which you can [participate](https://github.com/IgniteUI/i
3939
- Upvote [popular feature requests](https://github.com/IgniteUI/igniteui-angular/issues?q=is%3Aopen+is%3Aissue+label%3A%22%3Atoolbox%3A+feature-request%22)
4040
- [File an issue](https://github.com/IgniteUI/igniteui-angular/wiki/How-to-log-an-Issue-on-Github)
4141
- Reach out to us [through Discord](https://discord.gg/sBwHs5cJ)
42+
43+
### AI-Assisted Development
44+
45+
This repository ships with **Copilot Skills** — structured knowledge files that teach AI coding assistants (GitHub Copilot, Cursor, Windsurf, Claude, JetBrains AI, etc.) how to work with Ignite UI for Angular. The skill files live in the [`skills/`](skills/) directory:
46+
47+
| Skill | Path | Description |
48+
|:------|:-----|:------------|
49+
| Components | [`skills/igniteui-angular-components/SKILL.md`](skills/igniteui-angular-components/SKILL.md) | UI Components (form controls, layout, data display, feedback/overlays, directives — Input Group, Combo, Select, Date/Time Pickers, Calendar, Tabs, Stepper, Accordion, List, Card, Dialog, Snackbar, Button, Ripple, Tooltip, Drag and Drop, Layout Manager, Dock Manager and Charts (Area Chart, Bar Chart, Column Chart, Stock/Financial Chart, Pie Chart)) |
50+
| Data Grids | [`skills/igniteui-angular-grids/SKILL.md`](skills/igniteui-angular-grids/SKILL.md) | Data Grids (grid type selection, column config, sorting, filtering, selection, editing, grouping, paging, remote data, state persistence, Tree Grid, Hierarchical Grid, Grid Lite, Pivot Grid) |
51+
| Theming & Styling | [`skills/igniteui-angular-theming/SKILL.md`](skills/igniteui-angular-theming/SKILL.md) | Theming & Styling (includes MCP server setup) |
52+
53+
#### How It Works
54+
55+
- **GitHub Copilot (VS Code / github.com)** — Skills should be discovered automatically via [`.github/copilot-instructions.md`](.github/copilot-instructions.md). No extra setup needed.
56+
- **Cursor** — Skills are picked up from the `skills/` directory. You can also reference them explicitly in `.cursorrules`.
57+
58+
#### Manual Setup for Other IDEs
59+
60+
If your editor doesn't auto-discover skill files, you can feed them to your AI assistant manually:
61+
62+
1. **Copy the skill content** — Open the relevant `SKILL.md` file from the `skills/` folder and paste its contents into your AI assistant's system prompt or context window.
63+
2. **JetBrains IDEs (WebStorm, IntelliJ)** — Go to **Settings → Tools → AI Assistant → Project-level prompt** and paste the skill content there, or attach the files as context when chatting.
64+
3. **Claude Desktop / Claude Code** — Add the files to your project knowledge or include them as part of your CLAUDE.md project instructions.
65+
4. **Windsurf** — Reference the skill files in your `.windsurfrules` configuration or attach them as context in the chat.
66+
5. **Other editors** — Attach or paste the `SKILL.md` file contents into your AI assistant's context before asking questions about Ignite UI for Angular.
67+
68+
#### Theming MCP Server
69+
70+
The **Theming skill** includes setup instructions for the `igniteui-theming` MCP server, which gives AI assistants access to live theming tools (palette generation, component theme scaffolding, etc.). See [`skills/igniteui-angular-theming/SKILL.md`](skills/igniteui-angular-theming/SKILL.md) for configuration steps for VS Code, Cursor, Claude Desktop, and JetBrains IDEs.
4271

4372
## Browser Support
4473

package-lock.json

Lines changed: 14 additions & 14 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -77,7 +77,7 @@
7777
"express": "^5.2.1",
7878
"fflate": "^0.8.1",
7979
"igniteui-i18n-core": "^1.0.2",
80-
"igniteui-theming": "^25.0.0-beta.5",
80+
"igniteui-theming": "^25.0.0",
8181
"igniteui-trial-watermark": "^3.1.0",
8282
"jspdf": "^4.0.0",
8383
"lodash-es": "^4.17.21",
@@ -126,10 +126,10 @@
126126
"hammerjs": "^2.0.8",
127127
"ig-typedoc-theme": "^7.0.1",
128128
"igniteui-dockmanager": "^1.17.0",
129-
"igniteui-grid-lite": "~0.5.0",
129+
"igniteui-grid-lite": "^0.6.0",
130130
"igniteui-i18n-resources": "^1.0.2",
131131
"igniteui-sassdoc-theme": "^2.1.0",
132-
"igniteui-webcomponents": "^6.5.0",
132+
"igniteui-webcomponents": "^7.0.0",
133133
"jasmine": "^5.6.0",
134134
"jasmine-core": "^5.6.0",
135135
"karma": "^6.4.4",

0 commit comments

Comments
 (0)