Skip to content

Commit 349e7fe

Browse files
Merge branch 'master' into ipetrov/add-skills-build-test-lint
2 parents eedd761 + e16eeed commit 349e7fe

7 files changed

Lines changed: 70 additions & 64 deletions

File tree

.github/CONTRIBUTING.md

Lines changed: 3 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -88,38 +88,15 @@ Accessibility is an integral part of any UI component. We as a team are committe
8888
2. `status: localized` this status is for issues that were with a pending translation status and have already been localized. Place this status label once these translation changes have been included in the current pull request, or the changes are already pulled with a different pull request.
8989

9090
## Localization (i18n) - applicable to components' string resources
91-
There are several ways to localize components' string resources:
91+
There are several ways to localize components' string resources. For more information on how it works, refer to our [Documentation - Localization (i18n)](https://www.infragistics.com/products/ignite-ui-angular/angular/components/general/localization#localization-i18n-1).
9292

93-
1. Using custom resource strings:
94-
1.1. Localize a given instance of component - each component which supports localization has input property `resourceStrings`. Setting a newly instantiated object to this property will localize only that given component's instance.
95-
1.2. Localize all resources for a component type - each component which supports localization has input property `resourceStrings`. To localize all instances of a given component in the application the following steps should be performed - get the value of the input property `resourceStrings` of the component to be localized; do not create a new instance but replace the existing strings within the object. By default all components of a given type in an application share one instance of the resource strings. Replacing a value in that instance affects all components of that type in the application.
96-
1.3. Localize all resources for all components - use global method `getCurrentResourceStrings` to get an object containing current resource strings for all components. To provide localized resources just pass an object of type `IResourceStrings` to the global method `changei18n`.
97-
1.4 As of 21.1.x the localization has new implementation and you can use the new API `registerI18n` to register resource string for a component or all components for the whole app, as well as which locale it corresponds to. To localize a single component you will need to get is corresponding resource string keys using one of the available resources and provide only those keys.
93+
**NOTE** As of 21.1.x, the localization resource strings have been moved to the [`igniteui-i18n`](https://github.com/IgniteUI/igniteui-i18n) repository under `projects/igniteui-i18n-resources`. The package `igniteui-angular-i18n` under `./projects/igniteui-angular-i18n` remains as a source of the localization resources for Ignite UI for Angular, that derives the resources from [`igniteui-i18n`](https://github.com/IgniteUI/igniteui-i18n).
9894

99-
2. Using npm package:
100-
We've created new repository which will hold the resource strings for languages different than English:
101-
https://github.com/IgniteUI/igniteui-angular-i18n
102-
103-
**NOTE** The localization repo has been moved to live inside the `igniteui-angular` repository under `./projects/igniteui-angular-i18n`
104-
**NOTE** As of 21.1.x the localization resource strings have been moved to the [`igniteui-i18n`](https://github.com/IgniteUI/igniteui-i18n) repository under `projects/igniteui-i18n-resources`.
95+
**NOTE (21.0.x and lower)** The localization resource strings live inside the `igniteui-angular` repository under `./projects/igniteui-angular-i18n`.
10596

10697
A npm package should be published each time we release new version of Ignite UI for Angular. Its version should correspond to the version of the igniteui-angular npm package.
10798
One could localize an application by importing the corresponding localized resource strings from the localization package (`igniteui-angular-i18n`) and use the methods described in the previous bullet to localize the whole application or part of it.
10899

109-
**Example:**
110-
111-
Inside app.module you can perform:
112-
```ts
113-
import { IgxResouceStringsJA } fromigniteui-angular-i18n’;
114-
changei18n(IgxResouceStringsJA);
115-
```
116-
117-
**Example new API:**
118-
```ts
119-
import { ResouceStringsJA } fromigniteui-i18n-resources’;
120-
registerI18n(IgxResouceStringsJA, 'ja');
121-
```
122-
123100
### Resource strings keys naming convention
124101
Each key in the `IResourceStrings` (and `IGridResourceStrings`, `ITimePickerResourceStrings`, etc.) is prefixed with components' selector and followed by the resource string key. Having components' selectors as prefixes allows us to have same resource strings keys for more than one component.
125102
Example: _igx_grid_groupByArea_message_.

.github/agents/bug-fixing-orchestrator-agent.md

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -165,10 +165,15 @@ Present a brief scope summary to the user:
165165

166166
Keep it short and high-level. Confirm scope, not solution details.
167167

168-
Wait for user confirmation.
168+
Before routing any work, ask:
169169

170-
If a demo/sample is relevant, ask explicitly:
171-
`Do you want a demo/sample update for this change? Yes / No`
170+
**`Do you want me to proceed with this implementation flow?`**
171+
172+
If the fix is user-visible, also ask:
173+
174+
**`Do you want a demo/sample update for this feature?`**
175+
176+
Wait for the user's answer before routing work.
172177

173178
### Step 4 — Route Work
174179

.github/agents/feature-orchestrator-agent.md

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -159,10 +159,15 @@ Present a brief scope summary to the user:
159159

160160
Keep it short and high-level. Confirm scope, not solution details.
161161

162-
Wait for user confirmation.
162+
Before routing any work, ask:
163163

164-
If a demo/sample is relevant, ask explicitly:
165-
`Do you want a demo/sample update for this feature? Yes / No`
164+
**`Do you want me to proceed with this implementation flow?`**
165+
166+
If the feature is user-visible, also ask:
167+
168+
**`Do you want a demo/sample update for this feature?`**
169+
170+
Wait for the user's answer before routing work.
166171

167172
### Step 4 — Route Work
168173

AGENTS.md

Lines changed: 43 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -14,17 +14,23 @@ Ignite UI for Angular is a comprehensive UI component library built on the Angul
1414

1515
## Repository Structure
1616

17-
```
18-
.github/ ← contributing docs, templates, workflows, Copilot instructions
17+
```text
18+
.github/ ← contributing docs, agent docs, templates, workflows, Copilot instructions
19+
agents/ ← custom agent definitions and handoff workflows
20+
copilot-instructions.md ← repository coding standards and AI-specific guidance
1921
cypress/ ← repository-level Cypress setup/tests
2022
projects/
2123
bundle-test/ ← auxiliary bundle test project
2224
igniteui-angular/ ← main Angular component library
2325
<component>/ ← component entry points (accordion, combo, slider, etc.)
2426
core/ ← shared core code, styles, and related infrastructure
27+
src/core/styles/ ← shared Sass theme infrastructure used by theming/style work
2528
cypress/ ← library-scoped Cypress tests/assets
29+
directives/ ← shared directives and directive-level documentation areas
2630
grids/ ← grid-related library area
2731
migrations/ ← `ng update` migrations
32+
common/ ← shared migration utilities
33+
migration-collection.json ← registered migration entry points
2834
schematics/ ← `ng add` / schematics
2935
src/ ← shared library sources
3036
test-utils/ ← shared test helpers
@@ -35,7 +41,9 @@ projects/
3541
scripts/ ← build, docs, packaging, and style scripts
3642
skills/ ← AI skill guides for components, grids, and theming
3743
src/app/ ← demo application
44+
<component>/ ← existing demo/sample areas reused for user-visible changes
3845
CHANGELOG.md ← release notes
46+
SECURITY.md ← supported-version policy for multi-branch bug fixes
3947
css-naming-convention.md ← CSS naming rules
4048
```
4149

@@ -48,21 +56,27 @@ css-naming-convention.md ← CSS naming rules
4856
### Always
4957

5058
- Reuse existing repository patterns before introducing new abstractions.
51-
- Read existing source and tests before editing.
52-
- Run `npm run lint:lib` and the relevant test suite before considering work complete.
59+
- Read the original request, existing source, and existing tests before editing.
60+
- Read the relevant skill file before modifying component code.
61+
- If a skill points to reference files, read the relevant reference files before editing.
62+
- If the task changes behavior or fixes a bug, write or update failing tests before production code.
63+
- Reuse the existing spec structure whenever possible.
64+
- Run the smallest relevant test suite and `npm run lint:lib` before considering work complete.
65+
- Run additional checks when applicable, such as `npm run lint:styles`, `npm run test:styles`, `npm run test:schematics`, `npm run build:migrations`, or i18n-specific checks.
5366
- Export new public symbols from `<component>/index.ts`.
5467
- Keep accessibility intact: ARIA, keyboard navigation, focus behavior, and screen reader semantics.
5568
- Keep i18n intact when user-facing text changes.
5669
- Add JSDoc with `@param`, `@returns`, and `@example` on every new public member.
70+
- Treat SCSS, theme wiring, and style-test work as dedicated theming/styles follow-through, and validate it with the relevant style checks when needed.
5771
- Add or update `ng update` migrations for true breaking changes such as removals, renames, moved entry points, selector changes, or incompatible default-behavior changes.
58-
- Update the component `README.md` when the public API surface changes.
59-
- Update relevant Agent skills if a change is significant and/or you need to tell other agents how to use the newly introduced feature.
72+
- Update the component `README.md` when public API, documented usage, or documented behavior changes, including new features, renamed or deprecated API, and behavior changes.
6073
- Consider demo/sample updates in `src/app/` only for explicitly requested user-visible changes.
61-
- Update `CHANGELOG.md` for new features, deprecations, breaking changes, and notable user-visible fixes when they fit the existing changelog section structure.
74+
- Update `CHANGELOG.md` for new features, deprecations, breaking changes, behavioral changes, and notable user-visible fixes when they fit the existing changelog section structure.
75+
- Update relevant Agent skills if a change is significant and/or you need to tell other agents how to use the newly introduced feature.
6276

6377
### Never
6478

65-
- Skip steps in the implementation.
79+
- Skip steps in the implementation.
6680
- Commit secrets, tokens, or credentials.
6781
- Introduce `eval()` or dynamic code execution.
6882
- Modify `package.json`, `package-lock.json`, or any other dependency manifest or lock file. If a dependency change appears truly necessary, ask for approval first. Never commit `package-lock.json` unless you have been explicitly approved to make dependency changes — committing unintended lock file changes can break builds.
@@ -110,23 +124,28 @@ Domain-specific knowledge for AI assistants:
110124

111125
## Custom Agents
112126

113-
Feature implementation is handled by a set of specialized agents in `.github/agents/`:
127+
The repository provides a set of agents in `.github/agents/`. Orchestrators analyze requests, define scope, and route work to the right specialists; they do not implement code directly. Specialists handle focused implementation and follow-through tasks.
114128

115-
| Agent | File | Purpose |
116-
|---|---|---|
117-
| `feature-orchestrator-agent` | `feature-orchestrator-agent.md` | Orchestrates end-to-end feature implementation via TDD |
118-
| `bug-fixing-orchestrator-agent` | `bug-fixing-orchestrator-agent.md` | Orchestrates end-to-end bug fixing via TDD |
119-
| `tdd-test-writer-agent` | `tdd-test-writer-agent.md` | Writes failing tests (RED phase) for features and bug fixes |
120-
| `feature-implementer-agent` | `feature-implementer-agent.md` | Implements features and refactors (GREEN + REFACTOR phases) |
121-
| `bug-fixing-implementer-agent` | `bug-fixing-implementer-agent.md` | Implements the minimum bug fix (GREEN phase) |
122-
| `theming-styles-agent` | `theming-styles-agent.md` | Implements component theming, structural SCSS, theme wiring, and style validation |
123-
| `demo-sample-agent` | `demo-sample-agent.md` | Updates existing demo/sample areas in `src/app/` when a demo is explicitly requested for a user-visible feature or bug fix |
124-
| `component-readme-agent` | `component-readme-agent.md` | Updates affected component `README.md` files for public API and documented behavior changes |
125-
| `migration-agent` | `migration-agent.md` | Creates `ng update` migration schematics for breaking changes |
126-
| `changelog-agent` | `changelog-agent.md` | Updates `CHANGELOG.md` following repo conventions |
127-
128-
Feature and bug orchestrators route work in this order:
129-
TDD → implementer → README (if needed) → migration (if breaking) → changelog (if needed).
129+
| Agent | Role | File | Use it for |
130+
|---|---|---|---|
131+
| `feature-orchestrator-agent` | Orchestrator | `feature-orchestrator-agent.md` | Analyzing feature requests, defining scope, deciding which specialists are needed, and routing the work. Does not implement code directly. |
132+
| `bug-fixing-orchestrator-agent` | Orchestrator | `bug-fixing-orchestrator-agent.md` | Analyzing bug reports, confirming likely scope and root-cause direction, deciding which specialists are needed, and routing the work. Does not implement code directly. |
133+
| `tdd-test-writer-agent` | Specialist | `tdd-test-writer-agent.md` | Writing small failing tests before production code for features and bug fixes |
134+
| `feature-implementer-agent` | Specialist | `feature-implementer-agent.md` | Implementing a feature or feature-side refactor after scope and tests are clear |
135+
| `bug-fixing-implementer-agent` | Specialist | `bug-fixing-implementer-agent.md` | Implementing the minimum safe bug fix once reproduction and root cause are known |
136+
| `theming-styles-agent` | Specialist | `theming-styles-agent.md` | Component SCSS, theme wiring, structural styles, and style validation |
137+
| `demo-sample-agent` | Specialist | `demo-sample-agent.md` | Updating existing `src/app/` demo/sample areas for explicitly requested user-visible changes |
138+
| `component-readme-agent` | Specialist | `component-readme-agent.md` | Updating affected component `README.md` files when public API or documented behavior changes |
139+
| `migration-agent` | Specialist | `migration-agent.md` | Creating `ng update` migrations for true breaking changes |
140+
| `changelog-agent` | Specialist | `changelog-agent.md` | Updating `CHANGELOG.md` for notable user-visible changes |
141+
142+
These agents are available as specialized helpers for repository work. Select and use the relevant subagent when it adds clarity, specialization, or better task separation, but do not treat subagent use as mandatory — an agent may decide to handle the work directly as long as it follows the same repository workflow, standards, and validation steps.
143+
144+
## Workflow
145+
146+
### Standard default flow
147+
148+
TDD (write or update failing tests first) → feature implementation or bug-fix implementation → theming/styles follow-through (only when the change affects SCSS, theme wiring, or style-test validation) → demo/sample update (only if explicitly requested) → component README update (when needed) → migration (for breaking changes) → changelog update (when needed).
130149

131150
## Commit Message Conventions
132151

projects/igniteui-angular/grids/grid/src/grid-filtering-ui.spec.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5162,7 +5162,7 @@ describe('IgxGrid - Filtering actions - Excel style filtering #grid', () => {
51625162
// Verify the calendar is scrolled to previous month.
51635163
const headerLabel = document.querySelector('igx-calendar').querySelector('.igx-calendar-picker__date') as HTMLElement;
51645164
const today = new Date();
5165-
const prevMonth = new Date(today.setMonth(today.getMonth() - 1));
5165+
const prevMonth = new Date(today.getFullYear(), today.getMonth() - 1, 1);
51665166
const monthName = prevMonth.toLocaleString('default', { month: 'short' });
51675167
expect(headerLabel.innerText.trim()).toMatch(`${monthName}`);
51685168
}));

skills/igniteui-angular-components/references/directives.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon';
2323
```html
2424
<!-- Text buttons -->
2525
<button igxButton="flat">Flat</button>
26-
<button igxButton="raised">Raised</button>
26+
<button igxButton="contained">Contained</button>
2727
<button igxButton="outlined">Outlined</button>
2828
<button igxButton="fab">
2929
<igx-icon>add</igx-icon>
@@ -35,10 +35,10 @@ import { IgxIconComponent } from 'igniteui-angular/icon';
3535
<button igxIconButton="contained"><igx-icon>save</igx-icon></button>
3636

3737
<!-- Disabled state -->
38-
<button igxButton="raised" [disabled]="isLoading()">Submit</button>
38+
<button igxButton="contained" [disabled]="isLoading()">Submit</button>
3939
```
4040

41-
Button variants for `igxButton`: `'flat'`, `'raised'`, `'outlined'`, `'fab'`.
41+
Button variants for `igxButton`: `'flat'`, `'contained'`, `'outlined'`, `'fab'`.
4242
Button variants for `igxIconButton`: `'flat'`, `'outlined'`, `'contained'`.
4343

4444
## Button Group
@@ -166,14 +166,14 @@ import { IgxRippleDirective } from 'igniteui-angular/directives';
166166

167167
```html
168168
<!-- Add to any clickable element for Material-style ink ripple -->
169-
<button igxButton="raised" igxRipple>Click me</button>
169+
<button igxButton="contained" igxRipple>Click me</button>
170170
<div igxRipple igxRippleTarget=".my-class" class="custom-surface">Interactive div</div>
171171
```
172172

173173
Inputs: `[igxRipple]` (ripple color), `[igxRippleCentered]` (always start from center), `[igxRippleDisabled]`.
174174

175175
```html
176-
<button igxButton="raised" igxRipple="#ff4081" [igxRippleCentered]="true">Pink ripple</button>
176+
<button igxButton="contained" igxRipple="#ff4081" [igxRippleCentered]="true">Pink ripple</button>
177177
```
178178

179179
## Tooltip

skills/igniteui-angular-components/references/feedback.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -34,11 +34,11 @@ import { IgxButtonDirective } from 'igniteui-angular/directives';
3434
<p>Are you sure you want to delete this item? This action cannot be undone.</p>
3535
<div igxDialogActions>
3636
<button igxButton="flat" (click)="confirmDialog.close()">Cancel</button>
37-
<button igxButton="raised" (click)="deleteItem(); confirmDialog.close()">Delete</button>
37+
<button igxButton="contained" (click)="deleteItem(); confirmDialog.close()">Delete</button>
3838
</div>
3939
</igx-dialog>
4040

41-
<button igxButton="raised" (click)="confirmDialog.open()">Delete Item</button>
41+
<button igxButton="contained" (click)="confirmDialog.open()">Delete Item</button>
4242
```
4343

4444
Programmatic control:

0 commit comments

Comments
 (0)