@igniteui/angular-schematics 17.0.1303 → 17.0.1314-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@igniteui/angular-schematics",
-  "version": "17.0.1303",
+  "version": "17.0.1314-beta.0",
   "description": "Ignite UI for Angular Schematics for ng new and ng generate",
   "repository": {
     "type": "git",
@@ -22,8 +22,8 @@
   "dependencies": {
     "@angular-devkit/core": "~14.0.0",
     "@angular-devkit/schematics": "~14.0.0",
-    "@igniteui/angular-templates": "~17.0.1303",
-    "@igniteui/cli-core": "~13.0.3",
+    "@igniteui/angular-templates": "~17.0.1314-beta.0",
+    "@igniteui/cli-core": "~13.1.4-beta.0",
     "@schematics/angular": "~14.0.0",
     "rxjs": "^6.6.3"
   },

package/src/SchematicsTemplateManager.js

@@ -10,9 +10,7 @@ class SchematicsTemplateManager extends cli_core_1.BaseTemplateManager {
         this.frameworks.push({
             id: "angular",
             name: "angular",
-            projectLibraries: [
-                require("@igniteui/angular-templates").default
-            ]
+            projectLibraries: require("@igniteui/angular-templates").default
         });
     }
     loadFromConfig(filePath) {

package/src/migrations/interfaces/options.d.ts

@@ -0,0 +1,4 @@
+export interface Options {
+    [key: string]: any;
+    applyMigrations: boolean;
+}

package/src/migrations/interfaces/options.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/src/migrations/migration-collection.json

@@ -1,5 +1,11 @@
 {
   "$schema": "../../../../node_modules/@angular-devkit/schematics/collection-schema.json",
   "schematics": {
+	"migration-01": {
+		"version": "17.1.0",
+		"description": "Updates Ignite UI for Angular Schematics project from 17.0.x to 17.1.x",
+		"factory": "./update-1",
+		"schema": "./schema.json"
+	}
   }
 }

package/src/migrations/schema.json

@@ -0,0 +1,14 @@
+{
+    "$schema": "http://json-schema.org/schema",
+    "$id": "igniteui-angular--schematics",
+    "title": "IgniteUI for Angular Schematics",
+    "type": "object",
+    "properties": {
+        "applyMigrations": {
+            "type": "boolean",
+            "description": "We've updated our view templates to use Standalone Components. Those are compatible with your project and you can start using them now or remain with `NgModule` dependencies.",
+            "default": true,
+            "x-prompt": "Would you like to continue with Standalone Components for new views?"
+        }
+    }
+}

package/src/migrations/update-1/index.d.ts

@@ -0,0 +1,3 @@
+import { Rule } from "@angular-devkit/schematics";
+import { Options } from "../interfaces/options";
+export default function (options: Options): Rule;

package/src/migrations/update-1/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function default_1(options) {
+    return (host, context) => {
+        var _a;
+        if (!options.applyMigrations) {
+            return;
+        }
+        context.logger.info("We've updated your project type to `igx-ts-legacy` to continue using `NgModule`-s. You can always change back to `igx-ts` should you want to start using Standalone Components.");
+        const igConfig = "./ignite-ui-cli.json";
+        if (host.exists(igConfig)) {
+            const content = JSON.parse(host.read(igConfig).toString());
+            if (((_a = content === null || content === void 0 ? void 0 : content.project) === null || _a === void 0 ? void 0 : _a.projectType) === "igx-ts") {
+                content.project.projectType = "igx-ts-legacy";
+                host.overwrite(igConfig, JSON.stringify(content, null, 2));
+            }
+        }
+    };
+}
+exports.default = default_1;

package/src/migrations/update-1/index.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/src/migrations/update-1/index.spec.js

@@ -0,0 +1,73 @@
+"use strict";
+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 });
+const path = require("path");
+const schematics_1 = require("@angular-devkit/schematics");
+const testing_1 = require("@angular-devkit/schematics/testing");
+describe("Update 17.1.0", () => {
+    let appTree;
+    const schematicRunner = new testing_1.SchematicTestRunner("ig-migrate", path.join(__dirname, "../migration-collection.json"));
+    beforeEach(() => {
+        appTree = new testing_1.UnitTestTree(new schematics_1.EmptyTree());
+    });
+    it("change projectType to legacy", (done) => __awaiter(void 0, void 0, void 0, function* () {
+        appTree.create("./ignite-ui-cli.json", `{
+  "igPackageRegistry": "https://packages.infragistics.com/npm/js-licensed/",
+  "customTemplates": [],
+  "skipGit": false,
+  "skipAnalytic": false,
+  "version": "13.0.1",
+  "project": {
+    "defaultPort": 4200,
+    "framework": "angular",
+    "projectType": "igx-ts",
+    "projectTemplate": "side-nav",
+    "theme": "Default",
+    "themePath": "node_modules/igniteui-angular/styles/igniteui-angular.css",
+    "isBundle": false,
+    "bundleFilePath": "",
+    "igniteuiSource": "",
+    "components": [],
+    "sourceFiles": [],
+    "isShowcase": false,
+    "version": ""
+  },
+  "build": {}
+}
+`);
+        const tree = yield schematicRunner.runSchematicAsync("migration-01", { applyMigrations: true }, appTree).toPromise();
+        expect(tree.readContent("./ignite-ui-cli.json"))
+            .toEqual(`{
+  "igPackageRegistry": "https://packages.infragistics.com/npm/js-licensed/",
+  "customTemplates": [],
+  "skipGit": false,
+  "skipAnalytic": false,
+  "version": "13.0.1",
+  "project": {
+    "defaultPort": 4200,
+    "framework": "angular",
+    "projectType": "igx-ts-legacy",
+    "projectTemplate": "side-nav",
+    "theme": "Default",
+    "themePath": "node_modules/igniteui-angular/styles/igniteui-angular.css",
+    "isBundle": false,
+    "bundleFilePath": "",
+    "igniteuiSource": "",
+    "components": [],
+    "sourceFiles": [],
+    "isShowcase": false,
+    "version": ""
+  },
+  "build": {}
+}`);
+        done();
+    }));
+});

