You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
A schematic that migrates deprecated DevExtreme configuration components.
3
+
A schematic that migrates old DevExtreme configuration components.
4
4
5
5
## Description
6
6
7
-
This schematic automatically migrates deprecated DevExtreme Angular configuration components. The migration command is available as a top-level DevExtreme CLI command that you can run from any directory.
7
+
This schematic automatically migrates old DevExtreme Angular configuration components. The migration command is available as a top-level DevExtreme CLI command that you can run from any directory.
8
8
9
9
## Usage
10
10
11
11
### Via DevExtreme CLI (Recommended)
12
12
13
-
The migration command can be run from any directory and will work both inside and outside Angular workspaces:
13
+
You can run the migration command from any directory, including both inside and outside Angular workspaces:
-`--include`: Glob patterns of template files to include (default: `**/*.html`). Separate multiple patterns with commas.
22
-
-`--script-include`: Glob patterns for TypeScript/JavaScript files to scan for inline `@Component({ template })`(default: `**/*.ts,**/*.js`). Set to empty to disable.
23
-
-`--dry`: Run in dry mode to preview changes without applying them (default: `false`)
22
+
-`--script-include`: Glob patterns for TypeScript/JavaScript files to scan for inline templates (default: `**/*.ts,**/*.js`). Set empty ('' or []) to disable.
23
+
-`--dry`: Run in dry mode to preview changes without applying them (default: `false`).
Alternatively, you can run the schematic directly with Angular CLI:
46
+
You can also use the Angular CLI to run the schematic:
47
47
48
48
```bash
49
49
ng g devextreme-schematics:migrate-config-components
50
50
```
51
51
52
-
## What it does
52
+
## Sample results
53
53
54
-
This schematic automatically updates your templates to replace deprecated nested components with the new config-based component structure. For example:
DevExtreme Angular components are moving from a nested structure (e.g., `<dxi-column>`) to a config-based structure (e.g., `<dxi-data-grid-column>`) for improved clarity, maintainability, and future compatibility. This schematic automates the migration process to help you keep your codebase up to date with the latest DevExtreme standards.
75
-
76
70
## Requirements
77
71
78
-
- Node.js and npm/yarn installed
79
-
- Angular application with DevExtreme components (when running inside a workspace)
80
-
- DevExtreme Angular version that supports the new component structure
81
-
82
-
## Notes
83
-
84
-
- The command can be run from any directory, not just Angular workspaces
85
-
- When run outside an Angular workspace, the underlying Angular CLI will show appropriate error messages
86
-
- All options are optional and have sensible defaults
87
-
- The command uses the latest version of `devextreme-schematics` automatically
72
+
- Node.js and npm or yarn
73
+
- Angular application with DevExtreme components
74
+
- DevExtreme Angular version that supports new configuration components structure
0 commit comments