@spartan-ng/cli 0.0.1-alpha.492 → 0.0.1-alpha.494

package/generators.json

@@ -54,6 +54,11 @@
 			"factory": "./src/generators/migrate-helm-libraries/generator",
 			"schema": "./src/generators/migrate-helm-libraries/schema.json",
 			"description": "Migrate Helm libraries to their latest versions"
+		},
+		"migrate-naming-conventions": {
+			"factory": "./src/generators/migrate-naming-convention/generator",
+			"schema": "./src/generators/migrate-naming-convention/schema.json",
+			"description": "Migrate naming conventions to the latest standards"
 		}
 	},
 	"schematics": {
@@ -111,6 +116,11 @@
 			"factory": "./src/generators/migrate-helm-libraries/compat",
 			"schema": "./src/generators/migrate-helm-libraries/schema.json",
 			"description": "Migrate Helm libraries to their latest versions"
+		},
+		"migrate-naming-conventions": {
+			"factory": "./src/generators/migrate-naming-convention/compat",
+			"schema": "./src/generators/migrate-naming-convention/schema.json",
+			"description": "Migrate naming conventions to the latest standards"
 		}
 	}
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spartan-ng/cli",
-  "version": "0.0.1-alpha.492",
+  "version": "0.0.1-alpha.494",
   "type": "commonjs",
   "dependencies": {
     "@nx/angular": ">=20.0.0",

package/src/generators/healthcheck/generator.js

@@ -11,6 +11,7 @@ const helm_imports_1 = require("./healthchecks/helm-imports");
 const hlm_icon_1 = require("./healthchecks/hlm-icon");
 const hlm_scroll_area_1 = require("./healthchecks/hlm-scroll-area");
 const hlm_select_1 = require("./healthchecks/hlm-select");
+const naming_conventions_1 = require("./healthchecks/naming-conventions");
 const version_1 = require("./healthchecks/version");
 const prompt_1 = require("./utils/prompt");
 const reporter_1 = require("./utils/reporter");
@@ -27,6 +28,7 @@ async function healthcheckGenerator(tree, options) {
         hlm_select_1.selectHealthcheck,
         brn_toggle_group_1.brainToggleHealthcheck,
         helm_imports_1.helmImportsHealthcheck,
+        naming_conventions_1.namingConventionHealthcheck,
     ];
     const failedReports = [];
     for (const healthcheck of healthchecks) {

package/src/generators/healthcheck/generator.js.map

@@ -1 +1 @@
-{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/generators/healthcheck/generator.ts"],"names":[],"mappings":";;AAgBA,oDAuCC;AAvDD,uCAAuD;AACvD,iDAAyG;AACzG,gEAAuE;AACvE,wDAAiE;AACjE,sEAAyE;AACzE,8DAAqE;AACrE,8DAAqE;AACrE,sDAA8D;AAC9D,oEAAuE;AACvE,0DAA8D;AAC9D,oDAA4D;AAE5D,2CAA4C;AAC5C,+CAA+C;AAC/C,2CAAgD;AAEzC,KAAK,UAAU,oBAAoB,CAAC,IAAU,EAAE,OAA8D;IACpH,eAAM,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC;IAEvC,MAAM,YAAY,GAAkB;QACnC,4BAAkB;QAClB,uCAAuB;QACvB,qCAAsB;QACtB,8BAAmB;QACnB,uCAAqB;QACrB,iCAAqB;QACrB,8BAAiB;QACjB,yCAAsB;QACtB,qCAAsB;KACtB,CAAC;IAEF,MAAM,aAAa,GAAwB,EAAE,CAAC;IAE9C,KAAK,MAAM,WAAW,IAAI,YAAY,EAAE,CAAC;QACxC,MAAM,MAAM,GAAG,MAAM,IAAA,uBAAc,EAAC,IAAI,EAAE,WAAW,CAAC,CAAC;QACvD,IAAA,sBAAW,EAAC,MAAM,CAAC,CAAC;QAEpB,IAAI,MAAM,CAAC,MAAM,KAAK,gCAAiB,CAAC,OAAO,EAAE,CAAC;YACjD,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC5B,CAAC;IACF,CAAC;IAED,KAAK,MAAM,MAAM,IAAI,aAAa,EAAE,CAAC;QACpC,IAAI,MAAM,CAAC,OAAO,IAAI,IAAA,mCAAoB,EAAC,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC;YAChE,MAAM,GAAG,GAAG,OAAO,CAAC,OAAO,IAAI,CAAC,MAAM,IAAA,mBAAU,EAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;YAE7E,IAAI,GAAG,EAAE,CAAC;gBACT,MAAM,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,UAAU,EAAE,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;YACxE,CAAC;QACF,CAAC;IACF,CAAC;IAED,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;QACzB,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;IACzB,CAAC;AACF,CAAC;AAED,kBAAe,oBAAoB,CAAC"}
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/generators/healthcheck/generator.ts"],"names":[],"mappings":";;AAiBA,oDAwCC;AAzDD,uCAAuD;AACvD,iDAAyG;AACzG,gEAAuE;AACvE,wDAAiE;AACjE,sEAAyE;AACzE,8DAAqE;AACrE,8DAAqE;AACrE,sDAA8D;AAC9D,oEAAuE;AACvE,0DAA8D;AAC9D,0EAAgF;AAChF,oDAA4D;AAE5D,2CAA4C;AAC5C,+CAA+C;AAC/C,2CAAgD;AAEzC,KAAK,UAAU,oBAAoB,CAAC,IAAU,EAAE,OAA8D;IACpH,eAAM,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC;IAEvC,MAAM,YAAY,GAAkB;QACnC,4BAAkB;QAClB,uCAAuB;QACvB,qCAAsB;QACtB,8BAAmB;QACnB,uCAAqB;QACrB,iCAAqB;QACrB,8BAAiB;QACjB,yCAAsB;QACtB,qCAAsB;QACtB,gDAA2B;KAC3B,CAAC;IAEF,MAAM,aAAa,GAAwB,EAAE,CAAC;IAE9C,KAAK,MAAM,WAAW,IAAI,YAAY,EAAE,CAAC;QACxC,MAAM,MAAM,GAAG,MAAM,IAAA,uBAAc,EAAC,IAAI,EAAE,WAAW,CAAC,CAAC;QACvD,IAAA,sBAAW,EAAC,MAAM,CAAC,CAAC;QAEpB,IAAI,MAAM,CAAC,MAAM,KAAK,gCAAiB,CAAC,OAAO,EAAE,CAAC;YACjD,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC5B,CAAC;IACF,CAAC;IAED,KAAK,MAAM,MAAM,IAAI,aAAa,EAAE,CAAC;QACpC,IAAI,MAAM,CAAC,OAAO,IAAI,IAAA,mCAAoB,EAAC,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC;YAChE,MAAM,GAAG,GAAG,OAAO,CAAC,OAAO,IAAI,CAAC,MAAM,IAAA,mBAAU,EAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;YAE7E,IAAI,GAAG,EAAE,CAAC;gBACT,MAAM,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,UAAU,EAAE,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;YACxE,CAAC;QACF,CAAC;IACF,CAAC;IAED,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;QACzB,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;IACzB,CAAC;AACF,CAAC;AAED,kBAAe,oBAAoB,CAAC"}

package/src/generators/healthcheck/healthchecks/brn-radio.js

@@ -13,7 +13,7 @@ exports.brainRadioHealthcheck = {
                 return;
             }
             // if it is the HlmRadioComponent itself skip it.
-            if (file.endsWith('hlm-radio.component.ts')) {
+            if (file.endsWith('hlm-radio.component.ts') || file.endsWith('hlm-radio.ts')) {
                 return;
             }
             const contents = tree.read(file, 'utf-8');

package/src/generators/healthcheck/healthchecks/brn-radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"brn-radio.js","sourceRoot":"","sources":["../../../../../../../libs/cli/src/generators/healthcheck/healthchecks/brn-radio.ts"],"names":[],"mappings":";;;AAAA,uCAAkD;AAClD,6DAAsE;AACtE,kDAAmE;AAEtD,QAAA,qBAAqB,GAAgB;IACjD,IAAI,EAAE,aAAa;IACnB,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO;QACzB,IAAA,6BAAoB,EAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;YACxC,4DAA4D;YAC5D,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;gBACtD,OAAO;YACR,CAAC;YACD,iDAAiD;YACjD,IAAI,IAAI,CAAC,QAAQ,CAAC,wBAAwB,CAAC,EAAE,CAAC;gBAC7C,OAAO;YACR,CAAC;YAED,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YAE1C,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACf,OAAO;YACR,CAAC;YAED,IAAI,QAAQ,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC;gBACrC,OAAO,CACN,8EAA8E,EAC9E,kCAAmB,CAAC,KAAK,EACzB,IAAI,CACJ,CAAC;YACH,CAAC;QACF,CAAC,CAAC,CAAC;IACJ,CAAC;IACD,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;QACnB,MAAM,IAAA,iCAAqB,EAAC,IAAI,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;QACxD,OAAO,IAAI,CAAC;IACb,CAAC;IACD,MAAM,EAAE,wCAAwC;CAChD,CAAC"}
+{"version":3,"file":"brn-radio.js","sourceRoot":"","sources":["../../../../../../../libs/cli/src/generators/healthcheck/healthchecks/brn-radio.ts"],"names":[],"mappings":";;;AAAA,uCAAkD;AAClD,6DAAsE;AACtE,kDAAmE;AAEtD,QAAA,qBAAqB,GAAgB;IACjD,IAAI,EAAE,aAAa;IACnB,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO;QACzB,IAAA,6BAAoB,EAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;YACxC,4DAA4D;YAC5D,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;gBACtD,OAAO;YACR,CAAC;YACD,iDAAiD;YACjD,IAAI,IAAI,CAAC,QAAQ,CAAC,wBAAwB,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC;gBAC9E,OAAO;YACR,CAAC;YAED,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YAE1C,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACf,OAAO;YACR,CAAC;YAED,IAAI,QAAQ,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC;gBACrC,OAAO,CACN,8EAA8E,EAC9E,kCAAmB,CAAC,KAAK,EACzB,IAAI,CACJ,CAAC;YACH,CAAC;QACF,CAAC,CAAC,CAAC;IACJ,CAAC;IACD,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;QACnB,MAAM,IAAA,iCAAqB,EAAC,IAAI,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;QACxD,OAAO,IAAI,CAAC;IACb,CAAC;IACD,MAAM,EAAE,wCAAwC;CAChD,CAAC"}

package/src/generators/healthcheck/healthchecks/naming-conventions.d.ts

@@ -0,0 +1,2 @@
+import { Healthcheck } from '../healthchecks';
+export declare const namingConventionHealthcheck: Healthcheck;

package/src/generators/healthcheck/healthchecks/naming-conventions.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.namingConventionHealthcheck = void 0;
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+const tsquery_1 = require("@phenomnomnominal/tsquery");
+const generator_1 = tslib_1.__importDefault(require("../../migrate-naming-convention/generator"));
+const healthchecks_1 = require("../healthchecks");
+exports.namingConventionHealthcheck = {
+    name: 'Naming Conventions',
+    async detect(tree, failure) {
+        (0, devkit_1.visitNotIgnoredFiles)(tree, '/', (file) => {
+            // if the file is a .ts file check for old naming conventions
+            if (!file.endsWith('.ts')) {
+                return;
+            }
+            // check if there are any brain or helm identifiers that ends with Directive or Component
+            const contents = tree.read(file, 'utf-8');
+            if (!contents) {
+                return;
+            }
+            const identifiers = tsquery_1.tsquery.query(contents, 'Identifier');
+            for (const identifier of identifiers) {
+                const name = identifier.getText();
+                const startsWithPrefix = name.startsWith('Hlm') || name.startsWith('Brn');
+                const endsWithSuffix = name.endsWith('Directive') || name.endsWith('Component');
+                if (startsWithPrefix && endsWithSuffix) {
+                    failure(`Found legacy naming pattern: ${name} in file ${file}. Consider renaming it to match the new conventions.`, healthchecks_1.HealthcheckSeverity.Warning, true);
+                }
+            }
+        });
+    },
+    fix: async (tree) => {
+        await (0, generator_1.default)(tree, { skipFormat: true });
+        return true;
+    },
+    prompt: 'Would you like to migrate to the updated naming conventions?',
+};
+//# sourceMappingURL=naming-conventions.js.map

package/src/generators/healthcheck/healthchecks/naming-conventions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"naming-conventions.js","sourceRoot":"","sources":["../../../../../../../libs/cli/src/generators/healthcheck/healthchecks/naming-conventions.ts"],"names":[],"mappings":";;;;AAAA,uCAAkD;AAClD,uDAAoD;AAEpD,kGAAyF;AACzF,kDAAmE;AAEtD,QAAA,2BAA2B,GAAgB;IACvD,IAAI,EAAE,oBAAoB;IAC1B,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO;QACzB,IAAA,6BAAoB,EAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;YACxC,6DAA6D;YAC7D,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC3B,OAAO;YACR,CAAC;YAED,yFAAyF;YACzF,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YAC1C,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACf,OAAO;YACR,CAAC;YAED,MAAM,WAAW,GAAG,iBAAO,CAAC,KAAK,CAAgB,QAAQ,EAAE,YAAY,CAAC,CAAC;YAEzE,KAAK,MAAM,UAAU,IAAI,WAAW,EAAE,CAAC;gBACtC,MAAM,IAAI,GAAG,UAAU,CAAC,OAAO,EAAE,CAAC;gBAElC,MAAM,gBAAgB,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;gBAC1E,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;gBAEhF,IAAI,gBAAgB,IAAI,cAAc,EAAE,CAAC;oBACxC,OAAO,CACN,gCAAgC,IAAI,YAAY,IAAI,sDAAsD,EAC1G,kCAAmB,CAAC,OAAO,EAC3B,IAAI,CACJ,CAAC;gBACH,CAAC;YACF,CAAC;QACF,CAAC,CAAC,CAAC;IACJ,CAAC;IACD,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;QACnB,MAAM,IAAA,mBAAgC,EAAC,IAAI,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;QACnE,OAAO,IAAI,CAAC;IACb,CAAC;IACD,MAAM,EAAE,8DAA8D;CACtE,CAAC"}

package/src/generators/migrate-naming-convention/__snapshots__/generator.spec.ts.snap

@@ -0,0 +1,213 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`migrate-naming-conventions generator should not replace helm identifiers 1`] = `
+"import { Component } from '@angular/core';
+import { NgIcon } from '@ng-icons/core';
+import {
+	HlmAccordionContent,
+	HlmAccordion,
+	HlmAccordionIcon,
+	HlmAccordionItem,
+	HlmAccordionTrigger,
+} from '@spartan-ng/helm/accordion';
+import { HlmIcon } from '@spartan-ng/helm/icon';
+
+@Component({
+	selector: 'spartan-accordion-preview',
+	imports: [
+		HlmAccordion,
+		HlmAccordionItem,
+		HlmAccordionTrigger,
+		HlmAccordionIcon,
+		HlmAccordionContent,
+		NgIcon,
+		HlmIcon,
+	],
+	template: \`
+		<div hlmAccordion>
+			<div hlmAccordionItem>
+				<button hlmAccordionTrigger>
+					Product Information
+					<ng-icon name="lucideChevronDown" hlm hlmAccIcon />
+				</button>
+				<hlm-accordion-content>
+					Our flagship product combines cutting-edge technology with sleek design. Built with premium materials, it
+					offers unparalleled performance and reliability.
+
+					<br />
+					<br />
+
+					Key features include advanced processing capabilities, and an intuitive user interface designed for both
+					beginners and experts.
+				</hlm-accordion-content>
+			</div>
+
+			<div hlmAccordionItem>
+				<button hlmAccordionTrigger>
+					Shipping Details
+					<ng-icon name="lucideChevronDown" hlm hlmAccIcon />
+				</button>
+				<hlm-accordion-content>
+					We offer worldwide shipping through trusted courier partners. Standard delivery takes 3-5 business days, while
+					express shipping ensures delivery within 1-2 business days.
+
+					<br />
+					<br />
+					All orders are carefully packaged and fully insured. Track your shipment in real-time through our dedicated
+					tracking portal.
+				</hlm-accordion-content>
+			</div>
+
+			<div hlmAccordionItem>
+				<button hlmAccordionTrigger>
+					Return Policy
+					<ng-icon name="lucideChevronDown" hlm hlmAccIcon />
+				</button>
+				<hlm-accordion-content>
+					We stand behind our products with a comprehensive 30-day return policy. If you're not completely satisfied,
+					simply return the item in its original condition.
+					<br />
+					<br />
+					Our hassle-free return process includes free return shipping and full refunds processed within 48 hours of
+					receiving the returned item.
+				</hlm-accordion-content>
+			</div>
+		</div>
+	\`,
+})
+export class AccordionPreviewComponent {}"
+`;
+
+exports[`migrate-naming-conventions generator should rename the identifiers that changed name 1`] = `
+"import { Component } from '@angular/core';
+import { BrnTooltipContentTemplate } from '@spartan-ng/brain/tooltip';
+import {HlmMenuItemRadioIndicator} from '@spartan-ng/helm/menu';
+import { BrnSelectValueTemplate } from '@spartan-ng/brain/select';
+
+@Component({
+	selector: 'spartan-tooltip-preview',
+	imports: [BrnTooltipContentTemplate, HlmMenuItemRadioIndicator, BrnSelectValueTemplate],
+	template: \`
+		<brn-tooltip>
+			<button brnTooltipTrigger>Hover me</button>
+			<brn-tooltip-content>
+				<p>This is a tooltip!</p>
+			</brn-tooltip-content>
+		</brn-tooltip>
+	\`,
+})
+export class TooltipPreviewComponent {}"
+`;
+
+exports[`migrate-naming-conventions generator should replace brain identifiers 1`] = `
+"
+import { Component, signal } from '@angular/core';
+import { NgIcon, provideIcons } from '@ng-icons/core';
+import { lucideCheck, lucideChevronsUpDown, lucideSearch } from '@ng-icons/lucide';
+import { BrnCommandImports } from '@spartan-ng/brain/command';
+import { BrnPopover, BrnPopoverContent, BrnPopoverTrigger } from '@spartan-ng/brain/popover';
+import { HlmButton } from '@spartan-ng/helm/button';
+import { HlmCommandImports } from '@spartan-ng/helm/command';
+import { HlmIcon } from '@spartan-ng/helm/icon';
+import { HlmPopoverContent } from '@spartan-ng/helm/popover';
+
+type Framework = { label: string; value: string };
+
+@Component({
+	selector: 'spartan-combobox-preview',
+	imports: [
+		BrnCommandImports,
+		HlmCommandImports,
+		NgIcon,
+		HlmIcon,
+		HlmButton,
+		BrnPopover,
+		BrnPopoverTrigger,
+		HlmPopoverContent,
+		BrnPopoverContent,
+	],
+	providers: [provideIcons({ lucideChevronsUpDown, lucideSearch, lucideCheck })],
+	template: \`
+		<brn-popover [state]="state()" (stateChanged)="stateChanged($event)" sideOffset="5">
+			<button
+				class="w-[200px] justify-between"
+				id="edit-profile"
+				variant="outline"
+				brnPopoverTrigger
+				(click)="state.set('open')"
+				hlmBtn
+			>
+				{{ currentFramework() ? currentFramework()?.label : 'Select framework...' }}
+				<ng-icon hlm size="sm" name="lucideChevronsUpDown" class="opacity-50" />
+			</button>
+			<hlm-command *brnPopoverContent="let ctx" hlmPopoverContent class="w-[200px] p-0">
+				<hlm-command-search>
+					<ng-icon hlm name="lucideSearch" />
+					<input placeholder="Search framework..." hlm-command-search-input />
+				</hlm-command-search>
+				<div *brnCommandEmpty hlmCommandEmpty>No results found.</div>
+				<hlm-command-list>
+					<hlm-command-group>
+						@for (framework of frameworks; track framework) {
+							<button hlm-command-item [value]="framework.value" (selected)="commandSelected(framework)">
+								<span>{{ framework.label }}</span>
+								<ng-icon
+									hlm
+									class="ml-auto"
+									[class.opacity-0]="currentFramework()?.value !== framework.value"
+									name="lucideCheck"
+									hlmCommandIcon
+								/>
+							</button>
+						}
+					</hlm-command-group>
+				</hlm-command-list>
+			</hlm-command>
+		</brn-popover>
+	\`,
+})
+export class ComboboxPreviewComponent {
+	public frameworks = [
+		{
+			label: 'AnalogJs',
+			value: 'analogjs',
+		},
+		{
+			label: 'Angular',
+			value: 'angular',
+		},
+		{
+			label: 'Vue',
+			value: 'vue',
+		},
+		{
+			label: 'Nuxt',
+			value: 'nuxt',
+		},
+		{
+			label: 'React',
+			value: 'react',
+		},
+		{
+			label: 'NextJs',
+			value: 'nextjs',
+		},
+	];
+	public currentFramework = signal<Framework | undefined>(undefined);
+	public state = signal<'closed' | 'open'>('closed');
+
+	stateChanged(state: 'open' | 'closed') {
+		this.state.set(state);
+	}
+
+	commandSelected(framework: Framework) {
+		this.state.set('closed');
+		if (this.currentFramework()?.value === framework.value) {
+			this.currentFramework.set(undefined);
+		} else {
+			this.currentFramework.set(framework);
+		}
+	}
+}
+"
+`;

package/src/generators/migrate-naming-convention/compat.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (generatorOptions: import("./schema").MigrateNamingConventionsGeneratorSchema) => (tree: any, context: any) => Promise<any>;
+export default _default;

package/src/generators/migrate-naming-convention/compat.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+const generator_1 = tslib_1.__importDefault(require("./generator"));
+exports.default = (0, devkit_1.convertNxGenerator)(generator_1.default);
+//# sourceMappingURL=compat.js.map

package/src/generators/migrate-naming-convention/compat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compat.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/generators/migrate-naming-convention/compat.ts"],"names":[],"mappings":";;;AAAA,uCAAgD;AAChD,oEAA2D;AAE3D,kBAAe,IAAA,2BAAkB,EAAC,mBAAgC,CAAC,CAAC"}

package/src/generators/migrate-naming-convention/generator.d.ts

@@ -0,0 +1,4 @@
+import { Tree } from '@nx/devkit';
+import { MigrateNamingConventionsGeneratorSchema } from './schema';
+export declare function migrateNamingConventionGenerator(tree: Tree, { skipFormat }: MigrateNamingConventionsGeneratorSchema): Promise<void>;
+export default migrateNamingConventionGenerator;

package/src/generators/migrate-naming-convention/generator.js

@@ -0,0 +1,97 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateNamingConventionGenerator = migrateNamingConventionGenerator;
+const devkit_1 = require("@nx/devkit");
+const tsquery_1 = require("@phenomnomnominal/tsquery");
+const visit_files_1 = require("../../utils/visit-files");
+async function migrateNamingConventionGenerator(tree, { skipFormat }) {
+    updateBrainIdentifiers(tree);
+    updateHelmIdentifiers(tree);
+    if (!skipFormat) {
+        await (0, devkit_1.formatFiles)(tree);
+    }
+}
+const renamedIdentifiers = {
+    BrnTooltipContentDirective: 'BrnTooltipContentTemplate',
+    BrnSelectValueDirective: 'BrnSelectValueTemplate',
+    HlmSelectValueDirective: 'HlmSelectValueTemplate',
+    HlmMenuItemRadioComponent: 'HlmMenuItemRadioIndicator',
+};
+/**
+ * Detect any imports from `@spartan-ng/brain/*` that need to be updated.
+ * Get the identifiers that need to be replaced, and then replace them.
+ */
+function updateBrainIdentifiers(tree) {
+    (0, visit_files_1.visitFiles)(tree, '/', (path) => {
+        if (!path.endsWith('.ts')) {
+            return;
+        }
+        let content = tree.read(path).toString('utf-8');
+        const importDeclarations = tsquery_1.tsquery.query(content, 'ImportDeclaration');
+        if (importDeclarations.length === 0) {
+            return;
+        }
+        const identifiersToReplace = [];
+        for (const importDeclaration of importDeclarations) {
+            const moduleSpecifier = importDeclaration.moduleSpecifier.getText();
+            if (moduleSpecifier.includes('@spartan-ng/brain/')) {
+                const identifiers = tsquery_1.tsquery.query(importDeclaration, 'Identifier');
+                // we only care about identifiers that end in 'Directive', 'Component'
+                for (const identifier of identifiers) {
+                    const identifierText = identifier.getText();
+                    if (identifierText.endsWith('Directive') || identifierText.endsWith('Component')) {
+                        identifiersToReplace.push(identifierText);
+                    }
+                }
+            }
+        }
+        // find all the identifiers in the file - we reverse the order to replace the exact identifiers based on position
+        const identifiers = tsquery_1.tsquery.query(content, 'Identifier').reverse();
+        for (const identifier of identifiers) {
+            if (!identifiersToReplace.includes(identifier.getText())) {
+                continue;
+            }
+            // determine the new identifier based on the old one, if it exists in the mapping use it, otherwise just remove
+            // the trailing 'Directive' or 'Component'
+            const oldIdentifier = identifier.getText();
+            const newIdentifier = renamedIdentifiers[oldIdentifier] || oldIdentifier.replace(/(Directive|Component)$/, '');
+            if (newIdentifier !== oldIdentifier) {
+                const start = identifier.getStart();
+                const end = identifier.getEnd();
+                content = content.slice(0, start) + newIdentifier + content.slice(end);
+            }
+        }
+        tree.write(path, content);
+    });
+}
+/**
+ * Helm identifiers are not necessarily just imports as the class declarations
+ * are defined in the users codebase so we need to update all identifiers that
+ * start with `Hlm` and end with `Directive` or `Component`.
+ * We also must check for known identifiers that have been renamed.
+ */
+function updateHelmIdentifiers(tree) {
+    (0, visit_files_1.visitFiles)(tree, '/', (path) => {
+        if (!path.endsWith('.ts')) {
+            return;
+        }
+        let content = tree.read(path).toString('utf-8');
+        const identifiers = tsquery_1.tsquery.query(content, 'Identifier').reverse();
+        const identifiersToReplace = [];
+        for (const identifier of identifiers) {
+            const identifierText = identifier.getText();
+            if (identifierText.startsWith('Hlm') &&
+                (identifierText.endsWith('Directive') || identifierText.endsWith('Component'))) {
+                identifiersToReplace.push(identifierText);
+            }
+        }
+        // replace all identifiers in the content
+        for (const oldIdentifier of identifiersToReplace) {
+            const newIdentifier = renamedIdentifiers[oldIdentifier] || oldIdentifier.replace(/(Directive|Component)$/, '');
+            content = content.replace(new RegExp(`\\b${oldIdentifier}\\b`, 'g'), newIdentifier);
+        }
+        tree.write(path, content);
+    });
+}
+exports.default = migrateNamingConventionGenerator;
+//# sourceMappingURL=generator.js.map

package/src/generators/migrate-naming-convention/generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/generators/migrate-naming-convention/generator.ts"],"names":[],"mappings":"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"}

package/src/generators/migrate-naming-convention/schema.d.ts

@@ -0,0 +1,3 @@
+export interface MigrateNamingConventionsGeneratorSchema {
+	skipFormat?: boolean;
+}

package/src/generators/migrate-naming-convention/schema.json

@@ -0,0 +1,14 @@
+{
+	"$schema": "http://json-schema.org/draft-07/schema",
+	"$id": "MigrateNamingConventionSchema",
+	"title": "",
+	"type": "object",
+	"properties": {
+		"skipFormat": {
+			"type": "boolean",
+			"default": false,
+			"description": "Skip formatting files"
+		}
+	},
+	"required": []
+}

package/src/generators/ui/libs/ui-accordion-helm/files/index.ts.template

@@ -1,23 +1,23 @@
 import { NgModule } from '@angular/core';
 
-import { HlmAccordionContentComponent } from './lib/hlm-accordion-content.component';
-import { HlmAccordionIconDirective } from './lib/hlm-accordion-icon.directive';
-import { HlmAccordionItemDirective } from './lib/hlm-accordion-item.directive';
-import { HlmAccordionTriggerDirective } from './lib/hlm-accordion-trigger.directive';
-import { HlmAccordionDirective } from './lib/hlm-accordion.directive';
+import { HlmAccordion } from './lib/hlm-accordion';
+import { HlmAccordionContent } from './lib/hlm-accordion-content';
+import { HlmAccordionIcon } from './lib/hlm-accordion-icon';
+import { HlmAccordionItem } from './lib/hlm-accordion-item';
+import { HlmAccordionTrigger } from './lib/hlm-accordion-trigger';
 
-export * from './lib/hlm-accordion-content.component';
-export * from './lib/hlm-accordion-icon.directive';
-export * from './lib/hlm-accordion-item.directive';
-export * from './lib/hlm-accordion-trigger.directive';
-export * from './lib/hlm-accordion.directive';
+export * from './lib/hlm-accordion';
+export * from './lib/hlm-accordion-content';
+export * from './lib/hlm-accordion-icon';
+export * from './lib/hlm-accordion-item';
+export * from './lib/hlm-accordion-trigger';
 
 export const HlmAccordionImports = [
-	HlmAccordionDirective,
-	HlmAccordionItemDirective,
-	HlmAccordionTriggerDirective,
-	HlmAccordionIconDirective,
-	HlmAccordionContentComponent,
+	HlmAccordion,
+	HlmAccordionItem,
+	HlmAccordionTrigger,
+	HlmAccordionIcon,
+	HlmAccordionContent,
 ] as const;
 
 @NgModule({

package/src/generators/ui/libs/ui-accordion-helm/files/lib/{hlm-accordion-content.component.ts.template → hlm-accordion-content.ts.template}

@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, input } from '@angular/core';
-import { BrnAccordionContentComponent } from '@spartan-ng/brain/accordion';
+import { BrnAccordionContent } from '@spartan-ng/brain/accordion';
 import { hlm } from '@spartan-ng/brain/core';
 import type { ClassValue } from 'clsx';
 
@@ -18,7 +18,7 @@ import type { ClassValue } from 'clsx';
 		'[class]': '_computedClass()',
 	},
 })
