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

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 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
+
+
+
+
+
+# [2.15.0-rc.1](https://github.com/UI5/webcomponents/compare/v2.15.0-rc.0...v2.15.0-rc.1) (2025-09-25)
+
+
+### Bug Fixes
+
+* **ui5-illustrated-message:** fix imports filter ([#12271](https://github.com/UI5/webcomponents/issues/12271)) ([f62d703](https://github.com/UI5/webcomponents/commit/f62d703b58aa4460dbc5a293c277290b48ca851f))
+
+
+
+
+
 # [2.15.0-rc.0](https://github.com/UI5/webcomponents/compare/v2.14.0...v2.15.0-rc.0) (2025-09-11)
 
 **Note:** Version bump only for package @ui5/webcomponents-tools

package/bin/dev.js

@@ -1,6 +1,7 @@
 #!/usr/bin/env node
 
 const child_process = require("child_process");
+const { comma } = require("postcss/lib/list");
 
 let command = process.argv[2];
 const argument = process.argv[3];
@@ -10,7 +11,7 @@ if (command === "watch") {
 		command = `watch.${argument}`;
 	}
 } else if (command === "test") {
-	command = `test ${process.argv.slice(3).join(" ")}`;
+	command = ["test", ...process.argv.slice(3)].join(" ");
 }
 
-child_process.execSync(`npx nps "${command}"`, {stdio: 'inherit'});
+child_process.execSync(`ui5nps "${command}"`, {stdio: 'inherit'});

package/bin/ui5nps.js

@@ -0,0 +1,261 @@
+#!/usr/bin/env node
+
+"use strict";
+
+const fs = require("fs");
+const path = require("path");
+const { exec } = require("child_process");
+var { parseArgsStringToArgv } = require('string-argv');
+
+const SCRIPT_NAMES = [
+	"package-scripts.js",
+	"package-scripts.cjs",
+	"package-scripts.mjs"
+]
+
+/**
+ * Parser for UI5 package scripts with support for parallel and sequential execution
+ */
+class Parser {
+	scripts;
+	envs;
+	parsedScripts = new Map();
+	resolvedScripts = new Map();
+
+	constructor() {
+		const { scripts, envs } = this.getScripts();
+
+		this.scripts = scripts;
+		this.envs = envs;
+
+		// Parse scripts on initialization
+		this.parseScripts();
+
+		[...this.parsedScripts.keys()].forEach(key => {
+			this.resolveScripts(`${key}`);
+		});
+	}
+
+	/**
+	 * Recursively parses script definitions from package-scripts file
+	 * @param {Object} scripts - Script definitions object
+	 * @param {string} parentKey - Parent key for nested scripts
+	 */
+	parseScripts(scripts = this.scripts, parentKey = "") {
+		for (const [key, value] of Object.entries(scripts)) {
+			if (key === "__ui5envs") continue; // Skip envs key
+
+			if (parentKey && key === "default") {
+				this.parsedScripts.set(parentKey, value);
+			}
+
+			const fullKey = parentKey ? `${parentKey}.${key}` : key;
+
+			if (typeof value === "string") {
+				this.parsedScripts.set(fullKey, value);
+			} else if (typeof value === "object") {
+				this.parseScripts(value, fullKey);
+			} else {
+				throw new Error(`Invalid script definition for key: ${fullKey}`);
+			}
+		}
+	}
+
+	/**
+	 * Resolves script commands and determines if they should run in parallel
+	 * @param {string} commandName - Name of the command to resolve
+	 * @returns {Object} Resolved command object with commands array and parallel flag
+	 */
+	resolveScripts(commandName) {
+		if (this.resolvedScripts.has(commandName)) {
+			return this.resolvedScripts.get(commandName);
+		}
+
+		let executableCommand = this.parsedScripts.get(commandName);
+		if (executableCommand === undefined) {
+			throw new Error(`Command "${commandName}" not found in scripts`);
+		}
+
+		if (!executableCommand.startsWith("ui5nps") || executableCommand.startsWith("ui5nps-script")) {
+			this.resolvedScripts.set(commandName, { commandName, commands: [executableCommand], parallel: false });
+			return this.resolvedScripts.get(commandName);
+		}
+
+		const parts = executableCommand.trim().split(" ").filter(Boolean).slice(1); // Remove "ui5nps" or ui5nps-p part
+		const commands = [];
+		for (const part of parts) {
+			if (!this.parsedScripts.has(part)) {
+				throw new Error(`Referenced command "${part}" not found in scripts`);
+			}
+
+			const parsedScript = this.parsedScripts.get(part);
+
+			if (parsedScript && (parsedScript.startsWith("ui5nps") || parsedScript.startsWith("ui5nps-p"))) {
+				this.resolveScripts(part);
+			}
+
+			commands.push(this.resolvedScripts.get(part) || { commandName: part, commands: [parsedScript], parallel: parsedScript.startsWith("ui5nps-p") });
+		}
+
+
+		this.resolvedScripts.set(commandName, { commandName, commands, parallel: executableCommand.startsWith("ui5nps-p") });
+
+		return this.resolvedScripts.get(commandName);
+	}
+
+	/**
+	 * Loads and validates package-scripts file
+	 * @returns {Object} Object containing scripts and environment variables
+	 */
+	getScripts() {
+		let packageScriptPath;
+
+		for (const scriptName of SCRIPT_NAMES) {
+			const filePath = path.join(process.cwd(), scriptName);
+			if (fs.existsSync(filePath)) {
+				packageScriptPath = filePath;
+				break;
+			}
+		}
+
+		// Package-script file should be in the current working directory
+		if (!packageScriptPath) {
+			console.error("No package-scripts.js/cjs/mjs file found in the current directory.");
+			process.exit(1);
+		}
+
+		const packageScript = require(packageScriptPath);
+		let scripts;
+		let envs;
+
+		if (packageScript.__esModule) {
+			scripts = packageScript.default.scripts;
+		} else {
+			scripts = packageScript.scripts;
+		}
+
+		// Package-script should provide default export with scripts object
+		if (!scripts || typeof scripts !== "object") {
+			console.error("No valid 'scripts' object found in package-scripts file.");
+			process.exit(1);
+		}
+
+		envs = scripts.__ui5envs;
+
+		// Package-script should provide default export with scripts object
+		if (envs && typeof envs !== "object") {
+			console.error("No valid 'envs' object found in package-scripts file.");
+			process.exit(1);
+		}
+
+		return { scripts, envs };
+	}
+
+	/**
+	 * Executes a command or command object (with parallel/sequential support)
+	 * @param {string|Object} command - Command string or command object with commands array
+	 * @returns {Promise} Promise that resolves when command(s) complete
+	 */
+	async executeCommand(command, commandName = "unknown") {
+		if (typeof command === "string" && 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) => {
+					console.log(data);
+				});
+
+				child.stderr.on("data", (data) => {
+					console.error(data);
+				});
+
+				child.on("error", (err) => {
+					console.error("Failed to start:", err);
+					reject(err);
+				});
+
+				child.on("close", (code) => {
+					code === 0 ? resolve() : reject(new Error(`Exit ${code}`));
+				});
+			});
+		} 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, cmd.commandName || commandName));
+				await Promise.all(promises);
+			} else {
+				// Execute commands sequentially
+				for (const cmd of command.commands) {
+					await this.executeCommand(cmd, cmd.commandName || commandName);
+				}
+			}
+		}
+	}
+
+	/**
+	 * Main execution method for a named command
+	 * @param {string} commandName - Name of the command to execute
+	 * @returns {Promise} Promise that resolves when execution completes
+	 */
+	async execute(commandName) {
+		const command = this.resolvedScripts.get(commandName);
+
+		if (!command) {
+			throw new Error(`Command "${commandName}" not found in scripts`);
+		}
+
+		return this.executeCommand(this.resolvedScripts.get(commandName), commandName);
+	}
+}
+
+const parser = new Parser();
+
+// Basic input validation
+const commands = process.argv.slice(2);
+if (commands.length === 0) {
+	console.error("Usage: ui5nps <command> [command2] [command3] ...");
+	console.error("No commands provided.");
+	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);
+	}
+})().catch(error => {
+	console.error("Error executing commands:", error);
+	process.exit(1);
+});

