igniteui-cli 15.0.0-alpha.0 → 15.0.0-rc.1

package/README.md

@@ -79,9 +79,9 @@ The `igniteui-cli` makes full use of the component definitions provided by [`ign
 
 #### Generate Ignite UI for React project
 
-To create a new project with Ignite UI for React use [ig new](https://github.com/IgniteUI/igniteui-cli/wiki/New#creating-ignite-ui-for-react-applications-v400) by specifying `react` as framework and `igr-es6` as project type:
+To create a new project with Ignite UI for React use [ig new](https://github.com/IgniteUI/igniteui-cli/wiki/New#creating-ignite-ui-for-react-applications-v400) by specifying `react` as framework and `igr-ts` as project type:
 ```bash
-ig new "IG Project" --framework=react --type=igr-es6
+ig new "IG Project" --framework=react --type=igr-ts
 ```
 
 #### Adding components

package/bin/execute.js

@@ -19,5 +19,8 @@ resolve("igniteui-cli", { basedir: process.cwd() }, function (err, res) {
 	} else {
 		cli = require("../lib/cli");
 	}
-	cli.run(args);
+	cli.run(args).catch(function (err) {
+		console.error("Error: " + (err.message || err));
+		process.exit(1);
+	});
 });

package/lib/PromptSession.d.ts

@@ -9,6 +9,7 @@ export declare class PromptSession extends BasePromptSession {
     start(): Promise<void>;
     protected completeAndRun(port?: number): Promise<void>;
     protected upgradePackages(): Promise<void>;
+    protected configureAI(): Promise<void>;
     /**
      * Get user name and set template's extra configurations if any
      * @param projectLibrary to add component to

package/lib/PromptSession.js

@@ -39,6 +39,7 @@ exports.PromptSession = void 0;
 const cli_core_1 = require("@igniteui/cli-core");
 const path = __importStar(require("path"));
 const add_1 = __importDefault(require("./commands/add"));
+const ai_config_1 = require("./commands/ai-config");
 const start_1 = __importDefault(require("./commands/start"));
 const upgrade_1 = __importDefault(require("./commands/upgrade"));
 class PromptSession extends cli_core_1.BasePromptSession {
@@ -93,7 +94,7 @@ class PromptSession extends cli_core_1.BasePromptSession {
                     name: "framework",
                     message: "Choose framework:",
                     choices: this.getFrameworkNames(),
-                    default: "jQuery"
+                    default: "Angular"
                 });
                 const framework = this.templateManager.getFrameworkByName(frameRes);
                 // app name validation???
@@ -124,9 +125,7 @@ class PromptSession extends cli_core_1.BasePromptSession {
     completeAndRun(port) {
         return __awaiter(this, void 0, void 0, function* () {
             yield cli_core_1.PackageManager.flushQueue(true);
-            if (true) { // TODO: Make conditional?
-                yield start_1.default.start({ port });
-            }
+            yield start_1.default.start({ port });
         });
     }
     upgradePackages() {
@@ -135,6 +134,11 @@ class PromptSession extends cli_core_1.BasePromptSession {
             yield upgrade_1.default.upgrade({ skipInstall: true, _: ["upgrade"], $0: "upgrade" });
         });
     }
+    configureAI() {
+        return __awaiter(this, void 0, void 0, function* () {
+            (0, ai_config_1.configure)();
+        });
+    }
     /**
      * Get user name and set template's extra configurations if any
      * @param projectLibrary to add component to

package/lib/TemplateManager.js

@@ -27,10 +27,9 @@ exports.TemplateManager = void 0;
 const angular_templates_1 = require("@igniteui/angular-templates");
 const cli_core_1 = require("@igniteui/cli-core");
 const path = __importStar(require("path"));
-const AngularTemplate_1 = require("./templates/AngularTemplate");
 const IgniteUIForWebComponentsTemplate_1 = require("./templates/IgniteUIForWebComponentsTemplate");
 const jQueryTemplate_1 = require("./templates/jQueryTemplate");
-const ReactTemplate_1 = require("./templates/ReactTemplate");
+const IgniteUIForReactTemplate_1 = require("./templates/IgniteUIForReactTemplate");
 const TEMPLATES_PATH = "../templates";
 class TemplateManager extends cli_core_1.BaseTemplateManager {
     constructor(templatesPath) {
@@ -50,11 +49,8 @@ class TemplateManager extends cli_core_1.BaseTemplateManager {
                 case "jquery|js":
                     template = new jQueryTemplate_1.jQueryTemplate(rootPath);
                     break;
-                case "react|es6":
-                    template = new ReactTemplate_1.ReactTemplate(rootPath);
-                    break;
-                case "angular|ig-ts":
-                    template = new AngularTemplate_1.AngularTemplate(rootPath);
+                case "react|igr-ts":
+                    template = new IgniteUIForReactTemplate_1.IgniteUIForReactTemplate(rootPath);
                     break;
                 case "angular|igx-ts":
                     template = new angular_templates_1.IgniteUIForAngularTemplate(rootPath);

package/lib/cli.js

@@ -36,7 +36,6 @@ function run() {
         commands_1.start.templateManager = templateManager;
         commands_1.generate.templateManager = templateManager;
         commands_1.list.templateManager = templateManager;
-        commands_1.mcp.templateManager = templateManager;
         commands_1.upgrade.templateManager = templateManager;
         const yargsModule = args ? (0, yargs_1.default)(args) : yargs_1.default;
         yield yargsModule
@@ -51,8 +50,9 @@ function run() {
             .command(commands_1.doc)
             .command(commands_1.test)
             .command(commands_1.list)
-            .command(commands_1.mcp)
             .command(commands_1.upgrade)
+            .command(commands_1.mcp)
+            .command(commands_1.aiConfig)
             .version(false) // disable built-in `yargs.version` to override it with our custom option
             .options({
             version: {
@@ -79,6 +79,15 @@ function run() {
         }, false // setting this to `true` is supposed to exec the middleware after parsing and before arg validation
         // but in reality it also does not trigger the command's handler (╯°□°）╯︵ ┻━┻
         )
+            .fail((msg, err, yargs) => {
+            var _a;
+            const message = (_a = err === null || err === void 0 ? void 0 : err.message) !== null && _a !== void 0 ? _a : msg;
+            if (message) {
+                cli_core_1.Util.error(message, "red");
+                yargs.showHelp();
+                process.exitCode = 1;
+            }
+        })
             .help().alias("help", "h")
             .parseAsync(args, // the args to parse to argv
         {}, // docs say context to pass in to handlers, but nuh-uh, it's just garbage
@@ -110,10 +119,17 @@ function run() {
             /* istanbul ignore next */
             cli_core_1.App.testMode = !!argv.testMode;
             if (!helpRequest && !commands_1.ALL_COMMANDS.has(command === null || command === void 0 ? void 0 : command.toString())) {
-                cli_core_1.Util.log("Starting Step by step mode.", "green");
-                cli_core_1.Util.log("For available commands, stop this execution and use --help.", "green");
-                const prompts = new PromptSession_1.PromptSession(templateManager);
-                prompts.start();
+                if (command) {
+                    process.exitCode = 1;
+                    cli_core_1.Util.error(`Unknown command: "${command}"`, "red");
+                    cli_core_1.Util.log(yield yargsModule.getHelp());
+                }
+                else {
+                    cli_core_1.Util.log("Starting Step by step mode.", "green");
+                    cli_core_1.Util.log("For available commands, stop this execution and use --help.", "green");
+                    const prompts = new PromptSession_1.PromptSession(templateManager);
+                    prompts.start();
+                }
             }
         }));
     });

package/lib/commands/ai-config.d.ts

@@ -0,0 +1,7 @@
+import { IFileSystem } from "@igniteui/cli-core";
+import { CommandModule } from "yargs";
+export declare function configureMCP(fileSystem?: IFileSystem): void;
+export declare function configureSkills(): void;
+export declare function configure(fileSystem?: IFileSystem): void;
+declare const command: CommandModule;
+export default command;

package/lib/commands/ai-config.js

@@ -0,0 +1,117 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.configureMCP = configureMCP;
+exports.configureSkills = configureSkills;
+exports.configure = configure;
+const cli_core_1 = require("@igniteui/cli-core");
+const path = __importStar(require("path"));
+const IGNITEUI_SERVER_KEY = "igniteui-cli";
+const IGNITEUI_THEMING_SERVER_KEY = "igniteui-theming";
+const igniteuiServer = {
+    command: "npx",
+    args: ["-y", "igniteui-cli@next", "mcp"]
+};
+const igniteuiThemingServer = {
+    command: "npx",
+    args: ["-y", "igniteui-theming", "igniteui-theming-mcp"]
+};
+function getConfigPath() {
+    return path.join(process.cwd(), ".vscode", "mcp.json");
+}
+function readJson(filePath, fallback, fileSystem) {
+    try {
+        return JSON.parse(fileSystem.readFile(filePath));
+    }
+    catch (_a) {
+        return fallback;
+    }
+}
+function writeJson(filePath, data, fileSystem) {
+    fileSystem.writeFile(filePath, JSON.stringify(data, null, 2) + "\n");
+}
+function configureMCP(fileSystem = new cli_core_1.FsFileSystem()) {
+    const configPath = getConfigPath();
+    const config = readJson(configPath, { servers: {} }, fileSystem);
+    config.servers = config.servers || {};
+    let modified = false;
+    if (!config.servers[IGNITEUI_SERVER_KEY]) {
+        config.servers[IGNITEUI_SERVER_KEY] = igniteuiServer;
+        modified = true;
+    }
+    if (!config.servers[IGNITEUI_THEMING_SERVER_KEY]) {
+        config.servers[IGNITEUI_THEMING_SERVER_KEY] = igniteuiThemingServer;
+        modified = true;
+    }
+    if (!modified) {
+        cli_core_1.Util.log(` Ignite UI MCP servers already configured in ${configPath}`);
+        return;
+    }
+    writeJson(configPath, config, fileSystem);
+    cli_core_1.Util.log(cli_core_1.Util.greenCheck() + ` MCP servers configured in ${configPath}`);
+}
+function configureSkills() {
+    const result = (0, cli_core_1.copyAISkillsToProject)();
+    if (result === "copied") {
+        cli_core_1.Util.log(cli_core_1.Util.greenCheck() + " AI skills added to the project.");
+    }
+    else {
+        cli_core_1.Util.warn("No AI skill files found. Make sure packages are installed (npm install) " +
+            "and your Ignite UI package includes a skills/ directory.", "yellow");
+    }
+}
+function configure(fileSystem = new cli_core_1.FsFileSystem()) {
+    configureMCP(fileSystem);
+    configureSkills();
+}
+const command = {
+    command: "ai-config",
+    describe: "Configure Ignite UI AI tooling (MCP servers and AI coding skills)",
+    builder: (yargs) => yargs.usage(""),
+    handler(_argv) {
+        return __awaiter(this, void 0, void 0, function* () {
+            cli_core_1.GoogleAnalytics.post({
+                t: "screenview",
+                cd: "MCP"
+            });
+            cli_core_1.GoogleAnalytics.post({
+                t: "event",
+                ec: "$ig ai-config",
+                ea: "client: vscode"
+            });
+            configure();
+        });
+    }
+};
+exports.default = command;

package/lib/commands/build.js

@@ -69,9 +69,6 @@ const command = {
                 cd14: config.project.theme
             });
             yield cli_core_1.PackageManager.installPackages();
-            if (config.project.projectType === "es6") {
-                return;
-            }
             if (config.project.theme.includes(".less") || config.project.theme.includes(".sass")) {
                 fs.mkdirSync("./themes");
                 const source = path.join(config.project.igniteuiSource, "/css/themes/", config.project.theme.split(".")[0]);

package/lib/commands/doc.js

@@ -58,7 +58,7 @@ const doc = {
             if (!argv.term) {
                 const answer = yield PromptSession_1.PromptSession.chooseTerm();
                 argv.term = answer;
-                yield this.handler(argv);
+                yield doc.handler(argv);
             }
             else if (!cli_core_1.Util.isAlphanumericExt(argv.term)) {
                 return cli_core_1.Util.error(`The search term '${argv.term}' is not valid.` + "\n" +

package/lib/commands/generate.js

@@ -102,7 +102,6 @@ const command = {
     command: "generate",
     describe: "generates custom template",
     templateManager: null,
-    // tslint:disable:object-literal-sort-keys
     builder: yargs => {
         yargs
             .command({

package/lib/commands/index.d.ts

@@ -1,4 +1,5 @@
 export { default as add } from "./add";
+export { default as aiConfig } from "./ai-config";
 export { default as build } from "./build";
 export { default as config } from "./config";
 export { default as doc } from "./doc";

package/lib/commands/index.js

@@ -17,9 +17,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.upgrade = exports.test = exports.start = exports.newCommand = exports.mcp = exports.list = exports.generate = exports.doc = exports.config = exports.build = exports.add = void 0;
+exports.upgrade = exports.test = exports.start = exports.newCommand = exports.mcp = exports.list = exports.generate = exports.doc = exports.config = exports.build = exports.aiConfig = exports.add = void 0;
 var add_1 = require("./add");
 Object.defineProperty(exports, "add", { enumerable: true, get: function () { return __importDefault(add_1).default; } });
+var ai_config_1 = require("./ai-config");
+Object.defineProperty(exports, "aiConfig", { enumerable: true, get: function () { return __importDefault(ai_config_1).default; } });
 var build_1 = require("./build");
 Object.defineProperty(exports, "build", { enumerable: true, get: function () { return __importDefault(build_1).default; } });
 var config_1 = require("./config");

package/lib/commands/list.js

@@ -35,7 +35,7 @@ const command = {
         }
         const templatesByGroup = [];
         const controlGroups = [];
-        const framework = this.templateManager.getFrameworkById(argv.framework);
+        const framework = command.templateManager.getFrameworkById(argv.framework);
         if (!framework) {
             return cli_core_1.Util.error("Wrong framework provided", "red");
         }