package/src/ng-new/index.js

@@ -48,7 +48,7 @@ function newProject(options) {
                         throw new schematics_1.SchematicsException(`Folder "${options.name}" already exists!`);
                     }
                     const framework = templateManager.getFrameworkByName("angular");
-                    projLibrary = yield prompt.getProjectLibrary(framework);
+                    projLibrary = yield prompt.getProjectLibraryByType(framework, options.type);
                     if (!options.name || !prompt.nameIsValid(options.name)) {
                         options.name = yield prompt.getUserInput({
                             type: "input",

package/src/ng-new/index_spec.js

@@ -26,7 +26,7 @@ describe("Schematics ng-new", () => {
         const mockSession = {
             chooseActionLoop: spyOn(SchematicsPromptSession_1.SchematicsPromptSession.prototype, "chooseActionLoop")
                 .and.returnValue(Promise.resolve(true)),
-            getProjectLibrary: spyOn(SchematicsPromptSession_1.SchematicsPromptSession.prototype, "getProjectLibrary")
+            getProjectLibraryByType: spyOn(SchematicsPromptSession_1.SchematicsPromptSession.prototype, "getProjectLibraryByType")
                 .and.returnValue((Promise.resolve(mockLibrary))),
             getProjectTemplate: spyOn(SchematicsPromptSession_1.SchematicsPromptSession.prototype, "getProjectTemplate")
                 .and.returnValue(Promise.resolve(mockProject)),
@@ -100,7 +100,7 @@ describe("Schematics ng-new", () => {
             themes: ["custom"]
         };
         const mockSession = {
-            getProjectLibrary: spyOn(SchematicsPromptSession_1.SchematicsPromptSession.prototype, "getProjectLibrary")
+            getProjectLibraryByType: spyOn(SchematicsPromptSession_1.SchematicsPromptSession.prototype, "getProjectLibraryByType")
                 .and.returnValue((Promise.resolve(mockLibrary)))
         };
         const userAnswers = new Map();

package/src/ng-new/schema.d.ts

@@ -12,4 +12,5 @@ export declare abstract class OptionsSchema {
     skipInstall: boolean;
     theme: string;
     template: string;
+    type: string;
 }

package/src/ng-new/schema.json

@@ -40,6 +40,12 @@
     "template": {
       "description": "Project template.",
       "type": "string"
+    },
+    "type": {
+        "description": "Project type.",
+        "type": "string",
+        "alias": "t",
+        "default": "igx-ts"
     }
   },
   "required": [

package/src/prompt/SchematicsPromptSession.d.ts

@@ -9,6 +9,7 @@ export declare class SchematicsPromptSession extends BasePromptSession {
     setContext(context: SchematicContext, tree: Tree, projectName: string): void;
     getUserInput(options: IUserInputOptions, withBackChoice?: boolean): Promise<string>;
     getProjectLibrary(framework: Framework): Promise<ProjectLibrary>;
+    getProjectLibraryByType(framework: Framework, type: string): Promise<ProjectLibrary>;
     getProjectTemplate(projectLibrary: ProjectLibrary): Promise<ProjectTemplate>;
     getTheme(projectLibrary: ProjectLibrary): Promise<string>;
     nameIsValid(name: string, checkFolder?: boolean): boolean;

package/src/prompt/SchematicsPromptSession.js

@@ -39,6 +39,16 @@ class SchematicsPromptSession extends cli_core_1.BasePromptSession {
             return _super.getProjectLibrary.call(this, framework);
         });
     }
+    getProjectLibraryByType(framework, type) {
+        const _super = Object.create(null, {
+            getProjectLibrary: { get: () => super.getProjectLibrary }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            type = type === "igx-ts" || type === "igx-ts-legacy" ? type : "igx-ts";
+            framework.projectLibraries = [framework.projectLibraries.find(lib => lib.projectType === type)];
+            return _super.getProjectLibrary.call(this, framework);
+        });
+    }
     getProjectTemplate(projectLibrary) {
         const _super = Object.create(null, {
             getProjectTemplate: { get: () => super.getProjectTemplate }