package/components-package/nps.js

@@ -3,49 +3,47 @@ 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/";
-}
-
-const cypressEnvVariables = (options, predefinedVars) => {
-	let variables = [];
-	const { cypress_code_coverage, cypress_acc_tests } = options.internal ?? {};
-
-	// Handle environment variables like TEST_SUITE  
-	if (predefinedVars) {
-		variables = [...predefinedVars];
-	}
-
-	// The coverage task is always registered and requires an explicit variable whether to generate a report or not
-	variables.push(`CYPRESS_COVERAGE=${!!cypress_code_coverage}`);
-
-	if (cypress_acc_tests) {
-		variables.push("CYPRESS_UI5_ACC=true");
-	}
-
-	return variables.length ? `cross-env ${variables.join(" ")}` : "";
+} 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.destinationPath} ${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
 	if (options.noWatchTS) {
 		tsWatchCommandStandalone = "";
 	}
-	const tsCrossEnv = tsOption ? "cross-env UI5_TS=true" : "";
 
 	if (tsOption) {
 		try {
@@ -74,97 +72,110 @@ const getScripts = (options) => {
 		eslintConfig = "";
 	} else {
 		// no custom configuration - use default from tools project
-		eslintConfig = `--config  "${require.resolve("@ui5/webcomponents-tools/components-package/eslint.js")}"`;
+		eslintConfig = `--config "${require.resolve("@ui5/webcomponents-tools/components-package/eslint.js")}"`;
 	}
 
 	const scripts = {
-		clean: 'rimraf src/generated && rimraf dist && rimraf .port && nps "scope.testPages.clean"',
+		__ui5envs: {
+			UI5_CEM_MODE: options.dev,
+			UI5_TS: `${tsOption}`,
+			CYPRESS_COVERAGE: !!(options.internal?.cypress_code_coverage),
+			CYPRESS_UI5_ACC: !!(options.internal?.cypress_acc_tests),
+		},
+		clean: {
+			"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`,
 		generate: {
-			default: `${tsCrossEnv} nps prepare.all`,
-			all: 'concurrently "nps build.templates" "nps build.i18n" "nps prepare.styleRelated" "nps copyProps" "nps build.illustrations"',
-			styleRelated: "nps build.styles build.jsonImports build.jsImports",
+			default: `ui5nps prepare.all`,
+			all: `ui5nps-p build.templates build.i18n prepare.styleRelated copyProps build.illustrations`, // concurently
+			styleRelated: "ui5nps build.styles build.jsonImports build.jsImports",
 		},
 		prepare: {
-			default: `${tsCrossEnv} nps clean prepare.all ${options.legacy ? "copy" : ""} copyProps prepare.typescript generateAPI`,
-			all: 'concurrently "nps build.templates" "nps build.i18n" "nps prepare.styleRelated" "nps build.illustrations"',
-			styleRelated: "nps build.styles build.jsonImports build.jsImports",
+			default: `ui5nps clean prepare.all copy copyProps prepare.typescript generateAPI`,
+			all: `ui5nps-p build.templates build.i18n prepare.styleRelated build.illustrations`, // concurently
+			styleRelated: "ui5nps build.styles build.jsonImports build.jsImports",
 			typescript: tsCommandOld,
 		},
 		build: {
-			default: "nps prepare lint build.bundle", // build.bundle2
-			templates: `mkdirp src/generated/templates && ${tsCrossEnv} node "${LIB}/hbs2ui5/index.js" -d src/ -o src/generated/templates`,
+			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` : "",
 			styles: {
-				default: `concurrently "nps build.styles.themes" "nps build.styles.components"`,
-				themes: `node "${LIB}/css-processors/css-processor-themes.mjs"`,
-				components: `node "${LIB}/css-processors/css-processor-components.mjs"`,
+				default: `ui5nps-p build.styles.themes build.styles.components`, // concurently
+				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: "nps 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`,
+				default: "ui5nps build.i18n.defaultsjs build.i18n.json",
+				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: "mkdirp src/generated/json-imports && nps build.jsonImports.themes build.jsonImports.i18n",
-				themes: `node "${LIB}/generate-json-imports/themes.js" dist/generated/assets/themes src/generated/json-imports`,
-				i18n: `node "${LIB}/generate-json-imports/i18n.js" dist/generated/assets/i18n src/generated/json-imports`,
+				default: "ui5nps build.jsonImports.themes build.jsonImports.i18n",
+				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: "mkdirp src/generated/js-imports && nps build.jsImports.illustrationsLoaders",
+				default: "ui5nps build.jsImports.illustrationsLoaders",
 				illustrationsLoaders: createIllustrationsLoadersScript,
 			},
-			bundle: `vite build ${viteConfig} --mode testing  --base ${websiteBaseUrl}`,
+			bundle: `vite build ${viteConfig} --mode testing --base ${websiteBaseUrl}`,
 			bundle2: ``,
 			illustrations: createIllustrationsJSImportsScript,
 		},
-		copyProps: `node "${LIB}/copy-and-watch/index.js" --silent "src/i18n/*.properties" dist/`,
+		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: "nps copy.src copy.props",
-			src: `node "${LIB}/copy-and-watch/index.js" --silent "src/**/*.{js,json}" dist/`,
-			props: `node "${LIB}/copy-and-watch/index.js" --silent "src/i18n/*.properties" dist/`,
+			default: options.legacy ? "ui5nps copy.src copy.props" : "",
+			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: `${tsCrossEnv} concurrently "nps watch.templates" "nps watch.typescript" ${options.legacy ? '"nps watch.src"' : ""} "nps watch.styles" "nps watch.i18n" "nps watch.props"`,
-			devServer: 'concurrently "nps watch.default" "nps watch.bundle"',
-			src: 'nps "copy.src --watch --safe --skip-initial-copy"',
+			default: `ui5nps-p watch.templates watch.typescript watch.src watch.styles watch.i18n watch.props`, // concurently
+			devServer: 'ui5nps-p watch.default watch.bundle', // concurently
+			src: options.legacy ? 'ui5nps "copy.src --watch --safe --skip-initial-copy"' : "",
 			typescript: tsWatchCommandStandalone,
-			props: 'nps "copyProps --watch --safe --skip-initial-copy"',
-			bundle: `node ${LIB}/dev-server/dev-server.mjs ${viteConfig}`,
+			props: 'ui5nps copyPropsWithWatch',
+			bundle: `ui5nps-script ${LIB}dev-server/dev-server.mjs ${viteConfig}`,
 			styles: {
-				default: 'concurrently "nps watch.styles.themes" "nps watch.styles.components"',
-				themes: 'nps "build.styles.themes -w"',
-				components: `nps "build.styles.components -w"`,
+				default: 'ui5nps-p watch.styles.themes watch.styles.components', // concurently
+				themes: 'ui5nps build.styles.themesWithWatch',
+				components: `ui5nps build.styles.componentsWithWatch`,
 			},
-			templates: 'chokidar "src/**/*.hbs" -i "src/generated" -c "nps build.templates"',
-			i18n: 'chokidar "src/i18n/messagebundle.properties" -c "nps build.i18n.defaultsjs"'
+			templates: options.legacy ? 'chokidar "src/**/*.hbs" -i "src/generated" -c "ui5nps build.templates"' : "",
+			i18n: 'chokidar "src/i18n/messagebundle.properties" -c "ui5nps build.i18n.defaultsjs"'
 		},
-		start: "nps prepare watch.devServer",
-		test: `node "${LIB}/test-runner/test-runner.js"`,
-		"test-cy-ci": `${cypressEnvVariables(options)} yarn cypress run --component --browser chrome`,
-		"test-cy-ci-suite-1": `${cypressEnvVariables(options, ["TEST_SUITE=SUITE1"])} yarn cypress run --component --browser chrome`,
-		"test-cy-ci-suite-2": `${cypressEnvVariables(options, ["TEST_SUITE=SUITE2"])} yarn cypress run --component --browser chrome`,
-		"test-cy-open": `${cypressEnvVariables(options)} yarn cypress open --component --browser chrome`,
-		"test-suite-1": `node "${LIB}/test-runner/test-runner.js" --suite suite1`,
-		"test-suite-2": `node "${LIB}/test-runner/test-runner.js" --suite suite2`,
-		startWithScope: "nps scope.prepare scope.watchWithBundle",
+		start: "ui5nps prepare watch.devServer",
+		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}"`,
+		"test-cy-ci-suite-3": `cypress run --component --browser chrome --spec "**/specs/[M-S]*.cy.{js,jsx,ts,tsx}"`,
+		"test-cy-ci-suite-4": `cypress run --component --browser chrome --spec "**/specs/[T-Z]*.cy.{js,jsx,ts,tsx}"`,
+		"test-cy-open": `cypress open --component --browser chrome`,
+		startWithScope: "ui5nps scope.prepare scope.watchWithBundle",
 		scope: {
-			prepare: "nps scope.lint scope.testPages",
-			lint: `node "${LIB}/scoping/lint-src.js"`,
+			prepare: "ui5nps scope.lint scope.testPages",
+			lint: `ui5nps-script "${LIB}scoping/lint-src.js"`,
 			testPages: {
-				default: "nps 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`,
+				default: "ui5nps scope.testPages.clean scope.testPages.copy scope.testPages.replace",
+				"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: 'concurrently "nps scope.watch" "nps scope.bundle" ',
-			watch: 'concurrently "nps watch.templates" "nps watch.props" "nps watch.styles"',
-			bundle: `node ${LIB}/dev-server/dev-server.mjs ${viteConfig}`,
+			watchWithBundle: 'ui5nps-p scope.watch scope.bundle', // concurently
+			watch: 'ui5nps-p watch.templates watch.props watch.styles', // concurently
+			bundle: `ui5nps-script ${LIB}dev-server/dev-server.mjs ${viteConfig}`,
 		},
 		generateAPI: {
-			default: tsOption ? "nps generateAPI.generateCEM generateAPI.validateCEM" : "",
-			generateCEM: `${options.dev ? "cross-env UI5_CEM_MODE='dev'" : ""} cem analyze --config "${LIB}/cem/custom-elements-manifest.config.mjs"`,
-			validateCEM: `${options.dev ? "cross-env UI5_CEM_MODE='dev'" : ""} node "${LIB}/cem/validate.js"`,
+			default: tsOption ? "ui5nps generateAPI.generateCEM generateAPI.validateCEM" : "",
+			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,35 +4,37 @@ 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: "nps" };
+	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;
 }
 
+const hashesCheck = cmd => `(node "${LIB}/icons-hash/icons-hash.mjs" check) || (${cmd} && node "${LIB}/icons-hash/icons-hash.mjs" save)`;
+
 const copyIconAssetsCommand = (options) => {
 	if (!options.versions) {
-		return 	{
-			default: "nps 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/`,
+		return {
+			default: "ui5nps copy.json-imports copy.icon-collection",
+			"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: "nps copy.json-imports ",
-		"json-imports": `node "${LIB}/copy-and-watch/index.js" --silent "src/**/*.js" dist/`,
+	const command = {
+		default: "ui5nps copy.json-imports ",
+		"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;
@@ -42,23 +44,30 @@ const getScripts = (options) => {
 	const createJSImportsCmd = createIconImportsCommand(options);
 	const copyAssetsCmd = copyIconAssetsCommand(options);
 	const tsCommand = !options.legacy ? "tsc --build" : "";
-	const tsCrossEnv = !options.legacy ? "cross-env UI5_TS=true" : "";
+	const tsOption = !options.legacy;
 
 	const scripts = {
-		clean: "rimraf dist && rimraf src/generated",
+		__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`,
+		},
 		copy: copyAssetsCmd,
-		generate: `${tsCrossEnv} nps clean copy build.i18n build.icons build.jsonImports copyjson`,
-		copyjson: "copy-and-watch \"src/generated/**/*.json\" dist/generated/",
+		generate: hashesCheck(`ui5nps clean copy build.i18n build.icons build.jsonImports copyjson`),
+		copyjson: `ui5nps-script "${LIB}copy-and-watch/index.js" "src/generated/**/*.json" dist/generated`,
 		build: {
-			default: `${tsCrossEnv} nps clean copy build.i18n typescript build.icons build.jsonImports`,
+			default: hashesCheck(`ui5nps clean copy build.i18n typescript build.icons build.jsonImports`),
 			i18n: {
-				default: "nps build.i18n.defaultsjs build.i18n.json",
-				defaultsjs: `mkdirp dist/generated/i18n && node "${LIB}/i18n/defaults.js" src/i18n src/generated/i18n`,
-				json: `mkdirp src/generated/assets/i18n && node "${LIB}/i18n/toJSON.js" src/i18n src/generated/assets/i18n`,
+				default: "ui5nps build.i18n.defaultsjs build.i18n.json",
+				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: "mkdirp src/generated/json-imports && nps build.jsonImports.i18n",
-				i18n: `node "${LIB}/generate-json-imports/i18n.js" src/generated/assets/i18n src/generated/json-imports`,
+				default: "ui5nps build.jsonImports.i18n",
+				i18n: `ui5nps-script "${LIB}/generate-json-imports/i18n.js" src/generated/assets/i18n src/generated/json-imports`,
 			},
 			icons: createJSImportsCmd,
 		},