generator-easy-ui5 3.7.0 → 3.8.1

package/README.md

@@ -104,9 +104,27 @@ yo easy-ui5 [project|library] <sub-generator-id>
 If you are running Easy UI5 behind a coporate proxy, just use the default proxy environment variables for Node.js to configure your corporate proxy:
 
 - `HTTP_PROXY`: Specify the value to use as the HTTP proxy for all connections, e.g., `HTTP_PROXY="http://proxy.mycompany.com:8080/"`.
-- `HTTPS_PROXY`: Specify the value to use as the HTTPS proxy for all connections, e.g., `HTTPS_PROXY="https://proxy.mycompany.com:8080/"`.
+- `HTTPS_PROXY`: Specify the value to use as the HTTPS proxy for all connections, e.g., `HTTPS_PROXY="http://proxy.mycompany.com:8080/"`.
 - `NO_PROXY`: Define the hosts that should bypass the proxy, e.g., `NO_PROXY="localhost,.mycompany.com,192.168.6.254:80"`.
 
+In addition, Easy UI5 also supports proxy configuration from the `.npmrc` configuration:
+
+```text
+http-proxy=http://proxy.mycompany.com:8080/
+https-proxy=http://proxy.mycompany.com:8080/
+proxy=http://proxy.mycompany.com:8080/
+no-proxy=localhost,.mycompany.com,192.168.6.254:80
+```
+
+This configuration is shared with npm itself since this proxy configuration is used to download the packages from npm.
+
+Proxies can be passed as env variables or as npm config options. The highest precedence have the `GLOBAL_AGENT_*` env variables before the regular env variables followed by the npm configuration options, e.g.:
+
+1. env: `GLOBAL_AGENT_HTTP_PROXY`
+2. env: `HTTP_PROXY`
+3. npm: `http-proxy`
+4. npm: `proxy`
+
 ## How to obtain support
 
 Please use the GitHub bug tracking system to post questions, bug reports or to create pull requests.

package/generators/app/index.js

@@ -15,29 +15,33 @@ import { Octokit } from "@octokit/rest";
 import { throttling } from "@octokit/plugin-throttling";
 const MyOctokit = Octokit.plugin(throttling);
 import spawn from "cross-spawn";
+import nodeFetch from "node-fetch";
 
 const __dirname = url.fileURLToPath(new URL(".", import.meta.url));
 
-// apply proxy settings to GLOBAL_AGENT to support the proxy configuration
-// provided via the standard Node.js environment varibales (used for fetch API)
-let HTTP_PROXY, HTTPS_PROXY, NO_PROXY;
-if (global?.GLOBAL_AGENT) {
-	HTTP_PROXY = global.GLOBAL_AGENT.HTTP_PROXY = process.env.HTTP_PROXY || process.env.http_proxy;
-	HTTPS_PROXY = global.GLOBAL_AGENT.HTTPS_PROXY = process.env.HTTPS_PROXY || process.env.https_proxy;
-	NO_PROXY = global.GLOBAL_AGENT.NO_PROXY = process.env.NO_PROXY || process.env.no_proxy;
-}
-
 // helper to retrieve config entries from npm
 //   --> npm config set easy-ui5_addGhOrg XYZ
-const NPM_CONFIG_PREFIX = "easy-ui5_";
 let npmConfig;
