igniteui-cli 14.0.0-alpha.2 → 14.0.0-alpha.4

package/lib/templates/IgniteUIForReactTemplate.js

@@ -62,6 +62,12 @@ class IgniteUIForReactTemplate {
                     redirectTo: options.path,
                 });
             }
+            routingModule.addRoute({
+                path: this.fileName(name),
+                element: cli_core_1.Util.className(name),
+                text: cli_core_1.Util.nameFromPath(name)
+            }, false // multiline
+            );
             if (options.hasChildren) {
                 const child = {
                     identifierName: cli_core_1.ROUTES_VARIABLE_NAME,
@@ -70,13 +76,6 @@ class IgniteUIForReactTemplate {
                 };
                 routingModule.addChildRoute(this.fileName(name), child, true);
             }
-            else {
-                routingModule.addRoute({
-                    path: this.fileName(name),
-                    element: cli_core_1.Util.className(name),
-                    text: cli_core_1.Util.nameFromPath(name)
-                }, false);
-            }
             routingModule.finalize();
         }
     }

package/lib/templates/IgniteUIForWebComponentsTemplate.js

@@ -31,37 +31,35 @@ class IgniteUIForWebComponentsTemplate {
             return;
         }
         const routeModulePath = options.parentRoutingModulePath;
-        const routingModule = new WebComponentsTypeScriptFileUpdate_1.WebComponentsTypeScriptFileUpdate(path.join(projectPath, routeModulePath), { convertTabsToSpaces: true, indentSize: 4, singleQuotes: true });
+        const routingModule = new WebComponentsTypeScriptFileUpdate_1.WebComponentsTypeScriptFileUpdate(path.join(projectPath, routeModulePath), { convertTabsToSpaces: true, indentSize: 2, singleQuotes: true });
         if (!(options && options.skipRoute) &&
             cli_core_1.App.container.get(cli_core_1.FS_TOKEN).fileExists(routeModulePath)) {
+            const modulePath = `./${cli_core_1.Util.lowerDashed(fullName)}/${cli_core_1.Util.lowerDashed(fullName)}-routing`;
+            const child = {
+                identifierName: cli_core_1.ROUTES_VARIABLE_NAME,
+                aliasName: options.routerChildren,
+                modulePath
+            };
             if (defaultPath) {
                 routingModule.addRoute({
                     path: "",
                     redirectTo: options.selector,
                     name: cli_core_1.Util.nameFromPath(fullName)
                 });
+                if (options.hasChildren) {
+                    routingModule.addChildRoute("", child, true);
+                }
             }
-            const modulePath = `./${cli_core_1.Util.lowerDashed(fullName)}/${cli_core_1.Util.lowerDashed(fullName)}-routing`;
+            routingModule.addRoute({
+                path: this.fileName(fullName),
+                identifierName: options.selector,
+                name: cli_core_1.Util.nameFromPath(fullName)
+            }, false // multiline
+            );
             if (options.hasChildren) {
-                const child = {
-                    identifierName: cli_core_1.ROUTES_VARIABLE_NAME,
-                    aliasName: options.routerChildren,
-                    modulePath
-                };
                 routingModule.addChildRoute(this.fileName(fullName), child, true);
             }
-            else {
-                routingModule.addRoute({
-                    path: this.fileName(fullName),
-                    identifierName: options.selector,
-                    name: cli_core_1.Util.nameFromPath(fullName)
-                }, false // multiline
-                );
-            }
-            const content = routingModule.finalize();
-            if (content) {
-                cli_core_1.TypeScriptUtils.saveFile(routeModulePath, content);
-            }
+            routingModule.finalize();
         }
     }
     getExtraConfiguration() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-cli",
-  "version": "14.0.0-alpha.2",
+  "version": "14.0.0-alpha.4",
   "description": "CLI tool for creating Ignite UI projects",
   "keywords": [
     "CLI",
@@ -72,8 +72,8 @@
     "all": true
   },
   "dependencies": {
-    "@igniteui/angular-templates": "~18.0.1400-alpha.2",
-    "@igniteui/cli-core": "~14.0.0-alpha.2",
+    "@igniteui/angular-templates": "~18.0.1400-alpha.4",
+    "@igniteui/cli-core": "~14.0.0-alpha.4",
     "chalk": "^2.3.2",
     "fs-extra": "^3.0.1",
     "glob": "^7.1.2",

package/templates/react/ReactTypeScriptFileUpdate.js

@@ -22,7 +22,7 @@ class ReactTypeScriptFileUpdate extends cli_core_1.TypeScriptFileUpdate {
         }
         const structure = this.buildRouteStructure(_route, multiline);
         const newRoute = this.astTransformer.createObjectLiteralExpression(structure, multiline);
-        this.astTransformer.requestNewMembersInArrayLiteral((0, cli_core_1.RoutesVariableAsParentCondition)(this.astTransformer), [newRoute], prepend, anchorElement);
+        this.astTransformer.requestNewMembersInArrayLiteral((0, cli_core_1.variableAsParentCondition)(this.astTransformer, cli_core_1.ROUTES_VARIABLE_NAME), [newRoute], prepend, anchorElement);
     }
     //#endregion
     //#region Overrides