-export class HlmAccordionContentComponent extends BrnAccordionContentComponent {
+export class HlmAccordionContent extends BrnAccordionContent {
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 	protected readonly _computedClass = computed(() => {
 		const gridRows = this.state() === 'open' ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]';

package/src/generators/ui/libs/ui-accordion-helm/files/lib/{hlm-accordion-icon.directive.ts.template → hlm-accordion-icon.ts.template}

@@ -12,7 +12,7 @@ import type { ClassValue } from 'clsx';
 		'[class]': '_computedClass()',
 	},
 })
-export class HlmAccordionIconDirective {
+export class HlmAccordionIcon {
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 	protected readonly _computedClass = computed(() =>
 		hlm(

package/src/generators/ui/libs/ui-accordion-helm/files/lib/{hlm-accordion-item.directive.ts.template → hlm-accordion-item.ts.template}

@@ -1,5 +1,5 @@
 import { Directive, computed, input } from '@angular/core';
-import { BrnAccordionItemDirective } from '@spartan-ng/brain/accordion';
+import { BrnAccordionItem } from '@spartan-ng/brain/accordion';
 import { hlm } from '@spartan-ng/brain/core';
 import type { ClassValue } from 'clsx';
 
@@ -10,12 +10,12 @@ import type { ClassValue } from 'clsx';
 	},
 	hostDirectives: [
 		{
-			directive: BrnAccordionItemDirective,
+			directive: BrnAccordionItem,
 			inputs: ['isOpened'],
 		},
 	],
 })
-export class HlmAccordionItemDirective {
+export class HlmAccordionItem {
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 	protected readonly _computedClass = computed(() =>
 		hlm('flex flex-1 flex-col border-b border-border', this.userClass()),

package/src/generators/ui/libs/ui-accordion-helm/files/lib/{hlm-accordion-trigger.directive.ts.template → hlm-accordion-trigger.ts.template}

@@ -1,5 +1,5 @@
 import { Directive, computed, input } from '@angular/core';
-import { BrnAccordionTriggerDirective } from '@spartan-ng/brain/accordion';
+import { BrnAccordionTrigger } from '@spartan-ng/brain/accordion';
 import { hlm } from '@spartan-ng/brain/core';
 import type { ClassValue } from 'clsx';
 
@@ -9,9 +9,9 @@ import type { ClassValue } from 'clsx';
 		'[style.--tw-ring-offset-shadow]': '"0 0 #000"',
 		'[class]': '_computedClass()',
 	},
-	hostDirectives: [BrnAccordionTriggerDirective],
+	hostDirectives: [BrnAccordionTrigger],
 })
-export class HlmAccordionTriggerDirective {
+export class HlmAccordionTrigger {
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 	protected readonly _computedClass = computed(() =>
 		hlm(

package/src/generators/ui/libs/ui-accordion-helm/files/lib/{hlm-accordion.directive.ts.template → hlm-accordion.ts.template}

@@ -1,5 +1,5 @@
 import { Directive, computed, inject, input } from '@angular/core';
-import { BrnAccordionDirective } from '@spartan-ng/brain/accordion';
+import { BrnAccordion } from '@spartan-ng/brain/accordion';
 import { hlm } from '@spartan-ng/brain/core';
 import type { ClassValue } from 'clsx';
 
@@ -8,10 +8,10 @@ import type { ClassValue } from 'clsx';
 	host: {
 		'[class]': '_computedClass()',
 	},
-	hostDirectives: [{ directive: BrnAccordionDirective, inputs: ['type', 'dir', 'orientation'] }],
+	hostDirectives: [{ directive: BrnAccordion, inputs: ['type', 'dir', 'orientation'] }],
 })
-export class HlmAccordionDirective {
-	private readonly _brn = inject(BrnAccordionDirective);
+export class HlmAccordion {
+	private readonly _brn = inject(BrnAccordion);
 
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 	protected readonly _computedClass = computed(() =>