Final touches after refactoring

packages/create-block/lib/prompts.js

@@ -11,7 +11,6 @@ const upperFirst = ( [ firstLetter, ...rest ] ) =>
 // Block metadata.
 const slug = {
 	type: 'input',
-	name: 'slug',
 	message:
 		'The block slug used for identification (also the output folder name):',
 	validate( input ) {
@@ -25,7 +24,6 @@ const slug = {
 
 const namespace = {
 	type: 'input',
-	name: 'namespace',
 	message:
 		'The internal namespace for the block name (something unique for your products):',
 	validate( input ) {
@@ -39,25 +37,22 @@ const namespace = {
 
 const title = {
 	type: 'input',
-	name: 'title',
 	message: 'The display title for your block:',
-	filter( input ) {
+	transformer( input ) {
 		return input && upperFirst( input );
 	},
 };
 
 const description = {
 	type: 'input',
-	name: 'description',
 	message: 'The short description for your block (optional):',
-	filter( input ) {
+	transformer( input ) {
 		return input && upperFirst( input );
 	},
 };
 
 const dashicon = {
 	type: 'input',
-	name: 'dashicon',
 	message:
 		'The dashicon to make it easier to identify your block (optional):',
 	validate( input ) {
@@ -67,16 +62,17 @@ const dashicon = {
 
 		return true;
 	},
-	filter( input ) {
+	transformer( input ) {
 		return input && input.replace( /dashicon(s)?-/, '' );
 	},
 };
 
 const category = {
-	type: 'list',
-	name: 'category',
+	type: 'select',
 	message: 'The category name to help users browse and discover your block:',
-	choices: [ 'text', 'media', 'design', 'widgets', 'theme', 'embed' ],
+	choices: [ 'text', 'media', 'design', 'widgets', 'theme', 'embed' ].map(
+		( value ) => ( { value } )
+	),
 };
 
 const textdomain = {
@@ -96,14 +92,12 @@ const textdomain = {
 // Plugin header fields.
 const pluginURI = {
 	type: 'input',
-	name: 'pluginURI',
 	message:
 		'The home page of the plugin (optional). Unique URL outside of WordPress.org:',
 };
 
 const version = {
 	type: 'input',
-	name: 'version',
 	message: 'The current version number of the plugin:',
 	validate( input ) {
 		// Regular expression was copied from https://semver.org.
@@ -119,32 +113,27 @@ const version = {
 
 const author = {
 	type: 'input',
-	name: 'author',
 	message:
 		'The name of the plugin author (optional). Multiple authors may be listed using commas:',
 };
 
 const license = {
 	type: 'input',
-	name: 'license',
 	message: 'The short name of the plugin’s license (optional):',
 };
 
 const licenseURI = {
 	type: 'input',
-	name: 'licenseURI',
 	message: 'A link to the full text of the license (optional):',
 };
 
 const domainPath = {
 	type: 'input',
-	name: 'domainPath',
 	message: 'A custom domain path for the translations (optional):',
 };
 
 const updateURI = {
 	type: 'input',
-	name: 'updateURI',
 	message: 'A custom update URI for the plugin (optional):',
 };
 

packages/create-block/lib/templates.js

@@ -1,12 +1,12 @@
 /**
  * External dependencies
  */
+const inquirer = require( '@inquirer/prompts' );
 const { command } = require( 'execa' );
 const glob = require( 'fast-glob' );
 const { resolve } = require( 'path' );
 const { existsSync } = require( 'fs' );
 const { mkdtemp, readFile } = require( 'fs' ).promises;
-const inquirer = require( 'inquirer' );
 const npmPackageArg = require( 'npm-package-arg' );
 const { tmpdir } = require( 'os' );
 const { join } = require( 'path' );
@@ -250,21 +250,27 @@ const getDefaultValues = ( pluginTemplate, variant ) => {
 	};
 };
 
-const runPrompts = async ( pluginTemplate, keys, variant, optionsValues ) => {
+const runPrompts = async (
+	pluginTemplate,
+	promptNames,
+	variant,
+	optionsValues
+) => {
 	const defaultValues = getDefaultValues( pluginTemplate, variant );
-	await inquirer.prompt(
-		keys
-			.filter(
-				( promptName ) =>
-					! Object.keys( optionsValues ).includes( promptName )
-			)
-			.map( ( promptName ) => {
-				return {
-					...prompts[ promptName ],
-					default: defaultValues[ promptName ],
-				};
-			} )
-	);
+	const result = {};
+	for ( const promptName of promptNames ) {
+		if ( Object.keys( optionsValues ).includes( promptName ) ) {
+			continue;
+		}
+
+		const { type, ...config } = prompts[ promptName ];
+		result[ promptName ] = await inquirer[ type ]( {
+			...config,
+			default: defaultValues[ promptName ],
+		} );
+	}
+
+	return result;
 };
 
 const getVariantVars = ( variants, variant ) => {

packages/create-block/package.json

@@ -39,7 +39,6 @@
 		"commander": "^9.2.0",
 		"execa": "^4.0.2",
 		"fast-glob": "^3.2.7",
-		"inquirer": "^12.2.0",
 		"make-dir": "^3.0.0",
 		"mustache": "^4.0.0",
 		"npm-package-arg": "^8.1.5",