-const getNPMConfig = (configName) => {
+const getNPMConfig = (configName, prefix = "easy-ui5_") => {
 	if (!npmConfig) {
 		npmConfig = libnpmconfig.read();
 	}
-	return npmConfig && npmConfig[`${NPM_CONFIG_PREFIX}${configName}`];
+	return npmConfig && npmConfig[`${prefix}${configName}`];
 };
 
+// apply proxy settings to GLOBAL_AGENT to support the proxy configuration for node-fetch using the GLOBAL_AGENT
+// ==> the configuration is derived from the environment variables ([GLOBAL_AGENT_](HTTP|HTTPS|NO)_PROXY) and the npm config ((http|https|no)-proxy)
+// ==> empty values will allow to override the more general proxy settings and make the proxy value undefined
+let HTTP_PROXY, HTTPS_PROXY, NO_PROXY;
+if (global?.GLOBAL_AGENT) {
+	HTTP_PROXY = process.env.GLOBAL_AGENT_HTTP_PROXY ?? process.env.HTTP_PROXY ?? process.env.http_proxy ?? getNPMConfig("http-proxy", "") ?? getNPMConfig("proxy", "");
+	global.GLOBAL_AGENT.HTTP_PROXY = HTTP_PROXY = HTTP_PROXY || global.GLOBAL_AGENT.HTTP_PROXY;
+	HTTPS_PROXY = process.env.GLOBAL_AGENT_HTTPS_PROXY ?? process.env.HTTPS_PROXY ?? process.env.https_proxy ?? getNPMConfig("https-proxy", "") ?? getNPMConfig("proxy", "");
+	global.GLOBAL_AGENT.HTTPS_PROXY = HTTPS_PROXY = HTTPS_PROXY || global.GLOBAL_AGENT.HTTPS_PROXY;
+	NO_PROXY = process.env.GLOBAL_AGENT_NO_PROXY ?? process.env.NO_PROXY ?? process.env.no_proxy ?? getNPMConfig("no-proxy", "");
+	global.GLOBAL_AGENT.NO_PROXY = NO_PROXY = NO_PROXY || global.GLOBAL_AGENT.NO_PROXY;
+}
+
 // the command line options of the generator
 const generatorOptions = {
 	pluginsHome: {
@@ -134,6 +138,10 @@ const generatorOptions = {
 		type: Boolean,
 		description: "Preview the next mode to consume subgenerators from bestofui5.org",
 	},
+	skipNested: {
+		type: Boolean,
+		description: "Skips the nested generators and runs only the first subgenerator",
+	},
 };
 
 const generatorArgs = {
@@ -149,6 +157,7 @@ const generatorArgs = {
 	},
 };
 
+// The Easy UI5 Generator!
 export default class extends Generator {
 	constructor(args, opts) {
 		super(args, opts, {
@@ -239,6 +248,104 @@ export default class extends Generator {
 		return "Easy UI5";
 	}
 
+	async _getGeneratorMetadata({ env, generatorPath }) {
+		// filter the hidden subgenerators already
+		//   -> subgenerators must be found in env as they are returned by lookup!
+		const lookupGeneratorMeta = await env.lookup({ localOnly: true, packagePaths: generatorPath });
+		const subGenerators = lookupGeneratorMeta.filter((sub) => {
+			const subGenerator = env.get(sub.namespace);
+			return !subGenerator.hidden;
+		});
+		return subGenerators;
+	}
+
+	async _installGenerator({ octokit, generator, generatorPath }) {
+		// lookup the default path of the generator if not set
+		if (!generator.branch) {
+			try {
+				const repoInfo = await octokit.repos.get({
+					owner: generator.org,
+					repo: generator.name,
+				});
+				generator.branch = repoInfo.data.default_branch;
+			} catch (e) {
+				console.error(`Generator "${owner}/${repo}!${dir}${branch ? "#" + branch : ""}" not found! Run with --verbose for details!\n(Hint: ${e.message})`);
+				if (this.options.verbose) {
+					console.error(e);
+				}
+				return;
+			}
+		}
+		// fetch the branch to retrieve the latest commit SHA
+		let commitSHA;
+		try {
+			// determine the commitSHA
+			const reqBranch = await octokit.repos.getBranch({
+				owner: generator.org,
+				repo: generator.name,
+				branch: generator.branch,
+			});
+			commitSHA = reqBranch.data.commit.sha;
+		} catch (ex) {
+			console.error(
+				chalk.red(`Failed to retrieve the branch "${generator.branch}" for repository "${generator.name}" for "${generator.org}" organization! Run with --verbose for details!\n(Hint: ${e.message})`)
+			);
+			if (this.options.verbose) {
+				console.error(chalk.red(ex.message));
+			}
+			return;
+		}
+
+		if (this.options.verbose) {
+			this.log(`Using commit ${commitSHA} from @${generator.org}/${generator.name}#${generator.branch}!`);
+		}
+		const shaMarker = path.join(generatorPath, `.${commitSHA}`);
+
+		if (fs.existsSync(generatorPath) && !this.options.skipUpdate) {
+			// check if the SHA marker exists to know whether the generator is up-to-date or not
+			if (this.options.forceUpdate || !fs.existsSync(shaMarker)) {
+				if (this.options.verbose) {
+					this.log(`Generator ${chalk.yellow(generator.name)} in "${generatorPath}" is outdated!`);
+				}
+				// remove if the SHA marker doesn't exist => outdated!
+				this._showBusy(`  Deleting subgenerator ${chalk.yellow(generator.name)}...`);
+				fs.rmSync(generatorPath, { recursive: true });
+			}
+		}
+
+		// re-fetch the generator and extract into local plugin folder
+		if (!fs.existsSync(generatorPath)) {
+			// unzip the archive
+			if (this.options.verbose) {
+				this.log(`Extracting ZIP to "${generatorPath}"...`);
+			}
+			this._showBusy(`  Downloading subgenerator ${chalk.yellow(generator.name)}...`);
+			const reqZIPArchive = await octokit.repos.downloadZipballArchive({
+				owner: generator.org,
+				repo: generator.name,
+				ref: commitSHA,
+			});
+
+			this._showBusy(`  Extracting subgenerator ${chalk.yellow(generator.name)}...`);
+			const buffer = Buffer.from(new Uint8Array(reqZIPArchive.data));
+			this._unzip(buffer, generatorPath, generator.dir);
+
+			// write the sha marker
+			fs.writeFileSync(shaMarker, commitSHA);
+		}
+
+		// run npm install when not embedding the generator (always for self-healing!)
+		if (!this.options.embed) {
+			if (this.options.verbose) {
+				this.log("Installing the subgenerator dependencies...");
+			}
+			this._showBusy(`  Preparing ${chalk.yellow(generator.name)}...`);
+			await this._npmInstall(generatorPath, this.options.pluginsWithDevDeps);
+		}
+
+		this._clearBusy(true);
+	}
+
 	async prompting() {
 		const home = path.join(__dirname, "..", "..");
 		const pkgJson = JSON.parse(fs.readFileSync(path.join(home, "package.json"), "utf8"));
@@ -304,6 +411,13 @@ export default class extends Generator {
 			// define the options for the Octokit API
 			const octokitOptions = {
 				userAgent: `${this.rootGeneratorName()}:${this.rootGeneratorVersion()}`,
+				request: {
+					fetch: (_url, _options) => {
+						return nodeFetch(_url, {
+							..._options,
+						});
+					},
+				},
 				auth: this.options.ghAuthToken,
 				baseUrl: this.options.ghBaseUrl,
 				throttle: {
@@ -369,31 +483,28 @@ export default class extends Generator {
 		// determine the generator to be used
 		let generator;
 
-		// try to identify whether concrete generator is defined
-		if (!generator) {
-			// determine generator by ${owner}/${repo}(!${dir})? syntax, e.g.:
-			//   > yo easy-ui5 SAP-samples/ui5-typescript-tutorial
-			//   > yo easy-ui5 SAP-samples/ui5-typescript-tutorial#1.0
-			//   > yo easy-ui5 SAP-samples/ui5-typescript-tutorial\!/generator
-			//   > yo easy-ui5 SAP-samples/ui5-typescript-tutorial\!/generator#1.0
-			const reGenerator = /([^\/]+)\/([^\!\#]+)(?:\!([^\#]+))?(?:\#(.+))?/;
-			const matchGenerator = reGenerator.exec(this.options.generator);
-			if (matchGenerator) {
-				// derive and path the generator information from command line
-				const [owner, repo, dir = "/generator", branch] = matchGenerator.slice(1);
-				// the plugin path is derived from the owner, repo, dir and branch
-				const pluginPath = `_/${owner}/${repo}${dir.replace(/[\/\\]/g, "_")}${branch ? `#${branch.replace(/[\/\\]/g, "_")}` : ""}`;
-				generator = {
-					org: owner,
-					name: repo,
-					branch,
-					dir,
-					pluginPath,
-				};
-				// log which generator is being used!
-				if (this.options.verbose) {
-					this.log(`Using generator ${chalk.green(`${owner}/${repo}!${dir}${branch ? "#" + branch : ""}`)}`);
-				}
+		// determine generator by ${owner}/${repo}(!${dir})? syntax, e.g.:
+		//   > yo easy-ui5 SAP-samples/ui5-typescript-tutorial
+		//   > yo easy-ui5 SAP-samples/ui5-typescript-tutorial#1.0
+		//   > yo easy-ui5 SAP-samples/ui5-typescript-tutorial\!/generator
+		//   > yo easy-ui5 SAP-samples/ui5-typescript-tutorial\!/generator#1.0
+		const reGenerator = /([^\/]+)\/([^\!\#]+)(?:\!([^\#]+))?(?:\#(.+))?/;
+		const matchGenerator = reGenerator.exec(this.options.generator);
+		if (matchGenerator) {
+			// derive and path the generator information from command line
+			const [owner, repo, dir = "/generator", branch] = matchGenerator.slice(1);
+			// the plugin path is derived from the owner, repo, dir and branch
+			const pluginPath = `_/${owner}/${repo}${dir.replace(/[\/\\]/g, "_")}${branch ? `#${branch.replace(/[\/\\]/g, "_")}` : ""}`;
+			generator = {
+				org: owner,
+				name: repo,
+				branch,
+				dir,
+				pluginPath,
+			};
+			// log which generator is being used!
+			if (this.options.verbose) {
+				this.log(`Using generator ${chalk.green(`${owner}/${repo}!${dir}${branch ? "#" + branch : ""}`)}`);
 			}
 		}
 
@@ -457,7 +568,7 @@ export default class extends Generator {
 								};
 							});
 					} catch (e) {
-						console.error("Failed to connect to bestofui5.org to retrieve all available generators! Run with --verbose for details!");
+						console.error(`Failed to connect to bestofui5.org to retrieve all available generators! Run with --verbose for details!\n(Hint: ${e.message})`);
 						if (this.options.verbose) {
 							console.error(e);
 						}
@@ -468,7 +579,7 @@ export default class extends Generator {
 					try {
 						availGenerators = await listGeneratorsForOrg(this.options.ghOrg, this.options.subGeneratorPrefix, this.options.ghThreshold);
 					} catch (e) {
-						console.error(`Failed to connect to GitHub to retrieve all available generators for "${this.options.ghOrg}" organization! Run with --verbose for details!`);
+						console.error(`Failed to connect to GitHub to retrieve all available generators for "${this.options.ghOrg}" organization! Run with --verbose for details!\n(Hint: ${e.message})`);
 						if (this.options.verbose) {
 							console.error(e);
 						}
@@ -487,7 +598,7 @@ export default class extends Generator {
 						try {
 							availGenerators = availGenerators.concat(await listGeneratorsForUser(this.options.addGhOrg, this.options.addSubGeneratorPrefix, this.options.ghThreshold));
 						} catch (e1) {
-							console.error(`Failed to connect to GitHub to retrieve additional generators for organization or user "${this.options.addGhOrg}"! Run with --verbose for details!`);
+							console.error(`Failed to connect to GitHub to retrieve additional generators for organization or user "${this.options.addGhOrg}"! Run with --verbose for details!\n(Hint: ${e.message})`);
 							if (this.options.verbose) {
 								console.error(e1);
 							}
@@ -527,85 +638,10 @@ export default class extends Generator {
 			}
 		}
 
-		let generatorPath = path.join(pluginsHome, generator.pluginPath || generator.name);
+		// install the generator if not running in offline mode
+		const generatorPath = path.join(pluginsHome, generator.pluginPath || generator.name);
 		if (!this.options.offline) {
-			// lookup the default path of the generator if not set
-			if (!generator.branch) {
-				try {
-					const repoInfo = await octokit.repos.get({
-						owner: generator.org,
-						repo: generator.name,
-					});
-					generator.branch = repoInfo.data.default_branch;
-				} catch (e) {
-					console.error(`Generator "${owner}/${repo}!${dir}${branch ? "#" + branch : ""}" not found! Run with --verbose for details!`);
-					if (this.options.verbose) {
-						console.error(e);
-					}
-					return;
-				}
-			}
-			// fetch the branch to retrieve the latest commit SHA
-			let commitSHA;
-			try {
-				// determine the commitSHA
-				const reqBranch = await octokit.repos.getBranch({
-					owner: generator.org,
-					repo: generator.name,
-					branch: generator.branch,
-				});
-				commitSHA = reqBranch.data.commit.sha;
-			} catch (ex) {
-				console.error(chalk.red(`Failed to retrieve the branch "${generator.branch}" for repository "${generator.name}" for "${generator.org}" organization! Run with --verbose for details!`));
-				if (this.options.verbose) {
-					console.error(chalk.red(ex.message));
-				}
-				return;
-			}
-
-			if (this.options.verbose) {
-				this.log(`Using commit ${commitSHA} from @${generator.org}/${generator.name}#${generator.branch}!`);
-			}
-			const shaMarker = path.join(generatorPath, `.${commitSHA}`);
-
-			if (fs.existsSync(generatorPath) && !this.options.skipUpdate) {
-				// check if the SHA marker exists to know whether the generator is up-to-date or not
-				if (this.options.forceUpdate || !fs.existsSync(shaMarker)) {
-					if (this.options.verbose) {
-						this.log(`Generator ${chalk.yellow(generator.name)} in "${generatorPath}" is outdated!`);
-					}
-					// remove if the SHA marker doesn't exist => outdated!
-					this._showBusy(`  Deleting subgenerator ${chalk.yellow(generator.name)}...`);
-					fs.rmSync(generatorPath, { recursive: true });
-				}
-			}
-
-			// re-fetch the generator and extract into local plugin folder
-			if (!fs.existsSync(generatorPath)) {
-				// unzip the archive
-				if (this.options.verbose) {
-					this.log(`Extracting ZIP to "${generatorPath}"...`);
-				}
-				this._showBusy(`  Downloading subgenerator ${chalk.yellow(generator.name)}...`);
-				const reqZIPArchive = await octokit.repos.downloadZipballArchive({
-					owner: generator.org,
-					repo: generator.name,
-					ref: commitSHA,
-				});
-
-				this._showBusy(`  Extracting subgenerator ${chalk.yellow(generator.name)}...`);
-				const buffer = Buffer.from(new Uint8Array(reqZIPArchive.data));
-				this._unzip(buffer, generatorPath, generator.dir);
-
-				// write the sha marker
-				fs.writeFileSync(shaMarker, commitSHA);
-			}
-
-			// only when embedding we clear the busy state as otherwise
-			// the npm install will immediately again show the busy state
-			if (this.options.embed) {
-				this._clearBusy(true);
-			}
+			await this._installGenerator({ octokit, generator, generatorPath });
 		}
 
 		// do not execute the plugin generator during the setup/embed mode
@@ -613,14 +649,6 @@ export default class extends Generator {
 			// filter the local options and the help command
 			const opts = Object.keys(this._options).filter((optionName) => !(generatorOptions.hasOwnProperty(optionName) || optionName === "help"));
 
-			// run npm install (always for self-healing!)
-			if (this.options.verbose) {
-				this.log("Installing the subgenerator dependencies...");
-			}
-			this._showBusy(`  Preparing ${chalk.yellow(generator.name)}...`);
-			await this._npmInstall(generatorPath, this.options.pluginsWithDevDeps);
-			this._clearBusy(true);
-
 			// create the env for the plugin generator
 			let env = this.env; // in case of Yeoman UI the env is injected!
 			if (!env) {
@@ -628,19 +656,20 @@ export default class extends Generator {
 				env = yeoman.createEnv(this.args, opts);
 			}
 
-			// helper to derive the subcommand
-			function deriveSubcommand(namespace) {
-				const match = namespace.match(/[^:]+:(.+)/);
-				return match ? match[1] : namespace;
+			// read the generator metadata
+			let subGenerators = await this._getGeneratorMetadata({ env, generatorPath });
+
+			// helper to derive the generator from the namespace
+			function deriveGenerator(namespace, defaultValue) {
+				const match = namespace.match(/([^:]+):.+/);
+				return match ? match[1] : defaultValue === undefined ? namespace : defaultValue;
 			}
 
-			// filter the hidden subgenerators already
-			//   -> subgenerators must be found in env as they are returned by lookup!
-			const lookupGeneratorMeta = await env.lookup({ localOnly: true, packagePaths: generatorPath });
-			let subGenerators = lookupGeneratorMeta.filter((sub) => {
-				const subGenerator = env.get(sub.namespace);
-				return !subGenerator.hidden;
-			});
+			// helper to derive the subcommand from the namespace
+			function deriveSubcommand(namespace, defaultValue) {
+				const match = namespace.match(/^[^:]+:(.+)$/);
+				return match ? match[1] : defaultValue === undefined ? namespace : defaultValue;
+			}
 
 			// list the available subgenerators in the console (as help)
 			if (this.options.list) {
@@ -726,16 +755,79 @@ export default class extends Generator {
 					).subGenerator;
 				}
 
-				if (this.options.verbose) {
-					this.log(`Calling ${chalk.red(subGenerator)}...\n  \\_ in "${generatorPath}"`);
+				// determine the list of subgenerators to be executed
+				const subGensToRun = [subGenerator];
+
+				// method to resolve nested generators (only once!)
+				const resolved = [];
+				const resolveNestedGenerator = async (generatorToResolve) => {
+					const constructor = await env.get(generatorToResolve);
+					await Promise.all(
+						constructor.nestedGenerators?.map(async (nestedGenerator) => {
+							const theNestedGenerator = deriveGenerator(nestedGenerator);
+							if (resolved.indexOf(theNestedGenerator) === -1) {
+								resolved.push(theNestedGenerator);
+								const nestedGeneratorInfo = availGenerators.find((repo) => repo.subGeneratorName === theNestedGenerator);
+								const nestedGeneratorPath = path.join(pluginsHome, nestedGeneratorInfo.pluginPath || nestedGeneratorInfo.name);
+								await this._installGenerator({ octokit, generator: nestedGeneratorInfo, generatorPath: nestedGeneratorPath });
+								const nestedGens = await this._getGeneratorMetadata({ env, generatorPath: nestedGeneratorPath });
+								const subcommand = deriveSubcommand(nestedGenerator, "");
+								const theNestedGen = nestedGens.filter((nested) => {
+									const nestedSubcommand = deriveSubcommand(nested.namespace, "");
+									return subcommand ? nestedSubcommand === subcommand : !nestedSubcommand;
+								})?.[0];
+								if (theNestedGen) {
+									subGensToRun.push(theNestedGen.namespace);
+									await resolveNestedGenerator(theNestedGen.namespace);
+								} else {
+									this.log(`The nested generator "${nestedGeneratorInfo.org}/${nestedGeneratorInfo.name}" has no subgenerator "${subcommand || "default"}"! Ignoring execution...`);
+								}
+							}
+						}) || []
+					);
+				};
+
+				// only resolve nested generators when they should not be skipped
+				if (!this.options.skipNested) {
+					await resolveNestedGenerator(subGenerator);
 				}
 
-				// finally, run the subgenerator
-				env.run(subGenerator, {
-					verbose: this.options.verbose,
-					embedded: true,
-					destinationRoot: this.destinationRoot(),
-				});
+				// intercept the environments runGenerator method to determine
+				// and forward the destinationRoot between the generator executions
+				const runGenerator = env.runGenerator;
+				let cwd;
+				env.runGenerator = async function (gen) {
+					if (cwd) {
+						// apply the cwd to the next gen
+						gen.destinationRoot(cwd);
+					}
+					return runGenerator.apply(this, arguments).then((retval) => {
+						// store the cwd from the current gen
+						cwd = gen.destinationRoot();
+						return retval;
+					});
+				};
+
+				// chain the execution of the generators
+				let chain = Promise.resolve();
+				for (const subGen of subGensToRun) {
+					chain = chain.then(
+						function () {
+							// we need to use env.run and not composeWith
+							// to ensure that subgenerators can have different
+							// dependencies than the root generator
+							return env.run(subGen, {
+								verbose: this.options.verbose,
+								embedded: true,
+								destinationRoot: this.destinationRoot(),
+							});
+						}.bind(this)
+					);
+				}
+
+				if (this.options.verbose) {
+					this.log(`Running generators in "${generatorPath}"...`);
+				}
 			} else {
 				this.log(`The generator ${chalk.red(this.options.generator)} has no visible subgenerators!`);
 			}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "generator-easy-ui5",
-  "version": "3.7.0",
+  "version": "3.8.1",
   "description": "Generator for UI5-based project",
   "main": "generators/app/index.js",
   "type": "module",
@@ -55,6 +55,7 @@
     "colors": "^1.4.0",
     "glob": "^10.3.10",
     "libnpmconfig": "^1.2.1",
+    "node-fetch": "^3.3.2",
     "rimraf": "^5.0.5",
     "yeoman-environment": "^3.19.3",
     "yeoman-generator": "^5.10.0",