ci(angular): fail build when an angular directive or component is not…

… exported (#561)

angular/lib/package.json

@@ -12,7 +12,8 @@
 	},
 	"scripts": {
 		"ng": "ng",
-		"build": "wireit"
+		"build": "wireit",
+		"check": "wireit"
 	},
 	"wireit": {
 		"build:src": {
@@ -52,6 +53,9 @@
 			"dependencies": [
 				"build:pkg"
 			]
+		},
+		"check": {
+			"command": "node scripts/verify-module.mjs"
 		}
 	},
 	"peerDependencies": {

angular/lib/scripts/verify-module.mjs

@@ -0,0 +1,50 @@
+import {glob} from 'glob';
+import path from 'path';
+import {fileURLToPath} from 'url';
+import {readFile} from 'fs/promises';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+const pathRegExp = /\\/g;
+function normalizePath(str) {
+	return str.replace(pathRegExp, '/');
+}
+
+const COMPONENTS_FOLDER = path.join(__dirname, '../src/components');
+
+const files = (
+	await glob('**/*.component.ts', {
+		cwd: COMPONENTS_FOLDER,
+		nodir: true,
+	})
+).map((file) => normalizePath(path.join(COMPONENTS_FOLDER, file)));
+
+const stuffToExportRegex = /(@Directive|@Component)\({[\S\s]+?}\)\s*export class ([a-zA-Z]*)/g;
+
+const classesToExport = [];
+for (const file of files) {
+	const content = await readFile(file, {encoding: 'utf-8'});
+	const matches = [...content.matchAll(stuffToExportRegex)];
+	for (const match of matches) {
+		classesToExport.push(match[2]);
+	}
+}
+
+const angularModuleContent = await readFile(normalizePath(path.join(__dirname, '../src/agnos-ui-angular.module.ts')), {encoding: 'utf-8'});
+const componentsFromAngularModule = new Set(
+	angularModuleContent
+		.match(/const components = \[([^\]]+)\];/)[1]
+		.split(',')
+		.map((component) => component.trim())
+		.filter((component) => !!component),
+);
+
+const defaultSlotRegex = /^[a-zA-Z]*Default[a-zA-Z]*Slots?Component$/;
+const missingComponents = classesToExport.filter(
+	(classToExport) => !componentsFromAngularModule.has(classToExport) && !classToExport.match(defaultSlotRegex),
+);
+
+if (missingComponents.length) {
+	console.error(`ERROR ! The following Angular components / directives are not exported in the main angular module: ${missingComponents.join(', ')}`);
+	process.exit(1);
+}

angular/lib/src/agnos-ui-angular.module.ts

@@ -31,7 +31,7 @@ import {
 } from './components/accordion/accordion.component';
 import {SliderComponent, SliderHandleDirective, SliderLabelDirective, SliderStructureDirective} from './components/slider/slider.component';
 import {ProgressbarComponent, ProgressbarStructureDirective} from './components/progressbar/progressbar.component';
-import {ToastBodyDirective, ToastComponent, ToastStructureDirective} from './components/toast/toast.component';
+import {ToastBodyDirective, ToastComponent, ToastHeaderDirective, ToastStructureDirective} from './components/toast/toast.component';
 /* istanbul ignore next */
 const components = [
 	SlotDirective,
@@ -73,6 +73,7 @@ const components = [
 	ToastComponent,
 	ToastStructureDirective,
 	ToastBodyDirective,
+	ToastHeaderDirective,
 ];
 
 @NgModule({

package.json

@@ -126,6 +126,7 @@
 				"./svelte/headless:check",
 				"./svelte/lib:check",
 				"./svelte/demo:check",
+				"./angular/lib:check",
 				"./demo:check"
 			]
 		},