package/templates/webcomponents/WebComponentsTypeScriptFileUpdate.js

@@ -17,7 +17,7 @@ class WebComponentsTypeScriptFileUpdate extends cli_core_1.TypeScriptFileUpdate
         }
         const structure = this.buildRouteStructure(route, multiline);
         const newRoute = this.astTransformer.createObjectLiteralExpression(structure, multiline);
-        this.astTransformer.requestNewMembersInArrayLiteral((0, cli_core_1.RoutesVariableAsParentCondition)(this.astTransformer), [newRoute], prepend, anchorElement);
+        this.astTransformer.requestNewMembersInArrayLiteral((0, cli_core_1.variableAsParentCondition)(this.astTransformer, cli_core_1.ROUTES_VARIABLE_NAME), [newRoute], prepend, anchorElement);
     }
     //#endregion
     //#region Overrides

package/templates/webcomponents/igc-ts/banner/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -0,0 +1,9 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path).js';
+
+describe('IgcBannerComponent', () => {
+  it('<app-$(path)> is an instance of $(ClassName)', async () => {
+    const element = document.createElement('app-$(path)');
+    expect(element).to.be.instanceOf($(ClassName));
+  });
+});

package/templates/webcomponents/igc-ts/banner/default/files/src/app/__path__/__filePrefix__.ts

@@ -0,0 +1,19 @@
+import { html, LitElement } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import {
+  defineComponents,
+  IgcBannerComponent,
+} from 'igniteui-webcomponents';
+
+defineComponents(IgcBannerComponent);
+
+@customElement('app-$(path)')
+export default class $(ClassName) extends LitElement {
+  render() {
+    return html`
+      <igc-banner id="banner" .open=${open}>
+        You are currently not logged in! Please, log into your account first.
+      </igc-banner>
+    `;
+  }
+}

package/templates/webcomponents/igc-ts/banner/default/index.d.ts

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

package/templates/webcomponents/igc-ts/banner/default/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const IgniteUIForWebComponentsTemplate_1 = require("../../../../../lib/templates/IgniteUIForWebComponentsTemplate");
+class IgcBannerTemplate extends IgniteUIForWebComponentsTemplate_1.IgniteUIForWebComponentsTemplate {
+    constructor() {
+        super(__dirname);
+        this.components = ["Banner"];
+        this.controlGroup = "Notifications";
+        this.listInComponentTemplates = true;
+        this.id = "banner";
+        this.projectType = "igc-ts";
+        this.name = "Banner";
+        this.description = "basic IgcBanner";
+    }
+    addClassDeclaration(mainModule, projPath, name, modulePath) {
+        // not applicable with custom module
+    }
+}
+module.exports = new IgcBannerTemplate();

package/templates/webcomponents/igc-ts/banner/index.d.ts

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

package/templates/webcomponents/igc-ts/banner/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const cli_core_1 = require("@igniteui/cli-core");
+class IgcBannerComponent extends cli_core_1.BaseComponent {
+    /**
+     *
+     */
+    constructor() {
+        super(__dirname);
+        this.name = "Banner";
+        this.group = "Notifications";
+        this.description = `Customizable banner component`;
+    }
+}
+module.exports = new IgcBannerComponent();

package/templates/webcomponents/igc-ts/date-picker/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -0,0 +1,9 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path).js';
+
+describe('IgcAvatarComponent', () => {
+  it('<app-$(path)> is an instance of $(ClassName)', async () => {
+    const element = document.createElement('app-$(path)');
+    expect(element).to.be.instanceOf($(ClassName));
+  });
+});

package/templates/webcomponents/igc-ts/date-picker/default/files/src/app/__path__/__filePrefix__.ts

@@ -0,0 +1,18 @@
+import { html, LitElement } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import {
+  defineComponents,
+  IgcDatePickerComponent,
+} from 'igniteui-webcomponents';
+
+defineComponents(IgcDatePickerComponent);
+
+@customElement('app-$(path)')
+export default class $(ClassName) extends LitElement {
+  render() {
+    return html`
+      <igc-date-picker>
+      </igc-date-picker>
+    `;
+  }
+}

package/templates/webcomponents/igc-ts/date-picker/default/index.d.ts

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

package/templates/webcomponents/igc-ts/date-picker/default/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const IgniteUIForWebComponentsTemplate_1 = require("../../../../../lib/templates/IgniteUIForWebComponentsTemplate");
+class IgcDatePickerTemplate extends IgniteUIForWebComponentsTemplate_1.IgniteUIForWebComponentsTemplate {
+    constructor() {
+        super(__dirname);
+        this.components = ["DatePicker"];
+        this.controlGroup = "Scheduling";
+        this.listInComponentTemplates = true;
+        this.id = "date-picker";
+        this.projectType = "igc-ts";
+        this.name = "Date Picker";
+        this.description = "basic IgcDatePicker";
+    }
+    addClassDeclaration(mainModule, projPath, name, modulePath) {
+        // not applicable with custom module
+    }
+}
+module.exports = new IgcDatePickerTemplate();

