devextreme-cli 1.11.2 → 1.12.0

package/index.js

@@ -39,6 +39,14 @@ if(args.help) {
 const run = async(commands, options) => {
     if(application.isApplicationCommand(commands[0])) {
         await application.run(commands, options, devextremeConfig.read());
+    } else if(application.isMigrationCommand(commands[0])) {
+        if(!commands[1]) {
+            console.error('Please specify a change name for migration.');
+            printHelp('migrate');
+            return;
+        }
+        await application.run(['migrate', commands[1], ...commands.slice(2)], options, { applicationEngine: 'angular' });
+        return;
     } else if(themeBuilder.isThemeBuilderCommand(commands[0])) {
         options.command = commands[0];
         themeBuilder.run(options);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "devextreme-cli",
-  "version": "1.11.2",
+  "version": "1.12.0",
   "description": "DevExtreme CLI",
   "keywords": [
     "devexpress",
@@ -43,7 +43,7 @@
     "minimist": "^1.2.8",
     "mustache": "^3.2.1",
     "prompts": "^2.4.2",
-    "sass": "^1.92.1",
+    "sass": "^1.93.2",
     "semver": "^5.7.2",
     "strip-bom": "^4.0.0"
   },
@@ -51,7 +51,7 @@
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
     "babel-eslint": "^10.1.0",
-    "create-vite": "7.1.1",
+    "create-vite": "7.1.3",
     "cross-env": "^5.2.1",
     "eslint": "^7.32.0",
     "eslint-config-angular": "^0.5.0",
@@ -74,5 +74,5 @@
     "typescript-eslint-parser": "^22.0.0",
     "wait-on": "8.0.5"
   },
-  "gitHead": "04bf9bb942b69586a4ed95b47807406844296751"
+  "gitHead": "0a56ed4e9c13e1deb23007f0d23f974806878a7f"
 }

package/src/application.js

@@ -9,11 +9,20 @@ const isApplicationCommand = (command) => {
     return [ 'new', 'add' ].includes(command);
 };
 
+const isMigrationCommand = (command) => {
+    return [ 'migrate' ].includes(command);
+};
+
 const handleWrongAppType = (appType, command) => {
     console.error(`The '${appType}' application type is not valid`);
     printHelp(command);
 };
 
+const handleWrongChangeName = (changeName, command) => {
+    console.error(`The '${changeName}' change name is not valid`);
+    printHelp(command);
+};
+
 const createReact = async(appName, options, command) => {
     const reactAppType = await getReactAppType(options['app-type']);
 
@@ -30,12 +39,25 @@ const createReact = async(appName, options, command) => {
 };
 
 const run = async(commands, options, devextremeConfig) => {
+
     if(!commands[1]) {
         console.error('Command is incomplete. Please specify parameters.');
         printHelp(commands[0]);
         return;
     }
 
+    if(commands[0] === 'migrate') {
+        const changeName = commands[1];
+        switch(changeName) {
+            case 'angular-config-components':
+                await angularApplication.migrateConfigComponents(options);
+                return;
+            default:
+                handleWrongChangeName(changeName, commands[0]);
+                return;
+        }
+    }
+
     if(commands[0] === 'new') {
         const app = commands[1];
         const appName = commands[2] || 'my-app';
@@ -104,5 +126,6 @@ const run = async(commands, options, devextremeConfig) => {
 
 module.exports = {
     isApplicationCommand,
+    isMigrationCommand,
     run
 };

package/src/applications/application.angular.js

@@ -53,13 +53,24 @@ async function runNgCommand(commandArguments, commandOptions, commandConfig) {
 }
 
 function localPackageExists(packageName) {
+    // Check local node_modules first
     const nodeModulesPath = path.join(process.cwd(), 'node_modules');
-    if(!fs.existsSync(nodeModulesPath)) {
-        return;
+    if(fs.existsSync(nodeModulesPath)) {
+        const packageJsonPath = path.join(nodeModulesPath, packageName, 'package.json');
+        if(fs.existsSync(packageJsonPath)) {
+            return true;
+        }
     }
 
-    const packageJsonPath = path.join(nodeModulesPath, packageName, 'package.json');
-    return fs.existsSync(packageJsonPath);
+    // Check if globally installed by trying to resolve the package
+    try {
+        require.resolve(`${packageName}/package.json`);
+        return true;
+    } catch(e) {
+        // Package not found globally
+    }
+
+    return false;
 }
 
 const hasSutableNgCli = async() => {
@@ -152,6 +163,70 @@ const addView = (viewName, options) => {
     runSchematicCommand('add-view', schematicOptions);
 };
 
+const migrateConfigComponents = async(options = {}) => {
+    const collectionName = 'devextreme-schematics';
+
+    // Check if devextreme-schematics is installed
+    if(!localPackageExists(collectionName)) {
+        const prompts = require('prompts');
+
+        console.log(`\nThe '${collectionName}' package is required to run this command.`);
+
+        const response = await prompts({
+            type: 'confirm',
+            name: 'install',
+            message: `Would you like to install '${collectionName}' now?`,
+            initial: true
+        });
+
+        if(!response.install) {
+            console.log('Migration cancelled. Please install devextreme-schematics manually:');
+            console.log(`npm install -g ${collectionName}@${schematicsVersion}`);
+            process.exit(1);
+        }
+
+        console.log(`Installing ${collectionName}@${schematicsVersion}...`);
+        try {
+            await runCommand('npm', ['install', '-g', `${collectionName}@${schematicsVersion}`], { stdio: 'inherit' });
+            console.log('Installation completed successfully.');
+        } catch(error) {
+            console.error('Failed to install devextreme-schematics. Please install manually:');
+            console.error(`npm install -g ${collectionName}@${schematicsVersion}`);
+            process.exit(1);
+        }
+    }
+
+    const schematicOptions = {
+        ...options
+    };
+
+    if(schematicOptions.include && typeof schematicOptions.include === 'string') {
+        schematicOptions.include = schematicOptions.include.split(',').map(s => s.trim());
+    }
+    if(schematicOptions.scriptInclude && typeof schematicOptions.scriptInclude === 'string') {
+        schematicOptions.scriptInclude = schematicOptions.scriptInclude.split(',').map(s => s.trim());
+    }
+
+    const commandArguments = ['schematics', `${collectionName}:migrate-config-components`];
+
+    const { [depsVersionTagOptionName]: _, ...optionsToArguments } = schematicOptions; // eslint-disable-line no-unused-vars
+    for(let option in optionsToArguments) {
+        const value = optionsToArguments[option];
+        if(value !== undefined && value !== null && value !== '') {
+            if(Array.isArray(value)) {
+                if(value.length > 0) {
+                    commandArguments.push(`--${dasherize(option)}=${value.join(',')}`);
+                }
+            } else {
+                commandArguments.push(`--${dasherize(option)}=${value}`);
+            }
+        }
+    }
+
+    // Use runCommand directly with npx to work outside Angular workspace
+    return runCommand('npx', commandArguments, { stdio: 'inherit' });
+};
+
 const changeMainTs = (appPath) => {
     const filePath = path.join(appPath, 'src', 'main.ts');
 
@@ -174,5 +249,6 @@ module.exports = {
     install,
     create,
     addTemplate,
-    addView
+    addView,
+    migrateConfigComponents
 };

package/src/commands.json

@@ -48,6 +48,24 @@
             "name": "devextreme-angular",
             "description": "Add DevExtreme to an Angular application"
         }]
+    }, {
+        "name": "migrate",
+        "description": "Migration commands for DevExtreme applications",
+        "usage": "devextreme migrate <change name> [options]",
+        "arguments": [{
+            "name": "angular-config-components",
+            "description": "Migrate to the latest DevExtreme configuration components.",
+            "options": [{
+                "name": "--include",
+                "description": "Template file glob patterns to include (default: **/*.html). You can pass multiple patterns as a comma-separated string (e.g. \"**/a.html,**/b.html\") or as an array (e.g. [\"**/a.html\",\"**/b.html\"])."
+            }, {
+                "name": "--script-include",
+                "description": "TypeScript/JavaScript file glob patterns to scan for inline templates (default: **/*.ts,**/*.js). You can pass multiple patterns as a comma-separated string or as an array. Pass an empty value ('' or []) to disable."
+            }, {
+                "name": "--dry",
+                "description": "Run in dry mode to preview changes without applying them (default: false)."
+            }]
+        }]
     }, {
         "name": "build-theme",
         "description": "Build a custom color scheme",

package/src/utility/latest-versions.js

@@ -1,8 +1,8 @@
 const packageJson = require('../../package.json');
 module.exports = {
-    'devextreme': '25.1.5',
-    'devextreme-react': '25.1.5',
-    'devextreme-vue': '25.1.5',
+    'devextreme': '25.1.6',
+    'devextreme-react': '25.1.6',
+    'devextreme-vue': '25.1.6',
     'create-vite': '7.0.0',
     'create-vue': '3.17.0',
     'create-next-app': '15.3.4',