feat(liferay-cli): add support to report if a project type is portlet

There are some things that should only be generated for portlet project
types like portlet properties, sample code, CSS styles, etc.

Author: izaera

projects/js-toolkit/packages/liferay-cli/src/new/facet-angular/index.ts

@@ -15,15 +15,18 @@ import {
 import dependencies from '../../dependencies.json';
 import ensureOutputFile from '../../util/ensureOutputFile';
 
-import type {Facet, Options} from '../index';
+import type {Options} from '../index';
+import type {LiferayTargetFacet} from '../target-liferay';
 
 const {
 	PkgJson: {addDependencies},
 	Text: {appendLines},
 } = TRANSFORM_OPERATIONS;
 const {info, print} = format;
 
-const facet: Facet = {
+const facet: LiferayTargetFacet = {
+	isPortlet: true,
+
 	async prompt(useDefaults: boolean, options: Options): Promise<Options> {
 		return options;
 	},

projects/js-toolkit/packages/liferay-cli/src/new/facet-plain-js/index.ts

@@ -13,14 +13,17 @@ import {
 
 import ensureOutputFile from '../../util/ensureOutputFile';
 
-import type {Facet, Options} from '../index';
+import type {Options} from '../index';
+import type {LiferayTargetFacet} from '../target-liferay';
 
 const {
 	Text: {appendLines},
 } = TRANSFORM_OPERATIONS;
 const {info, print} = format;
 
-const facet: Facet = {
+const facet: LiferayTargetFacet = {
+	isPortlet: true,
+
 	async prompt(useDefaults: boolean, options: Options): Promise<Options> {
 		return options;
 	},

projects/js-toolkit/packages/liferay-cli/src/new/facet-react/index.ts

@@ -15,15 +15,18 @@ import {
 import dependencies from '../../dependencies.json';
 import ensureOutputFile from '../../util/ensureOutputFile';
 
-import type {Facet, Options} from '../index';
+import type {Options} from '../index';
+import type {LiferayTargetFacet} from '../target-liferay';
 
 const {
 	PkgJson: {addDependencies},
 	Text: {appendLines},
 } = TRANSFORM_OPERATIONS;
 const {info, print} = format;
 
-const facet: Facet = {
+const facet: LiferayTargetFacet = {
+	isPortlet: true,
+
 	async prompt(useDefaults: boolean, options: Options): Promise<Options> {
 		return options;
 	},

projects/js-toolkit/packages/liferay-cli/src/new/facet-vuejs/index.ts

@@ -15,15 +15,18 @@ import {
 import dependencies from '../../dependencies.json';
 import ensureOutputFile from '../../util/ensureOutputFile';
 
-import type {Facet, Options} from '../index';
+import type {Options} from '../index';
+import type {LiferayTargetFacet} from '../target-liferay';
 
 const {
 	PkgJson: {addDependencies},
 	Text: {appendLines},
 } = TRANSFORM_OPERATIONS;
 const {info, print} = format;
 
-const facet: Facet = {
+const facet: LiferayTargetFacet = {
+	isPortlet: true,
+
 	async prompt(useDefaults: boolean, options: Options): Promise<Options> {
 		return options;
 	},

projects/js-toolkit/packages/liferay-cli/src/new/target-liferay/index.ts

@@ -24,14 +24,18 @@ import facetSampleConfiguration from '../facet-sample-configuration';
 import facetSampleStyles from '../facet-sample-styles';
 import facetVuejs from '../facet-vuejs';
 
-import type {Options, Target} from '..';
+import type {Facet, Options, Target} from '..';
+
+export interface LiferayTargetFacet extends Facet {
+	isPortlet: boolean;
+}
 
 const {
 	PkgJson: {addDependencies},
 } = TRANSFORM_OPERATIONS;
 const {info, print} = format;
 
-const frameworkFacets = {
+const projectTypeFacets: {[name: string]: LiferayTargetFacet} = {
 	'Angular': facetAngular,
 	'Plain JavaScript': facetPlainJs,
 	'React': facetReact,
@@ -55,28 +59,40 @@ const target: Target = {
 				type: 'list',
 			},
 			{
-				choices: Object.keys(frameworkFacets),
+				choices: Object.keys(projectTypeFacets),
 				default: 'React',
-				defaultDescription: 'Using framework: {React}',
-				message: 'Which will be your application framework?',
-				name: 'framework',
+				defaultDescription: 'Using project type: {React}',
+				message: 'Which will be your project type?',
+				name: 'projectType',
 				type: 'list',
 			},
 		]);
 
-		options = await facetLocalization.prompt(true, options);
-		options = await facetConfiguration.prompt(true, options);
-		options = await facetPortlet.prompt(useDefaults, options);
+		const projectTypeFacet =
+			projectTypeFacets[options.projectType as string];
+
+		options = await facetLocalization.prompt(
+			useDefaults || projectTypeFacet.isPortlet,
+			options
+		);
+		options = await facetConfiguration.prompt(
+			useDefaults || projectTypeFacet.isPortlet,
+			options
+		);
+
+		if (projectTypeFacet.isPortlet) {
+			options = await facetPortlet.prompt(useDefaults, options);
+		}
 
-		const frameworkFacet = frameworkFacets[options.framework as string];
+		options = await facetBuildable.prompt(true, options);
+		options = await projectTypeFacet.prompt(useDefaults, options);
 
-		if (frameworkFacet) {
-			options = await facetBuildable.prompt(true, options);
-			options = await frameworkFacet.prompt(useDefaults, options);
+		if (projectTypeFacet.isPortlet) {
 			options = await facetSampleStyles.prompt(true, options);
-			options = await facetSampleConfiguration.prompt(true, options);
 		}
 
+		options = await facetSampleConfiguration.prompt(true, options);
+
 		return options;
 	},
 
@@ -99,18 +115,24 @@ const target: Target = {
 			})
 		);
 
+		const projectTypeFacet =
+			projectTypeFacets[options.projectType as string];
+
 		await facetLocalization.render(options);
 		await facetConfiguration.render(options);
-		await facetPortlet.render(options);
 
-		const frameworkFacet = frameworkFacets[options.framework as string];
+		if (projectTypeFacet.isPortlet) {
+			await facetPortlet.render(options);
+		}
 
-		if (frameworkFacet) {
-			await facetBuildable.render(options);
-			await frameworkFacet.render(options);
+		await facetBuildable.render(options);
+		await projectTypeFacet.render(options);
+
+		if (projectTypeFacet.isPortlet) {
 			await facetSampleStyles.render(options);
-			await facetSampleConfiguration.render(options);
 		}
+
+		await facetSampleConfiguration.render(options);
 	},
 };