@ui5/webcomponents-tools 2.15.0-rc.2 → 2.15.0-rc.3

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.15.0-rc.3](https://github.com/UI5/webcomponents/compare/v2.15.0-rc.2...v2.15.0-rc.3) (2025-10-02)
+
+**Note:** Version bump only for package @ui5/webcomponents-tools
+
+
+
+
+
 # [2.15.0-rc.2](https://github.com/UI5/webcomponents/compare/v2.15.0-rc.1...v2.15.0-rc.2) (2025-09-25)
 
 **Note:** Version bump only for package @ui5/webcomponents-tools

package/bin/ui5nps.js

@@ -5,6 +5,7 @@
 const fs = require("fs");
 const path = require("path");
 const { exec } = require("child_process");
+var { parseArgsStringToArgv } = require('string-argv');
 
 const SCRIPT_NAMES = [
 	"package-scripts.js",
@@ -75,7 +76,7 @@ class Parser {
 			throw new Error(`Command "${commandName}" not found in scripts`);
 		}
 
-		if (!executableCommand.startsWith("ui5nps") && !executableCommand.startsWith("ui5nps-p")) {
+		if (!executableCommand.startsWith("ui5nps") || executableCommand.startsWith("ui5nps-script")) {
 			this.resolvedScripts.set(commandName, { commandName, commands: [executableCommand], parallel: false });
 			return this.resolvedScripts.get(commandName);
 		}
@@ -93,7 +94,7 @@ class Parser {
 				this.resolveScripts(part);
 			}
 
-			commands.push(this.resolvedScripts.get(part) || parsedScript);
+			commands.push(this.resolvedScripts.get(part) || { commandName: part, commands: [parsedScript], parallel: parsedScript.startsWith("ui5nps-p") });
 		}
 
 
@@ -155,10 +156,31 @@ class Parser {
 	 * @param {string|Object} command - Command string or command object with commands array
 	 * @returns {Promise} Promise that resolves when command(s) complete
 	 */
-	async executeCommand(command) {
+	async executeCommand(command, commandName = "unknown") {
 		if (typeof command === "string" && command) {
-			return new Promise((resolve, reject) => {
-				console.log(`= Executing command: ${command}`);
+			return new Promise(async (resolve, reject) => {
+				if (command.trim().startsWith("ui5nps-script")) {
+					const argv = parseArgsStringToArgv(command);
+					const importedContent = require(argv[1]);
+					let _ui5mainFn;
+
+					if (importedContent.__esModule) {
+						_ui5mainFn = importedContent.default._ui5mainFn;
+					} else {
+						_ui5mainFn = importedContent._ui5mainFn;
+					}
+
+					console.log(` |  Executing command ${commandName} as module.`);
+					const result = _ui5mainFn(argv);
+
+					if (result instanceof Promise) {
+						return result.then(resolve).catch(reject);
+					} else {
+						return resolve();
+					}
+				}
+
+				console.log(` |  Executing command ${commandName} as command.\n    Running: ${command}`);
 				const child = exec(command, { stdio: "inherit", env: { ...process.env, ...this.envs } });
 
 				child.stdout.on("data", (data) => {
@@ -181,12 +203,12 @@ class Parser {
 		} else if (typeof command === "object" && command.commands) {
 			if (command.parallel) {
 				// Execute commands in parallel
-				const promises = command.commands.filter(Boolean).map(cmd => this.executeCommand(cmd));
+				const promises = command.commands.filter(Boolean).map(cmd => this.executeCommand(cmd, cmd.commandName || commandName));
 				await Promise.all(promises);
 			} else {
 				// Execute commands sequentially
 				for (const cmd of command.commands) {
-					await this.executeCommand(cmd);
+					await this.executeCommand(cmd, cmd.commandName || commandName);
 				}
 			}
 		}
@@ -204,7 +226,7 @@ class Parser {
 			throw new Error(`Command "${commandName}" not found in scripts`);
 		}
 
-		return this.executeCommand(this.resolvedScripts.get(commandName));
+		return this.executeCommand(this.resolvedScripts.get(commandName), commandName);
 	}
 }
 
@@ -218,7 +240,18 @@ if (commands.length === 0) {
 	process.exit(1);
 }
 
+if (commands.includes("--help") || commands.includes("-h")) {
+	console.log("Usage: ui5nps <command> [command2] [command3] ...");
+	console.log("Available commands:");
+	for (const [key, value] of parser.parsedScripts.entries()) {
+		console.log(`  - ${key}: ${value}`);
+	}
+	process.exit(0);
+}
+
 (async () => {
+	process.env = { ...process.env, ...parser.envs };
+
 	for (const commandName of commands) {
 		await parser.execute(commandName);
 	}

package/components-package/nps.js

@@ -3,25 +3,41 @@ const fs = require("fs");
 const LIB = path.join(__dirname, `../lib/`);
 let websiteBaseUrl = "/";
 
+const isPreview = !!process.env.PR_NUMBER;
+const getPreviewBaseUrl = () => {
+	if (process.env.DEPLOYMENT_TYPE === "netlify_preview") {
+		return "/";
+	}
+	return `/webcomponents/pr-${process.env.PR_NUMBER}/`;
+}
+
 if (process.env.DEPLOY) {
 	websiteBaseUrl = "/webcomponents/";
 } else if (process.env.DEPLOY_NIGHTLY) {
 	websiteBaseUrl = "/webcomponents/nightly/";
-} else if (process.env.DEPLOYMENT_TYPE === "preview" && process.env.PR_NUMBER) {
-	websiteBaseUrl = `/webcomponents/pr-${process.env.PR_NUMBER}/`;
+} else if (isPreview) {
+	websiteBaseUrl = getPreviewBaseUrl();
 }
 
 const getScripts = (options) => {
-
 	// The script creates all JS modules (dist/illustrations/{illustrationName}.js) out of the existing SVGs
 	const illustrationsData = options.illustrationsData || [];
-	const illustrations = illustrationsData.map(illustration => `node "${LIB}/create-illustrations/index.js" ${illustration.path} ${illustration.defaultText} ${illustration.illustrationsPrefix} ${illustration.set} ${illustration.destinationPath} ${illustration.collection}`);
-	const createIllustrationsJSImportsScript = illustrations.join(" && ");
-
+	const createIllustrationsJSImportsScript = {
+		default: `ui5nps-p ${illustrationsData.map(illustrations => `build.illustrations.build-${illustrations.set}-${illustrations.collection}`).join(" ")}` // concurently,
+	}
+	illustrationsData.forEach((illustration) => {
+		createIllustrationsJSImportsScript[`build-${illustration.set}-${illustration.collection}`] = `ui5nps-script "${LIB}create-illustrations/index.js" ${illustration.path} ${illustration.defaultText} ${illustration.illustrationsPrefix} ${illustration.set} ${illustration.destinationPath} ${illustration.collection}`
+	});
 	// The script creates the "src/generated/js-imports/Illustration.js" file that registers loaders (dynamic JS imports) for each illustration
-	const createIllustrationsLoadersScript = illustrationsData.map(illustrations => `node ${LIB}/generate-js-imports/illustrations.js ${illustrations.path} ${illustrations.dynamicImports.outputFile} ${illustrations.set} ${illustrations.collection} ${illustrations.dynamicImports.location} ${illustrations.dynamicImports.filterOut.join(",")}`).join(" && ");
+	const createIllustrationsLoadersScript = {
+		default: `ui5nps-p ${illustrationsData.map(illustrations => `build.jsImports.illustrationsLoaders.generate-${illustrations.set}-${illustrations.collection}`).join(" ")}` // concurently,
+	}
+	illustrationsData.forEach((illustrations) => {
+		createIllustrationsLoadersScript[`generate-${illustrations.set}-${illustrations.collection}`] = `ui5nps-script ${LIB}generate-js-imports/illustrations.js ${illustrations.path} ${illustrations.dynamicImports.outputFile} ${illustrations.set} ${illustrations.collection} ${illustrations.dynamicImports.location} ${illustrations.dynamicImports.filterOut.join(",")}`
+	});
+
 
-	const tsOption = !options.legacy || options.jsx;
+	const tsOption = !!(!options.legacy || options.jsx);
 	const tsCommandOld = tsOption ? "tsc" : "";
 	let tsWatchCommandStandalone = tsOption ? "tsc --watch" : "";
 	// this command is only used for standalone projects. monorepo projects get their watch from vite, so opt-out here
@@ -62,13 +78,14 @@ const getScripts = (options) => {
 	const scripts = {
 		__ui5envs: {
 			UI5_CEM_MODE: options.dev,
-			UI5_TS: !!tsOption,
+			UI5_TS: `${tsOption}`,
 			CYPRESS_COVERAGE: !!(options.internal?.cypress_code_coverage),
 			CYPRESS_UI5_ACC: !!(options.internal?.cypress_acc_tests),
 		},
 		clean: {
-			default: 'ui5nps clean.generated scope.testPages.clean',
-			generated: 'rimraf src/generated && rimraf dist',
+			"default": "ui5nps clean.generated clean.dist scope.testPages.clean",
+			"generated": `ui5nps-script "${LIB}/rimraf/rimraf.js src/generated`,
+			"dist": `ui5nps-script "${LIB}/rimraf/rimraf.js dist`,
 		},
 		lint: `eslint . ${eslintConfig}`,
 		lintfix: `eslint . ${eslintConfig} --fix`,
@@ -85,23 +102,23 @@ const getScripts = (options) => {
 		},
 		build: {
 			default: "ui5nps prepare lint build.bundle", // build.bundle2
-			templates: options.legacy ? `mkdirp src/generated/templates && node "${LIB}/hbs2ui5/index.js" -d src/ -o src/generated/templates` : "",
+			templates: options.legacy ? `mkdirp src/generated/templates && node "${LIB}hbs2ui5/index.js" -d src/ -o src/generated/templates` : "",
 			styles: {
 				default: `ui5nps-p build.styles.themes build.styles.components`, // concurently
-				themes: `node "${LIB}/css-processors/css-processor-themes.mjs"`,
-				themesWithWatch: `node "${LIB}/css-processors/css-processor-themes.mjs" -w`,
-				components: `node "${LIB}/css-processors/css-processor-components.mjs"`,
-				componentsWithWatch: `node "${LIB}/css-processors/css-processor-components.mjs" -w`,
+				themes: `ui5nps-script "${LIB}css-processors/css-processor-themes.mjs"`,
+				themesWithWatch: `ui5nps-script "${LIB}css-processors/css-processor-themes.mjs" -w`,
+				components: `ui5nps-script "${LIB}css-processors/css-processor-components.mjs"`,
+				componentsWithWatch: `ui5nps-script "${LIB}css-processors/css-processor-components.mjs" -w`,
 			},
 			i18n: {
 				default: "ui5nps build.i18n.defaultsjs build.i18n.json",
-				defaultsjs: `node "${LIB}/i18n/defaults.js" src/i18n src/generated/i18n`,
-				json: `node "${LIB}/i18n/toJSON.js" src/i18n dist/generated/assets/i18n`,
+				defaultsjs: `ui5nps-script "${LIB}i18n/defaults.js" src/i18n src/generated/i18n`,
+				json: `ui5nps-script "${LIB}i18n/toJSON.js" src/i18n dist/generated/assets/i18n`,
 			},
 			jsonImports: {
 				default: "ui5nps build.jsonImports.themes build.jsonImports.i18n",
-				themes: `node "${LIB}/generate-json-imports/themes.js" src/themes src/generated/json-imports`,
-				i18n: `node "${LIB}/generate-json-imports/i18n.js" src/i18n src/generated/json-imports`,
+				themes: `ui5nps-script "${LIB}generate-json-imports/themes.js" src/themes src/generated/json-imports`,
+				i18n: `ui5nps-script "${LIB}generate-json-imports/i18n.js" src/i18n src/generated/json-imports`,
 			},
 			jsImports: {
 				default: "ui5nps build.jsImports.illustrationsLoaders",
@@ -111,12 +128,12 @@ const getScripts = (options) => {
 			bundle2: ``,
 			illustrations: createIllustrationsJSImportsScript,
 		},
-		copyProps: `node "${LIB}/copy-and-watch/index.js" --silent "src/i18n/*.properties" dist/`,
-		copyPropsWithWatch: `node "${LIB}/copy-and-watch/index.js" --silent "src/i18n/*.properties" dist/ --watch --safe --skip-initial-copy`,
+		copyProps: `ui5nps-script "${LIB}copy-and-watch/index.js" --silent "src/i18n/*.properties" dist/`,
+		copyPropsWithWatch: `ui5nps-script "${LIB}copy-and-watch/index.js" --silent "src/i18n/*.properties" dist/ --watch --safe --skip-initial-copy`,
 		copy: {
 			default: options.legacy ? "ui5nps copy.src copy.props" : "",
-			src: options.legacy ? `node "${LIB}/copy-and-watch/index.js" --silent "src/**/*.{js,json}" dist/` : "",
-			props: options.legacy ? `node "${LIB}/copy-and-watch/index.js" --silent "src/i18n/*.properties" dist/` : "",
+			src: options.legacy ? `ui5nps-script "${LIB}copy-and-watch/index.js" --silent "src/**/*.{js,json}" dist/` : "",
+			props: options.legacy ? `ui5nps-script "${LIB}copy-and-watch/index.js" --silent "src/i18n/*.properties" dist/` : "",
 		},
 		watch: {
 			default: `ui5nps-p watch.templates watch.typescript watch.src watch.styles watch.i18n watch.props`, // concurently
@@ -124,7 +141,7 @@ const getScripts = (options) => {
 			src: options.legacy ? 'ui5nps "copy.src --watch --safe --skip-initial-copy"' : "",
 			typescript: tsWatchCommandStandalone,
 			props: 'ui5nps copyPropsWithWatch',
-			bundle: `node ${LIB}/dev-server/dev-server.mjs ${viteConfig}`,
+			bundle: `ui5nps-script ${LIB}dev-server/dev-server.mjs ${viteConfig}`,
 			styles: {
 				default: 'ui5nps-p watch.styles.themes watch.styles.components', // concurently
 				themes: 'ui5nps build.styles.themesWithWatch',
@@ -134,7 +151,7 @@ const getScripts = (options) => {
 			i18n: 'chokidar "src/i18n/messagebundle.properties" -c "ui5nps build.i18n.defaultsjs"'
 		},
 		start: "ui5nps prepare watch.devServer",
-		test: `node "${LIB}/test-runner/test-runner.js"`,
+		test: `ui5nps-script "${LIB}/test-runner/test-runner.js"`,
 		"test-cy-ci": `cypress run --component --browser chrome`,
 		"test-cy-ci-suite-1": `cypress run --component --browser chrome --spec "**/specs/[A-C]*.cy.{js,jsx,ts,tsx},**/specs/[^D-Z]*.cy.{js,jsx,ts,tsx}"`,
 		"test-cy-ci-suite-2": `cypress run --component --browser chrome --spec "**/specs/[D-L]*.cy.{js,jsx,ts,tsx}"`,
@@ -144,21 +161,21 @@ const getScripts = (options) => {
 		startWithScope: "ui5nps scope.prepare scope.watchWithBundle",
 		scope: {
 			prepare: "ui5nps scope.lint scope.testPages",
-			lint: `node "${LIB}/scoping/lint-src.js"`,
+			lint: `ui5nps-script "${LIB}scoping/lint-src.js"`,
 			testPages: {
 				default: "ui5nps scope.testPages.clean scope.testPages.copy scope.testPages.replace",
-				clean: "rimraf test/pages/scoped",
-				copy: `node "${LIB}/copy-and-watch/index.js" --silent "test/pages/**/*" test/pages/scoped`,
-				replace: `node "${LIB}/scoping/scope-test-pages.js" test/pages/scoped demo`,
+				"clean": `ui5nps-script "${LIB}/rimraf/rimraf.js test/pages/scoped`,
+				copy: `ui5nps-script "${LIB}copy-and-watch/index.js" --silent "test/pages/**/*" test/pages/scoped`,
+				replace: `ui5nps-script "${LIB}scoping/scope-test-pages.js" test/pages/scoped demo`,
 			},
 			watchWithBundle: 'ui5nps-p scope.watch scope.bundle', // concurently
 			watch: 'ui5nps-p watch.templates watch.props watch.styles', // concurently
-			bundle: `node ${LIB}/dev-server/dev-server.mjs ${viteConfig}`,
+			bundle: `ui5nps-script ${LIB}dev-server/dev-server.mjs ${viteConfig}`,
 		},
 		generateAPI: {
 			default: tsOption ? "ui5nps generateAPI.generateCEM generateAPI.validateCEM" : "",
-			generateCEM: `cem analyze --config "${LIB}/cem/custom-elements-manifest.config.mjs"`,
-			validateCEM: `node "${LIB}/cem/validate.js"`,
+			generateCEM: `ui5nps-script "${LIB}cem/cem.js" analyze --config "${LIB}cem/custom-elements-manifest.config.mjs"`,
+			validateCEM: `ui5nps-script "${LIB}cem/validate.js"`,
 		},
 	};
 

package/icons-collection/nps.js

@@ -4,13 +4,13 @@ const LIB = path.join(__dirname, `../lib/`);
 
 const createIconImportsCommand = (options) => {
 	if (!options.versions) {
-		return `node "${LIB}/create-icons/index.js" "${options.collectionName}"`;
+		return `ui5nps-script "${LIB}/create-icons/index.js" "${options.collectionName}"`;
 	}
 
 	const command = { default: "ui5nps" };
 	options.versions.forEach((v) => {
 		command.default += ` build.icons.create${v}`;
-		command[`create${v}`] = `node "${LIB}/create-icons/index.js" "${options.collectionName}" "${v}"`;
+		command[`create${v}`] = `ui5nps-script "${LIB}/create-icons/index.js" "${options.collectionName}" "${v}"`;
 	});
 
 	return command;
@@ -22,19 +22,19 @@ const copyIconAssetsCommand = (options) => {
 	if (!options.versions) {
 		return {
 			default: "ui5nps copy.json-imports copy.icon-collection",
-			"json-imports": `node "${LIB}/copy-and-watch/index.js" --silent "src/**/*.js" dist/`,
-			"icon-collection": `node "${LIB}/copy-and-watch/index.js" --silent "src/*.json" src/generated/assets/`,
+			"json-imports": `ui5nps-script "${LIB}/copy-and-watch/index.js" --silent "src/**/*.js" dist/`,
+			"icon-collection": `ui5nps-script "${LIB}/copy-and-watch/index.js" --silent "src/*.json" src/generated/assets/`,
 		}
 	}
 
 	const command = {
 		default: "ui5nps copy.json-imports ",
-		"json-imports": `node "${LIB}/copy-and-watch/index.js" --silent "src/**/*.js" dist/`,
+		"json-imports": `ui5nps-script "${LIB}/copy-and-watch/index.js" --silent "src/**/*.js" dist/`,
 	};
 
 	options.versions.forEach((v) => {
 		command.default += ` copy.icon-collection${v}`;
-		command[`icon-collection${v}`] = `node "${LIB}/copy-and-watch/index.js" --silent "src/${v}/*.json" src/generated/assets/${v}/`;
+		command[`icon-collection${v}`] = `ui5nps-script "${LIB}/copy-and-watch/index.js" --silent "src/${v}/*.json" src/generated/assets/${v}/`;
 	});
 
 	return command;
@@ -47,23 +47,27 @@ const getScripts = (options) => {
 	const tsOption = !options.legacy;
 
 	const scripts = {
-		__ui5envs:{
-			UI5_TS: tsOption,
+		__ui5envs: {
+			UI5_TS: `${tsOption}`,
+		},
+		clean: {
+			default: "ui5nps clean.generated clean.dist",
+			"generated": `ui5nps-script "${LIB}/rimraf/rimraf.js src/generated`,
+			"dist": `ui5nps-script "${LIB}/rimraf/rimraf.js dist`,
 		},
-		clean: "rimraf dist && rimraf src/generated",
 		copy: copyAssetsCmd,
 		generate: hashesCheck(`ui5nps clean copy build.i18n build.icons build.jsonImports copyjson`),
-		copyjson: "copy-and-watch \"src/generated/**/*.json\" dist/generated/",
+		copyjson: `ui5nps-script "${LIB}copy-and-watch/index.js" "src/generated/**/*.json" dist/generated`,
 		build: {
 			default: hashesCheck(`ui5nps clean copy build.i18n typescript build.icons build.jsonImports`),
 			i18n: {
 				default: "ui5nps build.i18n.defaultsjs build.i18n.json",
-				defaultsjs: `node "${LIB}/i18n/defaults.js" src/i18n src/generated/i18n`,
-				json: `node "${LIB}/i18n/toJSON.js" src/i18n src/generated/assets/i18n`,
+				defaultsjs: `ui5nps-script "${LIB}/i18n/defaults.js" src/i18n src/generated/i18n`,
+				json: `ui5nps-script "${LIB}/i18n/toJSON.js" src/i18n src/generated/assets/i18n`,
 			},
 			jsonImports: {
 				default: "ui5nps build.jsonImports.i18n",
-				i18n: `node "${LIB}/generate-json-imports/i18n.js" src/generated/assets/i18n src/generated/json-imports`,
+				i18n: `ui5nps-script "${LIB}/generate-json-imports/i18n.js" src/generated/assets/i18n src/generated/json-imports`,
 			},
 			icons: createJSImportsCmd,
 		},

package/lib/amd-to-es6/index.js

@@ -1,6 +1,5 @@
 const fs = require("fs").promises;
 const path = require("path");
-const basePath = process.argv[2];
 const babelCore = require("@babel/core");
 const babelParser = require("@babel/parser");
 const babelGenerator = require("@babel/generator").default;
@@ -21,7 +20,7 @@ const convertAmdToEs6 = async (code) => {
 	})).code;
 }
 
-const convertAbsImportsToRelative = (filePath, code) => {
+const convertAbsImportsToRelative = (filePath, code, basePath) => {
 	let changed = false;
 	// console.log("File processing started: ", srcPath);
 
@@ -69,7 +68,7 @@ const convertAbsImportsToRelative = (filePath, code) => {
 }
 
 const replaceGlobalCoreUsage = (filePath, code) => {
-	if (!filePath.includes("Configuration"))  {
+	if (!filePath.includes("Configuration")) {
 		const replaced = code.replace(/sap\.ui\.getCore\(\)/g, `Core`);
 		return code !== replaced ? `import Core from 'sap/ui/core/Core';${replaced}` : code;
 	}
@@ -77,7 +76,7 @@ const replaceGlobalCoreUsage = (filePath, code) => {
 	return code;
 };
 
-const transformAmdToES6Module = async (filePath) => {
+const transformAmdToES6Module = async (filePath, basePath) => {
 	await convertSAPUIDefineToDefine(filePath);
 
 	let code = (await fs.readFile(filePath)).toString();
@@ -86,17 +85,23 @@ const transformAmdToES6Module = async (filePath) => {
 
 	code = replaceGlobalCoreUsage(filePath, code);
 
-	code = convertAbsImportsToRelative(filePath, code);
+	code = convertAbsImportsToRelative(filePath, code, basePath);
 
 	return fs.writeFile(filePath, code);
 }
 
-const transformAmdToES6Modules = async () => {
+const transformAmdToES6Modules = async (argv) => {
+	const basePath = argv[2];
 	const { globby } = await import("globby");
 	const fileNames = await globby(basePath.replace(/\\/g, "/") + "**/*.js");
-	return Promise.all(fileNames.map(transformAmdToES6Module).filter(x => !!x));
+	return Promise.all(fileNames.map(fileName => transformAmdToES6Module(fileName, basePath)).filter(x => !!x))
+		.then(() => {
+			console.log("Success: all amd modules are transformed to es6!");
+		});
 };
 
-transformAmdToES6Modules().then(() => {
-	console.log("Success: all amd modules are transformed to es6!");
-});
+if (require.main === module) {
+	transformAmdToES6Modules(process.argv)
+}
+
+exports._ui5mainFn = transformAmdToES6Modules;

package/lib/cem/cem.js

@@ -0,0 +1,12 @@
+const cemCLI = require("@custom-elements-manifest/analyzer/cli")
+
+const main = async argv => {
+	const patchedArgv = argv.slice(2);
+	await cemCLI.cli({ argv: patchedArgv, cwd: process.cwd(), noWrite: false });
+}
+
+if (require.main === module) {
+	main(process.argv)
+}
+
+exports._ui5mainFn = main;

package/lib/cem/validate.js

@@ -5,63 +5,72 @@ const path = require('path');
 const extenalSchema = require('./schema.json');
 const internalSchema = require('./schema-internal.json');
 
-// Load your JSON data from the input file
-const inputFilePath = path.join(process.cwd(), "dist/custom-elements.json"); // Update with your file path
-const customManifest = fs.readFileSync(inputFilePath, 'utf8');
-const inputDataInternal = JSON.parse(customManifest);
-const devMode = process.env.UI5_CEM_MODE === "dev";
 
-inputDataInternal.modules.forEach(moduleDoc => {
-	moduleDoc.exports = moduleDoc.exports.
-		filter(e => moduleDoc.declarations.find(d => d.name === e.declaration.name && ["class", "function", "variable", "enum"].includes(d.kind)) || e.name === "default");
-})
+const validateFn = async () => {
+	// Load your JSON data from the input file
+	const inputFilePath = path.join(process.cwd(), "dist/custom-elements.json"); // Update with your file path
+	const customManifest = fs.readFileSync(inputFilePath, 'utf8');
+	const inputDataInternal = JSON.parse(customManifest);
+	const devMode = process.env.UI5_CEM_MODE === "dev";
 
-const clearProps = (data) => {
-	if (Array.isArray(data)) {
-		for (let i = 0; i < data.length; i++) {
-			if (typeof data[i] === "object") {
-				if (["enum", "interface"].includes(data[i].kind)) {
-					data.splice(i, 1);
-					i--;
-				} else {
-					clearProps(data[i]);
+	inputDataInternal.modules.forEach(moduleDoc => {
+		moduleDoc.exports = moduleDoc.exports.
+			filter(e => moduleDoc.declarations.find(d => d.name === e.declaration.name && ["class", "function", "variable", "enum"].includes(d.kind)) || e.name === "default");
+	})
+
+	const clearProps = (data) => {
+		if (Array.isArray(data)) {
+			for (let i = 0; i < data.length; i++) {
+				if (typeof data[i] === "object") {
+					if (["enum", "interface"].includes(data[i].kind)) {
+						data.splice(i, 1);
+						i--;
+					} else {
+						clearProps(data[i]);
+					}
 				}
 			}
+		} else if (typeof data === "object") {
+			Object.keys(data).forEach(prop => {
+				if (prop.startsWith("_ui5")) {
+					delete data[prop];
+				} else if (typeof data[prop] === "object") {
+					clearProps(data[prop]);
+				}
+			});
 		}
-	} else if (typeof data === "object") {
-		Object.keys(data).forEach(prop => {
-			if (prop.startsWith("_ui5")) {
-				delete data[prop];
-			} else if (typeof data[prop] === "object") {
-				clearProps(data[prop]);
-			}
-		});
+
+		return data;
 	}
 
-	return data;
-}
+	const ajv = new Ajv({ allowUnionTypes: true, allError: true })
+	let validate = ajv.compile(internalSchema)
 
-const ajv = new Ajv({ allowUnionTypes: true, allError: true })
-let validate = ajv.compile(internalSchema)
+	// Validate the JSON data against the schema
+	if (devMode) {
+		if (validate(inputDataInternal)) {
+			console.log('Internal custom  element manifest is validated successfully');
+		} else {
+			console.log(validate.errors)
+			throw new Error(`Validation of internal custom elements manifest failed: ${validate.errors}`);
+		}
+	}
 
-// Validate the JSON data against the schema
-if (devMode) {
-	if (validate(inputDataInternal)) {
-		console.log('Internal custom  element manifest is validated successfully');
-	} else {
-		console.log(validate.errors)
-		throw new Error(`Validation of internal custom elements manifest failed: ${validate.errors}`);
+	const inputDataExternal = clearProps(JSON.parse(JSON.stringify(inputDataInternal)));
+	validate = ajv.compile(extenalSchema)
+
+	// Validate the JSON data against the schema
+	if (validate(inputDataExternal)) {
+		console.log('Custom element manifest is validated successfully');
+		fs.writeFileSync(inputFilePath, JSON.stringify(inputDataExternal, null, 2), 'utf8');
+		fs.writeFileSync(inputFilePath.replace("custom-elements", "custom-elements-internal"), JSON.stringify(inputDataInternal, null, 2), 'utf8');
+	} else if (devMode) {
+		throw new Error(`Validation of public custom elements manifest failed: ${validate.errors}`);
 	}
 }
 
-const inputDataExternal = clearProps(JSON.parse(JSON.stringify(inputDataInternal)));
-validate = ajv.compile(extenalSchema)
+if (require.main === module) {
+	validateFn()
+}
 
-// Validate the JSON data against the schema
-if (validate(inputDataExternal)) {
-	console.log('Custom element manifest is validated successfully');
-	fs.writeFileSync(inputFilePath, JSON.stringify(inputDataExternal, null, 2), 'utf8');
-	fs.writeFileSync(inputFilePath.replace("custom-elements", "custom-elements-internal"), JSON.stringify(inputDataInternal, null, 2), 'utf8');
-} else if (devMode) {
-	throw new Error(`Validation of public custom elements manifest failed: ${validate.errors}`);
-}
+exports._ui5mainFn = validateFn;