package/templates/webcomponents/igc-ts/date-picker/index.d.ts

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

package/templates/webcomponents/igc-ts/date-picker/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const cli_core_1 = require("@igniteui/cli-core");
+class IgcDatePickerComponent extends cli_core_1.BaseComponent {
+    /**
+     *
+     */
+    constructor() {
+        super(__dirname);
+        this.name = "DatePicker";
+        this.group = "Scheduling";
+        this.description = `Basic date picker component`;
+    }
+}
+module.exports = new IgcDatePickerComponent();

package/templates/webcomponents/igc-ts/divider/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -0,0 +1,9 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path).js';
+
+describe('IgcDividerComponent', () => {
+  it('<app-$(path)> is an instance of $(ClassName)', async () => {
+    const element = document.createElement('app-$(path)');
+    expect(element).to.be.instanceOf($(ClassName));
+  });
+});

package/templates/webcomponents/igc-ts/divider/default/files/src/app/__path__/__filePrefix__.ts

@@ -0,0 +1,19 @@
+import { html, LitElement } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import {
+  defineComponents,
+  IgcDividerComponent,
+} from 'igniteui-webcomponents';
+
+defineComponents(IgcDividerComponent);
+
+@customElement('app-$(path)')
+export default class $(ClassName) extends LitElement {
+  render() {
+    return html`
+      <p>First paragraph</p>
+      <igc-divider ?middle=true type=solid></igc-divider>
+      <p>Second paragraph</p>
+    `;
+  }
+}

package/templates/webcomponents/igc-ts/divider/default/index.d.ts

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

package/templates/webcomponents/igc-ts/divider/default/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const IgniteUIForWebComponentsTemplate_1 = require("../../../../../lib/templates/IgniteUIForWebComponentsTemplate");
+class IgcDividerTemplate extends IgniteUIForWebComponentsTemplate_1.IgniteUIForWebComponentsTemplate {
+    constructor() {
+        super(__dirname);
+        this.components = ["Divider"];
+        this.controlGroup = "Data Entry & Display";
+        this.listInComponentTemplates = true;
+        this.id = "divider";
+        this.projectType = "igc-ts";
+        this.name = "Divider";
+        this.description = "basic IgcDivider";
+    }
+    addClassDeclaration(mainModule, projPath, name, modulePath) {
+        // not applicable with custom module
+    }
+}
+module.exports = new IgcDividerTemplate();

package/templates/webcomponents/igc-ts/divider/index.d.ts

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

package/templates/webcomponents/igc-ts/divider/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const cli_core_1 = require("@igniteui/cli-core");
+class IgcDividerComponent extends cli_core_1.BaseComponent {
+    /**
+     *
+     */
+    constructor() {
+        super(__dirname);
+        this.name = "Divider";
+        this.group = "Data Entry & Display";
+        this.description = `Customizable divider component`;
+    }
+}
+module.exports = new IgcDividerComponent();

package/templates/webcomponents/igc-ts/groups.json

@@ -6,6 +6,7 @@
   "Scheduling": "",
   "Layouts": "",
   "Charts": "",
-  "Gauges": ""
+  "Gauges": "",
+  "Notifications": ""
 }
 

package/templates/webcomponents/igc-ts/projects/_base/files/package.json

@@ -23,7 +23,7 @@
     "@vaadin/router": "^1.7.4",
     "lit": "^3.1.2",
     "typescript": "^5.3.3",
-    "igniteui-webcomponents": "~4.9.0"
+    "igniteui-webcomponents": "~4.11.0"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.20.2",
@@ -49,6 +49,7 @@
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-workbox": "^8.1.0",
     "source-map": "^0.7.4",
-    "tslib": "^2.6.2"
+    "tslib": "^2.6.2",
+    "@types/mocha": "^10.0.6"
   }
 }

package/templates/webcomponents/igc-ts/projects/_base_with_home/files/package.json

@@ -23,7 +23,7 @@
     "@vaadin/router": "^1.7.4",
     "@igniteui/material-icons-extended": "^3.0.2",
     "igniteui-dockmanager": "~1.14.3",
-    "igniteui-webcomponents": "~4.9.0",
+    "igniteui-webcomponents": "~4.11.0",
     "igniteui-webcomponents-charts": "~4.8.0",
     "igniteui-webcomponents-core": "~4.8.0",
     "igniteui-webcomponents-gauges": "~4.8.0",
@@ -57,6 +57,7 @@
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-workbox": "^8.1.0",
     "source-map": "^0.7.4",
-    "tslib": "^2.6.2"
+    "tslib": "^2.6.2",
+    "@types/mocha": "^10.0.6"
   }
 }