From 9eb498004cfff3a714c64c80aa749e12b32f1365 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Zaera=20Avell=C3=B3n?= <izaera@gmx.es>
Date: Mon, 9 Mar 2020 11:41:21 +0100
Subject: [PATCH 01/12] chore: Configure eslint

---
 .eslintrc.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.eslintrc.js b/.eslintrc.js
index 59124a08..d33d75cb 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -18,6 +18,7 @@ module.exports = {
 	root: true,
 	rules: {
 		'@typescript-eslint/await-thenable': 'error',
+		'@typescript-eslint/switch-exhaustiveness-check': 'error',
 		'@typescript-eslint/no-explicit-any': [
 			'error',
 			{

From 2f6f9dda6e66a75804a5c5c90d8a42d64569cb9a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Zaera=20Avell=C3=B3n?= <izaera@gmx.es>
Date: Mon, 9 Mar 2020 11:44:01 +0100
Subject: [PATCH 02/12] feat: #538 Add webpack actions to report

This is so that we can tell the user what webpack and/or our plugins are doing
on each file.
---
 .../src/project/misc.ts                       | 67 ++++++++++++++-
 .../liferay-npm-bundler/src/report/html.ts    | 62 ++++++++++++--
 .../liferay-npm-bundler/src/report/index.ts   | 63 +++++++++-----
 .../liferay-npm-bundler/src/report/logger.ts  | 82 +++++++++++++++++++
 4 files changed, 246 insertions(+), 28 deletions(-)
 create mode 100644 packages/liferay-npm-bundler/src/report/logger.ts

diff --git a/packages/liferay-npm-build-tools-common/src/project/misc.ts b/packages/liferay-npm-build-tools-common/src/project/misc.ts
index 0fd988c5..d50181ed 100644
--- a/packages/liferay-npm-build-tools-common/src/project/misc.ts
+++ b/packages/liferay-npm-build-tools-common/src/project/misc.ts
@@ -5,9 +5,13 @@
 
 import {Project} from '.';
 import prop from 'dot-prop';
+import {print, warn} from 'liferay-npm-build-tools-common/lib/format';
 
 import FilePath from '../file-path';
 
+/** Valid log levels for console and report */
+export type LogLevel = 'off' | 'error' | 'warn' | 'info' | 'debug';
+
 /**
  * Reflects miscellaneous project configuration values.
  */
@@ -23,10 +27,28 @@ export default class Misc {
 	/**
 	 * Whether or not to dump detailed information about what the tool is doing
 	 */
-	get logLevel(): 'off' | 'error' | 'warn' | 'info' | 'debug' {
+	get logLevel(): LogLevel {
 		const {npmbundlerrc} = this._project;
 
-		return prop.get(npmbundlerrc, 'log-level', 'warn');
+		let logLevel = prop.get<string>(npmbundlerrc, 'log-level', 'warn');
+
+		switch (logLevel) {
+			case 'off':
+			case 'error':
+			case 'warn':
+			case 'info':
+			case 'debug':
+				break;
+
+			default:
+				logLevel = 'off';
+				print(
+					warn`Configuration value {log-level} has invalid value: it will be ignored`
+				);
+				break;
+		}
+
+		return logLevel as LogLevel;
 	}
 
 	/**
@@ -54,7 +76,6 @@ export default class Misc {
 	/**
 	 * Get the path to the report file or undefined if no report is configured.
 	 */
-
 	get reportFile(): FilePath | undefined {
 		const {_project} = this;
 		const {npmbundlerrc} = _project;
@@ -66,5 +87,45 @@ export default class Misc {
 			: undefined;
 	}
 
+	/**
+	 * Get report log level
+	 */
+	get reportLevel(): LogLevel {
+		const {_project} = this;
+		const {npmbundlerrc} = _project;
+
+		let dumpReport = prop.get<string | boolean>(
+			npmbundlerrc,
+			'dump-report',
+			false
+		);
+
+		switch (dumpReport) {
+			case 'off':
+			case 'error':
+			case 'warn':
+			case 'info':
+			case 'debug':
+				break;
+
+			case true:
+				dumpReport = 'info';
+				break;
+
+			case false:
+				dumpReport = 'off';
+				break;
+
+			default:
+				dumpReport = 'off';
+				print(
+					warn`Configuration value {dump-report} has invalid value: it will be ignored`
+				);
+				break;
+		}
+
+		return dumpReport as LogLevel;
+	}
+
 	private readonly _project: Project;
 }
diff --git a/packages/liferay-npm-bundler/src/report/html.ts b/packages/liferay-npm-bundler/src/report/html.ts
index 9d15da54..0314eb88 100644
--- a/packages/liferay-npm-bundler/src/report/html.ts
+++ b/packages/liferay-npm-bundler/src/report/html.ts
@@ -21,6 +21,7 @@ export function htmlDump(report: Report): string {
 		_rules,
 		_versionsInfo,
 		_warnings,
+		_webpack,
 	} = report;
 
 	const title = 'Report of liferay-npm-bundler execution';
@@ -66,6 +67,39 @@ export function htmlDump(report: Report): string {
 		)
 	);
 
+	const webpack = htmlSection(
+		'Details of webpack execution',
+		htmlTable(
+			'File',
+			'',
+			'Source',
+			'Messages',
+			Object.entries(_webpack.logs)
+				.sort((a, b) => a[0].localeCompare(b[0]))
+				.map(([prjRelPath, sources]) =>
+					Object.entries(sources).map(([source, logger]) =>
+						logger.messages
+							.map(({logLevel, things}, index) =>
+								htmlRow(
+									`
+									<td>${index == 0 ? prjRelPath : ''}</td>
+									<td class="${logLevel}">
+										${logLevel.toUpperCase()}
+									</td>
+									<td class="source">[${source}]</td>
+									<td>
+										${things.map(thing => `${thing}`).join(' ')}
+									</td>
+								`,
+									logLevel
+								)
+							)
+							.join('')
+					)
+				)
+		)
+	);
+
 	const rulesExecution = htmlIf(Object.keys(_rules.files).length > 0, () =>
 		htmlSection(
 			'Details of rule executions',
@@ -131,20 +165,28 @@ export function htmlDump(report: Report): string {
 					}
 					
 					th, td {
-						padding: .1em 0;
+						padding: .1em;
 						vertical-align: top;
 					}
 					
-					td.info, td.warn, td.error {
-						background: green;
+					td.debug, td.info, td.warn, td.error {
 						border-radius: 4px;
 						color: white;
+						padding: 0 2px;
 						text-align: center;
 						vertical-align: middle;
 						width: 1px;
 						white-space: nowrap;
 					}
 
+					td.debug {
+						background: gray;
+					}
+
+					td.info {
+						background: green;
+					}
+
 					td.warn {
 						background: orange;
 					}
@@ -154,6 +196,7 @@ export function htmlDump(report: Report): string {
 					}
 					
 					td.source {
+						color: grey;
 						white-space: nowrap;
 					}
 
@@ -231,21 +274,28 @@ export function htmlDump(report: Report): string {
 
 						var select = document.getElementById('log-level-select');
 
-						select.value = 'info';
+						select.value = 'debug';
 
 						select.onchange = function() {
 							switch(select.value) {
-								case 'info':
+								case 'debug':
 									style.innerHTML = '';
 									break;
 
+								case 'info':
+									style.innerHTML = 
+										'tr.debug {display: none;}';
+									break;
+
 								case 'warn':
 									style.innerHTML = 
+										'tr.debug {display: none;}' +
 										'tr.info {display: none;}';
 									break;
 
 								case 'error':
 									style.innerHTML = 
+										'tr.debug {display: none;}' +
 										'tr.info {display: none;} ' +
 										'tr.warn {display: none;}';
 									break;
@@ -258,6 +308,7 @@ export function htmlDump(report: Report): string {
 				<div id='log-level-selector'>
 					Log level filter: 
 					<select id='log-level-select'>
+						<option>debug</option>
 						<option>info</option>
 						<option>warn</option>
 						<option>error</option>
@@ -269,6 +320,7 @@ export function htmlDump(report: Report): string {
 				${warnings}
 				${projectInfo}
 				${versionsInfo}
+				${webpack}
 				${rulesExecution}
 			</body>
 		</html>
diff --git a/packages/liferay-npm-bundler/src/report/index.ts b/packages/liferay-npm-bundler/src/report/index.ts
index 1f49c70c..d5ade5a4 100644
--- a/packages/liferay-npm-bundler/src/report/index.ts
+++ b/packages/liferay-npm-bundler/src/report/index.ts
@@ -8,32 +8,13 @@ import PluginLogger from 'liferay-npm-build-tools-common/lib/plugin-logger';
 import {VersionInfo} from 'liferay-npm-build-tools-common/lib/project/types';
 
 import {htmlDump} from './html';
+import ReportLogger from './logger';
 
 /**
  * A Report holds data describing a execution of the liferay-npm-bundler so that
  * it can be dump as an HTML report.
  */
 export class Report {
-	_executionDate: Date;
-	_executionTime: number[];
-	_versionsInfo: {
-		[key: string]: VersionInfo;
-	};
-	_rootPkg: {
-		id: string;
-		name: string;
-		version: string;
-	};
-	_rules: {
-		config: object;
-		files: {
-			[prjRelPath: string]: {
-				logger: PluginLogger;
-			};
-		};
-	};
-	_warnings: string[];
-
 	constructor() {
 		this._executionDate = new Date();
 		this._executionTime = undefined;
@@ -45,6 +26,9 @@ export class Report {
 		};
 
 		this._warnings = [];
+		this._webpack = {
+			logs: {},
+		};
 	}
 
 	/**
@@ -122,6 +106,45 @@ export class Report {
 	rulesRun(prjRelPath: string, logger: PluginLogger): void {
 		this._rules.files[prjRelPath] = {logger};
 	}
+
+	getWebpackLogger(source: string, prjRelPath: string): ReportLogger {
+		if (this._webpack.logs[prjRelPath] === undefined) {
+			this._webpack.logs[prjRelPath] = {};
+		}
+
+		if (this._webpack.logs[prjRelPath][source] === undefined) {
+			this._webpack.logs[prjRelPath][source] = new ReportLogger();
+		}
+
+		return this._webpack.logs[prjRelPath][source];
+	}
+
+	readonly _executionDate: Date;
+	_executionTime: number[];
+	_versionsInfo: {
+		[key: string]: VersionInfo;
+	};
+	_rootPkg: {
+		id: string;
+		name: string;
+		version: string;
+	};
+	readonly _rules: {
+		config: object;
+		files: {
+			[prjRelPath: string]: {
+				logger: PluginLogger;
+			};
+		};
+	};
+	readonly _warnings: string[];
+	readonly _webpack: {
+		logs: {
+			[prjRelPath: string]: {
+				[source: string]: ReportLogger;
+			};
+		};
+	};
 }
 
 const report = new Report();
diff --git a/packages/liferay-npm-bundler/src/report/logger.ts b/packages/liferay-npm-bundler/src/report/logger.ts
new file mode 100644
index 00000000..f57f2714
--- /dev/null
+++ b/packages/liferay-npm-bundler/src/report/logger.ts
@@ -0,0 +1,82 @@
+/**
+ * SPDX-FileCopyrightText: © 2017 Liferay, Inc. <https://liferay.com>
+ * SPDX-License-Identifier: LGPL-3.0-or-later
+ */
+
+import project from 'liferay-npm-build-tools-common/lib/project';
+import {LogLevel} from 'liferay-npm-build-tools-common/lib/project/misc';
+
+let debugOn: boolean, infoOn: boolean, errorOn: boolean, warnOn: boolean;
+
+/* eslint-disable no-fallthrough */
+switch (project.misc.reportLevel) {
+	case 'debug':
+		debugOn = true;
+	case 'info':
+		infoOn = true;
+	case 'warn':
+		warnOn = true;
+	case 'error':
+	default:
+		errorOn = true;
+	case 'off':
+}
+/* eslint-enable no-fallthrough */
+
+export default class ReportLogger {
+	get messages(): {
+		logLevel: LogLevel;
+		things: unknown[];
+	}[] {
+		return this._messages;
+	}
+
+	debug(...things: unknown[]): void {
+		if (!debugOn) {
+			return;
+		}
+
+		this._messages.push({
+			logLevel: 'debug',
+			things,
+		});
+	}
+
+	info(...things: unknown[]): void {
+		if (!infoOn) {
+			return;
+		}
+
+		this._messages.push({
+			logLevel: 'info',
+			things,
+		});
+	}
+
+	warn(...things: unknown[]): void {
+		if (!warnOn) {
+			return;
+		}
+
+		this._messages.push({
+			logLevel: 'warn',
+			things,
+		});
+	}
+
+	error(...things: unknown[]): void {
+		if (!errorOn) {
+			return;
+		}
+
+		this._messages.push({
+			logLevel: 'error',
+			things,
+		});
+	}
+
+	private readonly _messages: {
+		logLevel: LogLevel;
+		things: unknown[];
+	}[] = [];
+}

From b88b29470bb037e05a7c8407e79f72d2f6695423 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Zaera=20Avell=C3=B3n?= <izaera@gmx.es>
Date: Mon, 9 Mar 2020 11:46:36 +0100
Subject: [PATCH 03/12] feat: #520 Support ES6 imports

Apparently webpack supports ES6 imports out of the box, thus our imports loader
must understand and transform them correctly.
---
 .../src/steps/webpack/index.ts                |   2 +
 .../steps/webpack/plugin/imports-loader.ts    | 227 ++++++++++++++----
 2 files changed, 178 insertions(+), 51 deletions(-)

diff --git a/packages/liferay-npm-bundler/src/steps/webpack/index.ts b/packages/liferay-npm-bundler/src/steps/webpack/index.ts
index b2faaf40..88cecfac 100644
--- a/packages/liferay-npm-bundler/src/steps/webpack/index.ts
+++ b/packages/liferay-npm-bundler/src/steps/webpack/index.ts
@@ -16,6 +16,8 @@ import writeResults from './write-results';
  * Run configured rules.
  */
 export default async function runWebpack(): Promise<webpack.Stats> {
+	log.debug('Using webpack at', require.resolve('webpack'));
+
 	log.info('Configuring webpack build...');
 
 	const options = configure();
diff --git a/packages/liferay-npm-bundler/src/steps/webpack/plugin/imports-loader.ts b/packages/liferay-npm-bundler/src/steps/webpack/plugin/imports-loader.ts
index f3258ca8..ff80de4b 100644
--- a/packages/liferay-npm-bundler/src/steps/webpack/plugin/imports-loader.ts
+++ b/packages/liferay-npm-bundler/src/steps/webpack/plugin/imports-loader.ts
@@ -7,14 +7,27 @@ import {parse} from 'acorn';
 import {generate} from 'escodegen';
 import {traverse} from 'estraverse';
 import ESTree from 'estree';
+import FilePath from 'liferay-npm-build-tools-common/lib/file-path';
 import {addNamespace} from 'liferay-npm-build-tools-common/lib/namespace';
-import project from 'liferay-npm-build-tools-common/lib/project';
+import project, {Project} from 'liferay-npm-build-tools-common/lib/project';
+
+import report from '../../../report';
+import ReportLogger from '../../../report/logger';
 
 export default function(content: string): string {
-	if (content.indexOf('require') == -1) {
+	const log = report.getWebpackLogger(
+		'imports-loader',
+		getPrjRelPath(this.request)
+	);
+
+	// Early fail for performance: look for require/import
+	if (content.indexOf('require') == -1 && content.indexOf('import') == -1) {
+		log.debug(`File does not contain 'require' or 'import' statements`);
+
 		return content;
 	}
 
+	// Early fail for performance: look for imported modules as strings
 	let importsFound = false;
 
 	for (const pkgName of Object.keys(project.imports)) {
@@ -26,71 +39,183 @@ export default function(content: string): string {
 	}
 
 	if (!importsFound) {
+		log.debug(`File does not contain any 'imports' module`);
+
 		return content;
 	}
 
-	const ast = parse(content, {
-		allowAwaitOutsideFunction: true,
-		allowHashBang: true,
-		allowImportExportEverywhere: true,
-		allowReserved: true,
-		allowReturnOutsideFunction: true,
-		ecmaVersion: 10,
-		locations: true,
-		sourceType: 'module',
-	});
-
-	let modified = false;
-
-	const {imports} = project;
-
-	traverse(ast as ESTree.Node, {
-		enter(node) {
-			if (node.type !== 'CallExpression') {
-				return;
-			}
+	// Parse source code to transform imports
+	const parser = new Parser(project);
 
-			const {callee} = node;
+	const ast = parser.transform(content, log);
 
-			if (callee.type !== 'Identifier' || callee.name !== 'require') {
-				return;
-			}
+	if (!parser.modified) {
+		log.debug(`File does not require any 'imports' module`);
 
-			const {arguments: params} = node;
+		return content;
+	}
 
-			if (params.length != 1) {
-				return;
-			}
+	log.info(`File contained 'imports' which were diverted to runtime loader`);
 
-			if (params[0].type !== 'Literal') {
-				return;
-			}
+	return generate(ast, {});
+}
 
-			// Due to a misdeclaration of Literal in ESTree we must cast params[0]
-			const {value: moduleName} = params[0] as {value};
+class Parser {
+	constructor(project: Project) {
+		this._project = project;
+	}
 
-			if (typeof moduleName !== 'string') {
-				return;
-			}
+	get modified(): boolean {
+		return this._modified;
+	}
+
+	transform(source: string, log: ReportLogger): ESTree.Node {
+		const ast = parse(source, {
+			allowAwaitOutsideFunction: true,
+			allowHashBang: true,
+			allowImportExportEverywhere: true,
+			allowReserved: true,
+			allowReturnOutsideFunction: true,
+			ecmaVersion: 10,
+			locations: true,
+			sourceType: 'module',
+		});
+
+		this._log = log;
+		this._modified = false;
+
+		traverse(ast as ESTree.Node, {
+			enter: (node: ESTree.Node, parentNode: ESTree.Node) =>
+				this._enter(node, parentNode),
+		});
+
+		return ast as ESTree.Node;
+	}
+
+	_enter(node: ESTree.Node, parentNode: ESTree.Node): void {
+		let modified = false;
+
+		switch (node.type) {
+			case 'CallExpression':
+				modified = this._enterCallExpression(node);
+				break;
+
+			case 'ImportDeclaration':
+				modified = this._enterImportDeclaration(node, parentNode);
+				break;
+
+			default:
+				break;
+		}
+
+		this._modified = this._modified || modified;
+	}
+
+	private _enterCallExpression(node: ESTree.CallExpression): boolean {
+		const {_log: log} = this;
+		const {callee} = node;
+
+		if (callee.type !== 'Identifier' || callee.name !== 'require') {
+			return false;
+		}
+
+		const {arguments: params} = node;
+
+		if (params.length != 1) {
+			return false;
+		}
+
+		if (params[0].type !== 'Literal') {
+			return false;
+		}
+
+		const {value: moduleName} = params[0];
+
+		if (typeof moduleName !== 'string') {
+			return;
+		}
+
+		const {imports} = this._project;
+
+		const config = imports[moduleName];
+
+		if (!config) {
+			return false;
+		}
+
+		callee.name = '__REQUIRE__';
+		params[0]['value'] = addNamespace(moduleName, {
+			name: config.provider,
+		});
+
+		log.debug(`Import '${moduleName}' diverted to '${params[0]['value']}'`);
+
+		return true;
+	}
 
-			const config = imports[moduleName];
+	private _enterImportDeclaration(
+		node: ESTree.ImportDeclaration,
+		parentNode: ESTree.Node
+	): boolean {
+		const {imports} = this._project;
+		const moduleName = node.source.value as string;
+		const config = imports[moduleName];
 
-			if (!config) {
-				return;
+		if (!config) {
+			return false;
+		}
+
+		const namespacedModuleName = addNamespace(moduleName, {
+			name: config.provider,
+		});
+
+		const {_log: log} = this;
+
+		log.debug(
+			`Import '${moduleName}' diverted to '${namespacedModuleName}'`
+		);
+
+		const lines = node.specifiers.map(specifier => {
+			switch (specifier.type) {
+				case 'ImportSpecifier':
+					return `var ${specifier.local.name} = __REQUIRE__('${namespacedModuleName}')['${specifier.imported.name}'];`;
+
+				case 'ImportDefaultSpecifier':
+					// TODO: decide if new need interop here
+					return `var ${specifier.local.name} = __REQUIRE__('${namespacedModuleName}');`;
+
+				case 'ImportNamespaceSpecifier':
+					return `var ${specifier.local.name} = __REQUIRE__('${namespacedModuleName}');`;
+
+				// no default
 			}
+		});
+
+		if (parentNode.type !== 'Program') {
+			log.error(
+				`Found 'import' statements not at the top of the file: they will be ignored`
+			);
+
+			return false;
+		}
 
-			callee.name = '__REQUIRE__';
-			params[0]['value'] = addNamespace(moduleName, {
-				name: config.provider,
-			});
+		const ast = (parse(lines.join('\n')) as unknown) as ESTree.Program;
 
-			modified = true;
-		},
-	});
+		parentNode.body = [
+			...ast.body,
+			...parentNode.body.filter(child => child !== node),
+		];
 
-	if (modified) {
-		content = generate(ast, {});
+		return true;
 	}
 
-	return content;
+	private _log: ReportLogger;
+	private _modified = false;
+	private readonly _project: Project;
+}
+
+function getPrjRelPath(request: string): string {
+	const absFilePath = request.split('!')[1];
+
+	return project.dir.relative(new FilePath(absFilePath)).asNative;
 }

From a35b3685de9f7938bc6f53db56f934ca035d553a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Zaera=20Avell=C3=B3n?= <izaera@gmx.es>
Date: Wed, 4 Mar 2020 17:47:10 +0100
Subject: [PATCH 04/12] chore: Add clean task

---
 package.json                                   |  1 +
 packages/generator-liferay-js/package.json     |  4 +++-
 .../liferay-npm-bridge-generator/package.json  |  4 +++-
 .../liferay-npm-build-support/package.json     |  4 +++-
 .../package.json                               |  4 +++-
 .../package.json                               |  4 +++-
 .../package.json                               |  4 +++-
 .../package.json                               |  4 +++-
 .../package.json                               |  4 +++-
 .../package.json                               |  4 +++-
 .../package.json                               |  4 +++-
 .../package.json                               |  4 ++++
 .../package.json                               |  4 ++++
 .../package.json                               |  6 +++++-
 .../package.json                               |  4 ++++
 packages/liferay-npm-bundler/package.json      |  4 +++-
 .../liferay-npm-imports-checker/package.json   |  4 +++-
 scripts/clean.js                               | 18 ++++++++++++++++++
 18 files changed, 72 insertions(+), 13 deletions(-)
 create mode 100644 scripts/clean.js

diff --git a/package.json b/package.json
index 95d2cd4a..9adc2eb1 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,7 @@
 		"build": "node scripts/build.js",
 		"check-deps": "node scripts/check-deps.js",
 		"ci": "yarn check-deps && yarn format:check && yarn lint && yarn build && yarn test",
+		"clean": "yarn workspaces run clean",
 		"format": "prettier --write \".*.ts\" \"packages/**/*.ts\"",
 		"format:check": "prettier --list-different \".*.ts\" \"packages/**/*.ts\"",
 		"level-deps": "node scripts/level-deps.js",
diff --git a/packages/generator-liferay-js/package.json b/packages/generator-liferay-js/package.json
index 3021d3d6..3bed0521 100644
--- a/packages/generator-liferay-js/package.json
+++ b/packages/generator-liferay-js/package.json
@@ -2,6 +2,7 @@
 	"name": "generator-liferay-js",
 	"version": "3.0.0",
 	"description": "Yeoman generators for Liferay DXP and Portal CE JavaScript projects.",
+	"license": "LGPL-3.0",
 	"main": "generators/app/index.js",
 	"files": [
 		"generators"
@@ -12,8 +13,9 @@
 		"liferay-js"
 	],
 	"scripts": {
-		"copyfiles": "node ../../scripts/copyfiles.js",
 		"build": "tsc && yarn copyfiles",
+		"clean": "node ../../scripts/clean.js",
+		"copyfiles": "node ../../scripts/copyfiles.js",
 		"prepublish": "yarn build"
 	},
 	"devDependencies": {
diff --git a/packages/liferay-npm-bridge-generator/package.json b/packages/liferay-npm-bridge-generator/package.json
index f378d07d..dbb657d3 100644
--- a/packages/liferay-npm-bridge-generator/package.json
+++ b/packages/liferay-npm-bridge-generator/package.json
@@ -2,12 +2,14 @@
 	"name": "liferay-npm-bridge-generator",
 	"version": "3.0.0",
 	"description": "A CLI utility to generate module bridges (modules that re-export other modules).",
+	"license": "LGPL-3.0",
 	"bin": {
 		"liferay-npm-bridge-generator": "bin/liferay-npm-bridge-generator.js"
 	},
 	"scripts": {
-		"copyfiles": "node ../../scripts/copyfiles.js",
 		"build": "tsc && yarn copyfiles",
+		"clean": "node ../../scripts/clean.js",
+		"copyfiles": "node ../../scripts/copyfiles.js",
 		"prepublish": "yarn build"
 	},
 	"dependencies": {
diff --git a/packages/liferay-npm-build-support/package.json b/packages/liferay-npm-build-support/package.json
index 01711270..2b02a351 100644
--- a/packages/liferay-npm-build-support/package.json
+++ b/packages/liferay-npm-build-support/package.json
@@ -2,6 +2,7 @@
 	"name": "liferay-npm-build-support",
 	"version": "3.0.0",
 	"description": "A library of scripts and helpers used by generated projects in their build processes.",
+	"license": "LGPL-3.0",
 	"bin": {
 		"lnbs-build": "bin/lnbs-build.js",
 		"lnbs-copy-assets": "bin/lnbs-copy-assets.js",
@@ -11,8 +12,9 @@
 		"lnbs-translate": "bin/lnbs-translate.js"
 	},
 	"scripts": {
-		"copyfiles": "node ../../scripts/copyfiles.js",
 		"build": "tsc && yarn copyfiles",
+		"clean": "node ../../scripts/clean.js",
+		"copyfiles": "node ../../scripts/copyfiles.js",
 		"prepublish": "yarn build"
 	},
 	"dependencies": {
diff --git a/packages/liferay-npm-build-tools-common/package.json b/packages/liferay-npm-build-tools-common/package.json
index 16cd38a9..6cb70abf 100644
--- a/packages/liferay-npm-build-tools-common/package.json
+++ b/packages/liferay-npm-build-tools-common/package.json
@@ -2,9 +2,11 @@
 	"name": "liferay-npm-build-tools-common",
 	"version": "3.0.0",
 	"description": "Utility library for Liferay NPM Build Tools.",
+	"license": "LGPL-3.0",
 	"scripts": {
-		"copyfiles": "node ../../scripts/copyfiles.js",
 		"build": "tsc && yarn copyfiles",
+		"clean": "node ../../scripts/clean.js",
+		"copyfiles": "node ../../scripts/copyfiles.js",
 		"prepublish": "node ../../scripts/disable-publish.js",
 		"release:snapshot": "node ../../scripts/release-snapshot.js"
 	},
diff --git a/packages/liferay-npm-bundler-loader-babel-loader/package.json b/packages/liferay-npm-bundler-loader-babel-loader/package.json
index cdb012f6..08190f27 100644
--- a/packages/liferay-npm-bundler-loader-babel-loader/package.json
+++ b/packages/liferay-npm-bundler-loader-babel-loader/package.json
@@ -2,10 +2,12 @@
 	"name": "liferay-npm-bundler-loader-babel-loader",
 	"version": "3.0.0",
 	"description": "A liferay-npm-bundler loader that runs Babel on source files.",
+	"license": "LGPL-3.0",
 	"main": "lib/index.js",
 	"scripts": {
-		"copyfiles": "node ../../scripts/copyfiles.js",
 		"build": "tsc && yarn copyfiles",
+		"clean": "node ../../scripts/clean.js",
+		"copyfiles": "node ../../scripts/copyfiles.js",
 		"prepublish": "yarn build"
 	},
 	"dependencies": {
diff --git a/packages/liferay-npm-bundler-loader-copy-loader/package.json b/packages/liferay-npm-bundler-loader-copy-loader/package.json
index e772686a..722f004b 100644
--- a/packages/liferay-npm-bundler-loader-copy-loader/package.json
+++ b/packages/liferay-npm-bundler-loader-copy-loader/package.json
@@ -2,10 +2,12 @@
 	"name": "liferay-npm-bundler-loader-copy-loader",
 	"version": "3.0.0",
 	"description": "A liferay-npm-bundler loader that copies files.",
+	"license": "LGPL-3.0",
 	"main": "lib/index.js",
 	"scripts": {
-		"copyfiles": "node ../../scripts/copyfiles.js",
 		"build": "tsc && yarn copyfiles",
+		"clean": "node ../../scripts/clean.js",
+		"copyfiles": "node ../../scripts/copyfiles.js",
 		"prepublish": "yarn build"
 	},
 	"dependencies": {
diff --git a/packages/liferay-npm-bundler-loader-css-loader/package.json b/packages/liferay-npm-bundler-loader-css-loader/package.json
index 7056743c..db345b0f 100644
--- a/packages/liferay-npm-bundler-loader-css-loader/package.json
+++ b/packages/liferay-npm-bundler-loader-css-loader/package.json
@@ -2,10 +2,12 @@
 	"name": "liferay-npm-bundler-loader-css-loader",
 	"version": "3.0.0",
 	"description": "A liferay-npm-bundler loader that turns CSS files into JavaScript modules that inject a <link> into the HTML when they are required.",
+	"license": "LGPL-3.0",
 	"main": "lib/index.js",
 	"scripts": {
-		"copyfiles": "node ../../scripts/copyfiles.js",
 		"build": "tsc && yarn copyfiles",
+		"clean": "node ../../scripts/clean.js",
+		"copyfiles": "node ../../scripts/copyfiles.js",
 		"prepublish": "yarn build"
 	},
 	"dependencies": {
diff --git a/packages/liferay-npm-bundler-loader-json-loader/package.json b/packages/liferay-npm-bundler-loader-json-loader/package.json
index c7c0be6c..2a90d892 100644
--- a/packages/liferay-npm-bundler-loader-json-loader/package.json
+++ b/packages/liferay-npm-bundler-loader-json-loader/package.json
@@ -2,10 +2,12 @@
 	"name": "liferay-npm-bundler-loader-json-loader",
 	"version": "3.0.0",
 	"description": "A liferay-npm-bundler loader that turns JSON files into JavaScript modules that export the parsed JSON object.",
+	"license": "LGPL-3.0",
 	"main": "lib/index.js",
 	"scripts": {
-		"copyfiles": "node ../../scripts/copyfiles.js",
 		"build": "tsc && yarn copyfiles",
+		"clean": "node ../../scripts/clean.js",
+		"copyfiles": "node ../../scripts/copyfiles.js",
 		"prepublish": "yarn build"
 	},
 	"dependencies": {
diff --git a/packages/liferay-npm-bundler-loader-sass-loader/package.json b/packages/liferay-npm-bundler-loader-sass-loader/package.json
index 856f4850..d9eb836d 100644
--- a/packages/liferay-npm-bundler-loader-sass-loader/package.json
+++ b/packages/liferay-npm-bundler-loader-sass-loader/package.json
@@ -2,10 +2,12 @@
 	"name": "liferay-npm-bundler-loader-sass-loader",
 	"version": "3.0.0",
 	"description": "A liferay-npm-bundler loader that runs `sass` or `node-sass` on source files.",
+	"license": "LGPL-3.0",
 	"main": "lib/index.js",
 	"scripts": {
-		"copyfiles": "node ../../scripts/copyfiles.js",
 		"build": "tsc && yarn copyfiles",
+		"clean": "node ../../scripts/clean.js",
+		"copyfiles": "node ../../scripts/copyfiles.js",
 		"prepublish": "yarn build"
 	},
 	"dependencies": {
diff --git a/packages/liferay-npm-bundler-loader-style-loader/package.json b/packages/liferay-npm-bundler-loader-style-loader/package.json
index 26f28a48..c5564098 100644
--- a/packages/liferay-npm-bundler-loader-style-loader/package.json
+++ b/packages/liferay-npm-bundler-loader-style-loader/package.json
@@ -2,10 +2,12 @@
 	"name": "liferay-npm-bundler-loader-style-loader",
 	"version": "3.0.0",
 	"description": "A liferay-npm-bundler loader that turns CSS files into JavaScript modules that inject the CSS into the HTML when they are required.",
+	"license": "LGPL-3.0",
 	"main": "lib/index.js",
 	"scripts": {
-		"copyfiles": "node ../../scripts/copyfiles.js",
 		"build": "tsc && yarn copyfiles",
+		"clean": "node ../../scripts/clean.js",
+		"copyfiles": "node ../../scripts/copyfiles.js",
 		"prepublish": "yarn build"
 	},
 	"dependencies": {
diff --git a/packages/liferay-npm-bundler-preset-angular-cli/package.json b/packages/liferay-npm-bundler-preset-angular-cli/package.json
index ae4962f2..7aef7ad9 100644
--- a/packages/liferay-npm-bundler-preset-angular-cli/package.json
+++ b/packages/liferay-npm-bundler-preset-angular-cli/package.json
@@ -2,7 +2,11 @@
 	"name": "liferay-npm-bundler-preset-angular-cli",
 	"version": "3.0.0",
 	"description": "Configuration for liferay-npm-bundler to integrate with Angular CLI projects",
+	"license": "LGPL-3.0",
 	"main": "config.json",
+	"scripts": {
+		"clean": "node ../../scripts/clean.js"
+	},
 	"dependencies": {
 		"liferay-npm-build-support": "3.0.0",
 		"liferay-npm-bundler-loader-babel-loader": "3.0.0",
diff --git a/packages/liferay-npm-bundler-preset-create-react-app/package.json b/packages/liferay-npm-bundler-preset-create-react-app/package.json
index b63228ba..92f2fbb0 100644
--- a/packages/liferay-npm-bundler-preset-create-react-app/package.json
+++ b/packages/liferay-npm-bundler-preset-create-react-app/package.json
@@ -2,7 +2,11 @@
 	"name": "liferay-npm-bundler-preset-create-react-app",
 	"version": "3.0.0",
 	"description": "Configuration for liferay-npm-bundler to integrate with create-react-app projects",
+	"license": "LGPL-3.0",
 	"main": "config.json",
+	"scripts": {
+		"clean": "node ../../scripts/clean.js"
+	},
 	"dependencies": {
 		"liferay-npm-bundler-loader-babel-loader": "3.0.0",
 		"liferay-npm-bundler-loader-copy-loader": "3.0.0"
diff --git a/packages/liferay-npm-bundler-preset-standard/package.json b/packages/liferay-npm-bundler-preset-standard/package.json
index 38963104..eb62508a 100644
--- a/packages/liferay-npm-bundler-preset-standard/package.json
+++ b/packages/liferay-npm-bundler-preset-standard/package.json
@@ -2,5 +2,9 @@
 	"name": "liferay-npm-bundler-preset-standard",
 	"version": "3.0.0",
 	"description": "Standard configuration for liferay-npm-bundler.",
-	"main": "config.json"
+	"license": "LGPL-3.0",
+	"main": "config.json",
+	"scripts": {
+		"clean": "node ../../scripts/clean.js"
+	}
 }
diff --git a/packages/liferay-npm-bundler-preset-vue-cli/package.json b/packages/liferay-npm-bundler-preset-vue-cli/package.json
index b3d056bd..43d90b91 100644
--- a/packages/liferay-npm-bundler-preset-vue-cli/package.json
+++ b/packages/liferay-npm-bundler-preset-vue-cli/package.json
@@ -2,7 +2,11 @@
 	"name": "liferay-npm-bundler-preset-vue-cli",
 	"version": "3.0.0",
 	"description": "Configuration for liferay-npm-bundler to integrate with Vue CLI projects",
+	"license": "LGPL-3.0",
 	"main": "config.json",
+	"scripts": {
+		"clean": "node ../../scripts/clean.js"
+	},
 	"dependencies": {
 		"liferay-npm-build-support": "3.0.0",
 		"liferay-npm-bundler-loader-babel-loader": "3.0.0",
diff --git a/packages/liferay-npm-bundler/package.json b/packages/liferay-npm-bundler/package.json
index 35d2866d..a4a6b130 100644
--- a/packages/liferay-npm-bundler/package.json
+++ b/packages/liferay-npm-bundler/package.json
@@ -2,13 +2,15 @@
 	"name": "liferay-npm-bundler",
 	"version": "3.0.0",
 	"description": "A CLI utility to bundle NPM dependencies of a Liferay OSGi bundle.",
+	"license": "LGPL-3.0",
 	"main": "lib/index.js",
 	"bin": {
 		"liferay-npm-bundler": "bin/liferay-npm-bundler.js"
 	},
 	"scripts": {
-		"copyfiles": "node ../../scripts/copyfiles.js",
 		"build": "tsc && yarn copyfiles",
+		"clean": "node ../../scripts/clean.js",
+		"copyfiles": "node ../../scripts/copyfiles.js",
 		"prepublish": "node ../../scripts/disable-publish.js",
 		"release:snapshot": "node ../../scripts/release-snapshot.js"
 	},
diff --git a/packages/liferay-npm-imports-checker/package.json b/packages/liferay-npm-imports-checker/package.json
index c0560eb3..cbf4fa98 100644
--- a/packages/liferay-npm-imports-checker/package.json
+++ b/packages/liferay-npm-imports-checker/package.json
@@ -2,12 +2,14 @@
 	"name": "liferay-npm-imports-checker",
 	"version": "3.0.0",
 	"description": "A CLI utility to check `imports` sections of `.npmbundlerrc` files in a multiproject source tree.",
+	"license": "LGPL-3.0",
 	"bin": {
 		"liferay-npm-imports-checker": "bin/liferay-npm-imports-checker.js"
 	},
 	"scripts": {
-		"copyfiles": "node ../../scripts/copyfiles.js",
 		"build": "tsc && yarn copyfiles",
+		"clean": "node ../../scripts/clean.js",
+		"copyfiles": "node ../../scripts/copyfiles.js",
 		"prepublish": "yarn build"
 	},
 	"dependencies": {
diff --git a/scripts/clean.js b/scripts/clean.js
new file mode 100644
index 00000000..932a5455
--- /dev/null
+++ b/scripts/clean.js
@@ -0,0 +1,18 @@
+/**
+ * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
+ * SPDX-License-Identifier: LGPL-3.0-or-later
+ */
+
+const fs = require('fs-extra');
+
+try {
+	const json = fs.readJSONSync('tsconfig.json');
+
+	if (json.compilerOptions && json.compilerOptions.outDir) {
+		fs.removeSync(json.compilerOptions.outDir);
+	}
+} catch (err) {
+	if (err.code !== 'ENOENT') {
+		throw err;
+	}
+}

From c4cc681cc7783167b4562b683006019bb9022aba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Zaera=20Avell=C3=B3n?= <izaera@gmx.es>
Date: Wed, 4 Mar 2020 17:11:29 +0100
Subject: [PATCH 05/12] chore: Delegate build and watch to tsc

This is to make spurious build problems disappear.

We don't need specialized scripts for these tasks any more, as tsc
project references feature does the trick.

Build is a bit slower than with our specialized script, but not so
slower as to justify staying out of the blessed way of building
Typescript projects.
---
 .gitignore                                    |   3 +-
 jest.config.js                                |   5 +-
 package.json                                  |   6 +-
 packages/generator-liferay-js/tsconfig.json   |   9 +-
 .../tsconfig.json                             |   6 +-
 .../liferay-npm-build-support/tsconfig.json   |   5 +-
 .../src/project/misc.ts                       |   2 +-
 .../tsconfig.json                             |   9 +-
 .../tsconfig.json                             |   6 +-
 .../tsconfig.json                             |   6 +-
 .../tsconfig.json                             |   6 +-
 .../tsconfig.json                             |   6 +-
 .../tsconfig.json                             |   6 +-
 .../tsconfig.json                             |   6 +-
 packages/liferay-npm-bundler/tsconfig.json    |   7 +-
 .../liferay-npm-imports-checker/tsconfig.json |   6 +-
 scripts/build.js                              | 124 ------------------
 scripts/clean.js                              |   2 +
 scripts/watch.js                              |  23 ----
 tsconfig.json                                 |  16 +--
 20 files changed, 58 insertions(+), 201 deletions(-)
 delete mode 100644 scripts/build.js
 delete mode 100755 scripts/watch.js

diff --git a/.gitignore b/.gitignore
index b58664cf..bbc7ab8b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,5 @@
 node_modules/*
 packages/*/generators
 packages/*/lib
-packages/*/node_modules
\ No newline at end of file
+packages/*/node_modules
+tsconfig.tsbuildinfo
\ No newline at end of file
diff --git a/jest.config.js b/jest.config.js
index aeb76351..19f9f868 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -12,7 +12,6 @@ module.exports = {
 	],
 	testPathIgnorePatterns: ['/node_modules/', '/__fixtures__/'],
 	transform: {
-		"\\.js$": "ts-jest",
-		"\\.ts$": "ts-jest"
-	}
+		'\\.ts$': 'ts-jest',
+	},
 };
diff --git a/package.json b/package.json
index 9adc2eb1..c35600f8 100644
--- a/package.json
+++ b/package.json
@@ -13,9 +13,9 @@
 		"packages/*"
 	],
 	"scripts": {
-		"build": "node scripts/build.js",
+		"build": "tsc --build packages/*/tsconfig.json",
 		"check-deps": "node scripts/check-deps.js",
-		"ci": "yarn check-deps && yarn format:check && yarn lint && yarn build && yarn test",
+		"ci": "yarn clean && yarn check-deps && yarn format:check && yarn lint && yarn build && yarn test",
 		"clean": "yarn workspaces run clean",
 		"format": "prettier --write \".*.ts\" \"packages/**/*.ts\"",
 		"format:check": "prettier --list-different \".*.ts\" \"packages/**/*.ts\"",
@@ -24,7 +24,7 @@
 		"lint:fix": "eslint --fix .",
 		"qa": "node scripts/qa/index.js",
 		"test": "jest --runInBand",
-		"watch": "node scripts/watch"
+		"watch": "yarn build --watch"
 	},
 	"devDependencies": {
 		"@types/jest": "^24.0.18",
diff --git a/packages/generator-liferay-js/tsconfig.json b/packages/generator-liferay-js/tsconfig.json
index 6c2d08ea..1f65bd81 100644
--- a/packages/generator-liferay-js/tsconfig.json
+++ b/packages/generator-liferay-js/tsconfig.json
@@ -1,8 +1,11 @@
 {
 	"extends": "../../tsconfig.json",
 	"compilerOptions": {
-		"outDir": "./generators"
+		"allowJs": true,
+		"composite": true,
+		"outDir": "./generators",
+		"rootDir": "./src"
 	},
-	"include": ["src/**/*"],
-	"exclude": ["node_modules", "src/*/templates/**/*", "**/__tests__/**"]
+	"include": ["src/**/*", "src/**/*.json"],
+	"references": [{"path": "../liferay-npm-build-tools-common"}]
 }
diff --git a/packages/liferay-npm-bridge-generator/tsconfig.json b/packages/liferay-npm-bridge-generator/tsconfig.json
index bc90c2a6..5be45a48 100644
--- a/packages/liferay-npm-bridge-generator/tsconfig.json
+++ b/packages/liferay-npm-bridge-generator/tsconfig.json
@@ -1,8 +1,8 @@
 {
 	"extends": "../../tsconfig.json",
 	"compilerOptions": {
-		"outDir": "./lib"
+		"outDir": "./lib",
+		"rootDir": "./src"
 	},
-	"include": ["src/**/*"],
-	"exclude": ["node_modules", "**/__tests__/**"]
+	"include": ["src/**/*"]
 }
diff --git a/packages/liferay-npm-build-support/tsconfig.json b/packages/liferay-npm-build-support/tsconfig.json
index bc90c2a6..47453166 100644
--- a/packages/liferay-npm-build-support/tsconfig.json
+++ b/packages/liferay-npm-build-support/tsconfig.json
@@ -1,8 +1,9 @@
 {
 	"extends": "../../tsconfig.json",
 	"compilerOptions": {
-		"outDir": "./lib"
+		"outDir": "./lib",
+		"rootDir": "./src"
 	},
 	"include": ["src/**/*"],
-	"exclude": ["node_modules", "**/__tests__/**"]
+	"references": [{"path": "../liferay-npm-build-tools-common"}]
 }
diff --git a/packages/liferay-npm-build-tools-common/src/project/misc.ts b/packages/liferay-npm-build-tools-common/src/project/misc.ts
index d50181ed..46ebfd72 100644
--- a/packages/liferay-npm-build-tools-common/src/project/misc.ts
+++ b/packages/liferay-npm-build-tools-common/src/project/misc.ts
@@ -5,9 +5,9 @@
 
 import {Project} from '.';
 import prop from 'dot-prop';
-import {print, warn} from 'liferay-npm-build-tools-common/lib/format';
 
 import FilePath from '../file-path';
+import {print, warn} from '../format';
 
 /** Valid log levels for console and report */
 export type LogLevel = 'off' | 'error' | 'warn' | 'info' | 'debug';
diff --git a/packages/liferay-npm-build-tools-common/tsconfig.json b/packages/liferay-npm-build-tools-common/tsconfig.json
index 94a4b356..e76aebd0 100644
--- a/packages/liferay-npm-build-tools-common/tsconfig.json
+++ b/packages/liferay-npm-build-tools-common/tsconfig.json
@@ -1,11 +1,10 @@
 {
 	"extends": "../../tsconfig.json",
 	"compilerOptions": {
+		"composite": true,
+		"declaration": true,
 		"outDir": "./lib",
-
-		"allowJs": false,
-		"declaration": true
+		"rootDir": "./src"
 	},
-	"include": ["src/**/*"],
-	"exclude": ["node_modules", "**/__tests__/**"]
+	"include": ["src/**/*"]
 }
diff --git a/packages/liferay-npm-bundler-loader-babel-loader/tsconfig.json b/packages/liferay-npm-bundler-loader-babel-loader/tsconfig.json
index bc90c2a6..5be45a48 100644
--- a/packages/liferay-npm-bundler-loader-babel-loader/tsconfig.json
+++ b/packages/liferay-npm-bundler-loader-babel-loader/tsconfig.json
@@ -1,8 +1,8 @@
 {
 	"extends": "../../tsconfig.json",
 	"compilerOptions": {
-		"outDir": "./lib"
+		"outDir": "./lib",
+		"rootDir": "./src"
 	},
-	"include": ["src/**/*"],
-	"exclude": ["node_modules", "**/__tests__/**"]
+	"include": ["src/**/*"]
 }
diff --git a/packages/liferay-npm-bundler-loader-copy-loader/tsconfig.json b/packages/liferay-npm-bundler-loader-copy-loader/tsconfig.json
index bc90c2a6..5be45a48 100644
--- a/packages/liferay-npm-bundler-loader-copy-loader/tsconfig.json
+++ b/packages/liferay-npm-bundler-loader-copy-loader/tsconfig.json
@@ -1,8 +1,8 @@
 {
 	"extends": "../../tsconfig.json",
 	"compilerOptions": {
-		"outDir": "./lib"
+		"outDir": "./lib",
+		"rootDir": "./src"
 	},
-	"include": ["src/**/*"],
-	"exclude": ["node_modules", "**/__tests__/**"]
+	"include": ["src/**/*"]
 }
diff --git a/packages/liferay-npm-bundler-loader-css-loader/tsconfig.json b/packages/liferay-npm-bundler-loader-css-loader/tsconfig.json
index bc90c2a6..5be45a48 100644
--- a/packages/liferay-npm-bundler-loader-css-loader/tsconfig.json
+++ b/packages/liferay-npm-bundler-loader-css-loader/tsconfig.json
@@ -1,8 +1,8 @@
 {
 	"extends": "../../tsconfig.json",
 	"compilerOptions": {
-		"outDir": "./lib"
+		"outDir": "./lib",
+		"rootDir": "./src"
 	},
-	"include": ["src/**/*"],
-	"exclude": ["node_modules", "**/__tests__/**"]
+	"include": ["src/**/*"]
 }
diff --git a/packages/liferay-npm-bundler-loader-json-loader/tsconfig.json b/packages/liferay-npm-bundler-loader-json-loader/tsconfig.json
index bc90c2a6..5be45a48 100644
--- a/packages/liferay-npm-bundler-loader-json-loader/tsconfig.json
+++ b/packages/liferay-npm-bundler-loader-json-loader/tsconfig.json
@@ -1,8 +1,8 @@
 {
 	"extends": "../../tsconfig.json",
 	"compilerOptions": {
-		"outDir": "./lib"
+		"outDir": "./lib",
+		"rootDir": "./src"
 	},
-	"include": ["src/**/*"],
-	"exclude": ["node_modules", "**/__tests__/**"]
+	"include": ["src/**/*"]
 }
diff --git a/packages/liferay-npm-bundler-loader-sass-loader/tsconfig.json b/packages/liferay-npm-bundler-loader-sass-loader/tsconfig.json
index bc90c2a6..5be45a48 100644
--- a/packages/liferay-npm-bundler-loader-sass-loader/tsconfig.json
+++ b/packages/liferay-npm-bundler-loader-sass-loader/tsconfig.json
@@ -1,8 +1,8 @@
 {
 	"extends": "../../tsconfig.json",
 	"compilerOptions": {
-		"outDir": "./lib"
+		"outDir": "./lib",
+		"rootDir": "./src"
 	},
-	"include": ["src/**/*"],
-	"exclude": ["node_modules", "**/__tests__/**"]
+	"include": ["src/**/*"]
 }
diff --git a/packages/liferay-npm-bundler-loader-style-loader/tsconfig.json b/packages/liferay-npm-bundler-loader-style-loader/tsconfig.json
index bc90c2a6..5be45a48 100644
--- a/packages/liferay-npm-bundler-loader-style-loader/tsconfig.json
+++ b/packages/liferay-npm-bundler-loader-style-loader/tsconfig.json
@@ -1,8 +1,8 @@
 {
 	"extends": "../../tsconfig.json",
 	"compilerOptions": {
-		"outDir": "./lib"
+		"outDir": "./lib",
+		"rootDir": "./src"
 	},
-	"include": ["src/**/*"],
-	"exclude": ["node_modules", "**/__tests__/**"]
+	"include": ["src/**/*"]
 }
diff --git a/packages/liferay-npm-bundler/tsconfig.json b/packages/liferay-npm-bundler/tsconfig.json
index bc90c2a6..ef67bac4 100644
--- a/packages/liferay-npm-bundler/tsconfig.json
+++ b/packages/liferay-npm-bundler/tsconfig.json
@@ -1,8 +1,9 @@
 {
 	"extends": "../../tsconfig.json",
 	"compilerOptions": {
-		"outDir": "./lib"
+		"outDir": "./lib",
+		"rootDir": "./src"
 	},
-	"include": ["src/**/*"],
-	"exclude": ["node_modules", "**/__tests__/**"]
+	"include": ["**/*"],
+	"references": [{"path": "../liferay-npm-build-tools-common"}]
 }
diff --git a/packages/liferay-npm-imports-checker/tsconfig.json b/packages/liferay-npm-imports-checker/tsconfig.json
index bc90c2a6..5be45a48 100644
--- a/packages/liferay-npm-imports-checker/tsconfig.json
+++ b/packages/liferay-npm-imports-checker/tsconfig.json
@@ -1,8 +1,8 @@
 {
 	"extends": "../../tsconfig.json",
 	"compilerOptions": {
-		"outDir": "./lib"
+		"outDir": "./lib",
+		"rootDir": "./src"
 	},
-	"include": ["src/**/*"],
-	"exclude": ["node_modules", "**/__tests__/**"]
+	"include": ["src/**/*"]
 }
diff --git a/scripts/build.js b/scripts/build.js
deleted file mode 100644
index 8eb3120d..00000000
--- a/scripts/build.js
+++ /dev/null
@@ -1,124 +0,0 @@
-/**
- * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: LGPL-3.0-or-later
- */
-
-const chalk = require('chalk');
-const execa = require('execa');
-const globby = require('globby');
-const path = require('path');
-const readJsonSync = require('read-json-sync');
-
-// Note that this script may be substituted by:
-//
-//    yarn workspaces run build
-//
-// But I'm keeping it in case we need to tweak the order of the build because
-// of mutual dependencies.
-//
-// Also, this script runs multiple builds in parallel while yarn serializes
-// them which makes the build much slower.
-
-const projectGroups = [
-	['liferay-npm-build-tools-common'],
-	[
-		'generator-liferay-js',
-		'liferay-npm-bridge-generator',
-		'liferay-npm-build-support',
-		'liferay-npm-bundler',
-		'liferay-npm-bundler-loader-babel-loader',
-		'liferay-npm-bundler-loader-copy-loader',
-		'liferay-npm-bundler-loader-css-loader',
-		'liferay-npm-bundler-loader-json-loader',
-		'liferay-npm-bundler-loader-sass-loader',
-		'liferay-npm-bundler-loader-style-loader',
-		'liferay-npm-bundler-preset-angular-cli',
-		'liferay-npm-bundler-preset-create-react-app',
-		'liferay-npm-bundler-preset-standard',
-		'liferay-npm-bundler-preset-vue-cli',
-		'liferay-npm-imports-checker',
-	],
-];
-
-sanityCheck(projectGroups);
-buildGroups(projectGroups);
-
-function sanityCheck(projectGroups) {
-	const projectNames = [].concat(...projectGroups);
-
-	const dirNames = globby
-		.sync(['packages/*/package.json'])
-		.map(pkgJsonPath => path.basename(path.dirname(pkgJsonPath)));
-
-	const missingProjectNames = dirNames.filter(
-		dirName => projectNames.indexOf(dirName) == -1
-	);
-
-	if (missingProjectNames.length > 0) {
-		console.log(
-			chalk.red(
-				'The following projects are missing in the scripts/build.js script:' +
-					'\n\n' +
-					missingProjectNames.map(line => `  · ${line}`).join('\n') +
-					'\n\n' +
-					'If you have added a new project, place it in the correct project group.\n'
-			)
-		);
-		process.exit(1);
-	}
-}
-
-async function buildGroups(projectGroups) {
-	for (const projectNames of projectGroups) {
-		const success = await buildProjects(projectNames);
-
-		if (!success) {
-			console.log(chalk.red('BUILD FAILED 😥'));
-			process.exit(1);
-		}
-	}
-
-	console.log(chalk.green('BUILD FINISHED 🙂'));
-}
-
-function buildProjects(projectNames) {
-	const promises = [];
-	let success = true;
-
-	projectNames.forEach(projectName => {
-		const pkgJsonPath = path.join(
-			'.',
-			'packages',
-			projectName,
-			'package.json'
-		);
-		const pkgJson = readJsonSync(pkgJsonPath);
-
-		if (!pkgJson.scripts || !pkgJson.scripts.build) {
-			return;
-		}
-
-		const prjDir = path.dirname(pkgJsonPath);
-		const prjName = path.basename(prjDir);
-
-		promises.push(
-			execa('yarn', ['build'], {
-				cwd: prjDir,
-			})
-				.then(({stdout}) => {
-					console.log(chalk.gray('>>> build'), chalk.green(prjName));
-					console.log(stdout);
-					console.log('');
-				})
-				.catch(err => {
-					console.log(chalk.gray('>>> build'), chalk.red(prjName));
-					console.log(err.toString());
-					console.log('');
-
-					success = false;
-				})
-		);
-	});
-
-	return Promise.all(promises).then(() => success);
-}
diff --git a/scripts/clean.js b/scripts/clean.js
index 932a5455..0cc9ccfb 100644
--- a/scripts/clean.js
+++ b/scripts/clean.js
@@ -16,3 +16,5 @@ try {
 		throw err;
 	}
 }
+
+fs.removeSync('tsconfig.tsbuildinfo');
diff --git a/scripts/watch.js b/scripts/watch.js
deleted file mode 100755
index 1ee69868..00000000
--- a/scripts/watch.js
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: LGPL-3.0-or-later
- */
-
-const childProcess = require('child_process');
-const globby = require('globby');
-const path = require('path');
-
-const tscFile = path.join(__dirname, '..', 'node_modules', '.bin', 'tsc');
-
-globby.sync(['packages/*/tsconfig.json']).forEach(tsconfigPath => {
-	const prjDir = path.dirname(tsconfigPath);
-
-	childProcess.spawn('node', [tscFile, '-w'], {
-		stdio: 'inherit',
-		cwd: prjDir,
-		shell: true,
-	});
-});
-
-// Loop forever (use Ctrl+C to exit)
-setInterval(() => {}, 60000);
diff --git a/tsconfig.json b/tsconfig.json
index da86d37c..205372ce 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,15 +1,13 @@
 {
 	"compileOnSave": true,
 	"compilerOptions": {
-		"target": "esnext",
-		"module": "CommonJS",
-		"moduleResolution": "node",
 		"esModuleInterop": true,
-
-		"allowJs": true,
-		"checkJs": false,
 		"lib": ["es2015"],
-
-		"sourceMap": false
-	}
+		"module": "CommonJS",
+		"moduleResolution": "node",
+		"resolveJsonModule": true,
+		"sourceMap": false,
+		"target": "esnext"
+	},
+	"exclude": ["node_modules", "**/__tests__/**"]
 }

From 2bf6bab90b008198ea9c3b037450318c446eb383 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Zaera=20Avell=C3=B3n?= <izaera@gmx.es>
Date: Mon, 9 Mar 2020 14:01:56 +0100
Subject: [PATCH 06/12] refactor: Migrate everything to TypeScript

This is needed because the project stopped building correctly due to the new
build configuration.
---
 packages/generator-liferay-js/package.json    |   1 +
 .../src/adapt/{index.js => index.ts}          |  12 +-
 .../src/app/{index.js => index.ts}            |   9 +-
 .../src/{config.js => config.ts}              |   4 +-
 .../{constants.js => constants.ts}            |   0
 .../{index.js => index.ts}                    |   3 +
 ...ample-generator.js => sample-generator.ts} |   3 +
 .../src/facet-deploy/{index.js => index.ts}   |   3 +
 .../{constants.js => constants.ts}            |   0
 .../facet-localization/{index.js => index.ts} |   3 +
 ...ample-generator.js => sample-generator.ts} |   4 +
 .../src/facet-portlet/{index.js => index.ts}  |   3 +
 .../src/facet-project/{index.js => index.ts}  |   3 +
 .../src/facet-start/{index.js => index.ts}    |   3 +
 ...{angular-portlet.js => angular-portlet.ts} |   6 +-
 .../{index.js => index.ts}                    |   2 +-
 .../{index.js => index.ts}                    |   2 +-
 ...{metaljs-portlet.js => metaljs-portlet.ts} |   4 +
 .../{index.js => index.ts}                    |   2 +-
 .../{react-portlet.js => react-portlet.ts}    |   4 +
 .../{index.js => index.ts}                    |  13 +-
 .../{shared-bundle.js => shared-bundle.ts}    |   3 +
 .../{index.js => index.ts}                    |   2 +-
 ...{vanilla-portlet.js => vanilla-portlet.ts} |   6 +-
 .../{index.js => index.ts}                    |   2 +-
 .../{vuejs-portlet.js => vuejs-portlet.ts}    |   5 +-
 .../{JsonModifier.js => JsonModifier.ts}      |  10 +-
 ...{ProjectAnalyzer.js => ProjectAnalyzer.ts} |   7 +-
 ...alyzer.test.js => ProjectAnalyzer.test.ts} |   0
 .../{index.test.js => index.test.ts}          |   0
 .../src/utils/{index.js => index.ts}          |  18 ++-
 .../css/{styles.css.js => styles.css.ts}      |   4 +
 ...guration.json.js => configuration.json.ts} |  10 +-
 ...e.properties.js => Language.properties.ts} |   4 +
 .../modifier/{gitignore.js => gitignore.ts}   |   4 +
 .../modifier/{npmbuildrc.js => npmbuildrc.ts} |   0
 .../{npmbundlerrc.js => npmbundlerrc.ts}      |   0
 .../{package.json.js => package.json.ts}      |   5 +-
 .../utils/target/{standard.js => standard.ts} |   3 +-
 ...tor.js => liferay-npm-bridge-generator.ts} |   0
 .../src/{config.js => config.ts}              |   9 +-
 .../src/portal/gogo-shell.js                  | 152 ------------------
 .../src/portal/portal-shell.js                | 118 --------------
 .../{translate.test.js => translate.test.ts}  |   0
 .../src/scripts/build/{index.js => index.ts}  |   0
 .../{copy-assets.js => copy-assets.ts}        |   0
 .../{copy-sources.js => copy-sources.ts}      |   0
 .../src/scripts/{deploy.js => deploy.ts}      |   0
 .../src/scripts/{start.js => start.ts}        |   9 +-
 .../scripts/{translate.js => translate.ts}    |   0
 .../src/{util.js => util.ts}                  |   9 +-
 ...orts.test.js.snap => imports.test.ts.snap} |   0
 ...est.test.js.snap => manifest.test.ts.snap} |   0
 ...est.js.snap => plugin-logger.test.ts.snap} |   0
 .../{babel-ipc.test.js => babel-ipc.test.ts}  |   8 +-
 .../{file-path.test.js => file-path.test.ts}  |  16 +-
 .../{globs.test.js => globs.test.ts}          |   0
 .../{imports.test.js => imports.test.ts}      |   0
 .../{manifest.test.js => manifest.test.ts}    |   4 +-
 .../{modules.test.js => modules.test.ts}      |   4 +-
 .../{namespace.test.js => namespace.test.ts}  |   0
 .../{packages.test.js => packages.test.ts}    |   0
 .../{pkg-desc.test.js => pkg-desc.test.ts}    |   0
 ...n-logger.test.js => plugin-logger.test.ts} |   0
 .../{index.test.js => index.test.ts}          |  35 ++--
 .../{rules.test.js => rules.test.ts}          |  16 +-
 .../{index.test.js => index.test.ts}          |   0
 .../src/{index.js => index.ts}                |   0
 .../src/{index.js => index.ts}                |   0
 ...{index.test.js.snap => index.test.ts.snap} |   0
 .../{index.test.js => index.test.ts}          |   0
 .../src/{index.js => index.ts}                |   2 +-
 ...{index.test.js.snap => index.test.ts.snap} |   0
 .../{index.test.js => index.test.ts}          |   6 +-
 .../src/{index.js => index.ts}                |   0
 .../{index.test.js => index.test.ts}          |   0
 .../src/{index.js => index.ts}                |   7 +-
 .../{index.test.js => index.test.ts}          |   4 +-
 .../src/{index.js => index.ts}                |   0
 .../__snapshots__/index.test.ts.snap          |  56 ++++++-
 .../src/report/__tests__/index.test.ts        |   2 +-
 .../{config.test.js => config.test.ts}        |   0
 .../src/{config.js => config.ts}              |   7 +-
 ...cker.js => liferay-npm-imports-checker.ts} |  42 +++--
 yarn.lock                                     |  39 +++--
 85 files changed, 308 insertions(+), 404 deletions(-)
 rename packages/generator-liferay-js/src/adapt/{index.js => index.ts} (96%)
 rename packages/generator-liferay-js/src/app/{index.js => index.ts} (94%)
 rename packages/generator-liferay-js/src/{config.js => config.ts} (96%)
 rename packages/generator-liferay-js/src/facet-configuration/{constants.js => constants.ts} (100%)
 rename packages/generator-liferay-js/src/facet-configuration/{index.js => index.ts} (96%)
 rename packages/generator-liferay-js/src/facet-configuration/{sample-generator.js => sample-generator.ts} (96%)
 rename packages/generator-liferay-js/src/facet-deploy/{index.js => index.ts} (95%)
 rename packages/generator-liferay-js/src/facet-localization/{constants.js => constants.ts} (100%)
 rename packages/generator-liferay-js/src/facet-localization/{index.js => index.ts} (95%)
 rename packages/generator-liferay-js/src/facet-localization/{sample-generator.js => sample-generator.ts} (91%)
 rename packages/generator-liferay-js/src/facet-portlet/{index.js => index.ts} (97%)
 rename packages/generator-liferay-js/src/facet-project/{index.js => index.ts} (94%)
 rename packages/generator-liferay-js/src/facet-start/{index.js => index.ts} (93%)
 rename packages/generator-liferay-js/src/target-angular-portlet/{angular-portlet.js => angular-portlet.ts} (93%)
 rename packages/generator-liferay-js/src/target-angular-portlet/{index.js => index.ts} (89%)
 rename packages/generator-liferay-js/src/target-metaljs-portlet/{index.js => index.ts} (89%)
 rename packages/generator-liferay-js/src/target-metaljs-portlet/{metaljs-portlet.js => metaljs-portlet.ts} (96%)
 rename packages/generator-liferay-js/src/target-react-portlet/{index.js => index.ts} (89%)
 rename packages/generator-liferay-js/src/target-react-portlet/{react-portlet.js => react-portlet.ts} (95%)
 rename packages/generator-liferay-js/src/target-shared-bundle/{index.js => index.ts} (57%)
 rename packages/generator-liferay-js/src/target-shared-bundle/{shared-bundle.js => shared-bundle.ts} (95%)
 rename packages/generator-liferay-js/src/target-vanilla-portlet/{index.js => index.ts} (89%)
 rename packages/generator-liferay-js/src/target-vanilla-portlet/{vanilla-portlet.js => vanilla-portlet.ts} (93%)
 rename packages/generator-liferay-js/src/target-vuejs-portlet/{index.js => index.ts} (89%)
 rename packages/generator-liferay-js/src/target-vuejs-portlet/{vuejs-portlet.js => vuejs-portlet.ts} (92%)
 rename packages/generator-liferay-js/src/utils/{JsonModifier.js => JsonModifier.ts} (79%)
 rename packages/generator-liferay-js/src/utils/{ProjectAnalyzer.js => ProjectAnalyzer.ts} (94%)
 rename packages/generator-liferay-js/src/utils/__tests__/{ProjectAnalyzer.test.js => ProjectAnalyzer.test.ts} (100%)
 rename packages/generator-liferay-js/src/utils/__tests__/{index.test.js => index.test.ts} (100%)
 rename packages/generator-liferay-js/src/utils/{index.js => index.ts} (94%)
 rename packages/generator-liferay-js/src/utils/modifier/assets/css/{styles.css.js => styles.css.ts} (86%)
 rename packages/generator-liferay-js/src/utils/modifier/features/{configuration.json.js => configuration.json.ts} (94%)
 rename packages/generator-liferay-js/src/utils/modifier/features/localization/{Language.properties.js => Language.properties.ts} (90%)
 rename packages/generator-liferay-js/src/utils/modifier/{gitignore.js => gitignore.ts} (85%)
 rename packages/generator-liferay-js/src/utils/modifier/{npmbuildrc.js => npmbuildrc.ts} (100%)
 rename packages/generator-liferay-js/src/utils/modifier/{npmbundlerrc.js => npmbundlerrc.ts} (100%)
 rename packages/generator-liferay-js/src/utils/modifier/{package.json.js => package.json.ts} (94%)
 rename packages/generator-liferay-js/src/utils/target/{standard.js => standard.ts} (97%)
 rename packages/liferay-npm-bridge-generator/src/{liferay-npm-bridge-generator.js => liferay-npm-bridge-generator.ts} (100%)
 rename packages/liferay-npm-build-support/src/{config.js => config.ts} (89%)
 delete mode 100644 packages/liferay-npm-build-support/src/portal/gogo-shell.js
 delete mode 100644 packages/liferay-npm-build-support/src/portal/portal-shell.js
 rename packages/liferay-npm-build-support/src/scripts/__tests__/{translate.test.js => translate.test.ts} (100%)
 rename packages/liferay-npm-build-support/src/scripts/build/{index.js => index.ts} (100%)
 rename packages/liferay-npm-build-support/src/scripts/{copy-assets.js => copy-assets.ts} (100%)
 rename packages/liferay-npm-build-support/src/scripts/{copy-sources.js => copy-sources.ts} (100%)
 rename packages/liferay-npm-build-support/src/scripts/{deploy.js => deploy.ts} (100%)
 rename packages/liferay-npm-build-support/src/scripts/{start.js => start.ts} (91%)
 rename packages/liferay-npm-build-support/src/scripts/{translate.js => translate.ts} (100%)
 rename packages/liferay-npm-build-support/src/{util.js => util.ts} (89%)
 rename packages/liferay-npm-build-tools-common/src/__tests__/__snapshots__/{imports.test.js.snap => imports.test.ts.snap} (100%)
 rename packages/liferay-npm-build-tools-common/src/__tests__/__snapshots__/{manifest.test.js.snap => manifest.test.ts.snap} (100%)
 rename packages/liferay-npm-build-tools-common/src/__tests__/__snapshots__/{plugin-logger.test.js.snap => plugin-logger.test.ts.snap} (100%)
 rename packages/liferay-npm-build-tools-common/src/__tests__/{babel-ipc.test.js => babel-ipc.test.ts} (80%)
 rename packages/liferay-npm-build-tools-common/src/__tests__/{file-path.test.js => file-path.test.ts} (81%)
 rename packages/liferay-npm-build-tools-common/src/__tests__/{globs.test.js => globs.test.ts} (100%)
 rename packages/liferay-npm-build-tools-common/src/__tests__/{imports.test.js => imports.test.ts} (100%)
 rename packages/liferay-npm-build-tools-common/src/__tests__/{manifest.test.js => manifest.test.ts} (97%)
 rename packages/liferay-npm-build-tools-common/src/__tests__/{modules.test.js => modules.test.ts} (94%)
 rename packages/liferay-npm-build-tools-common/src/__tests__/{namespace.test.js => namespace.test.ts} (100%)
 rename packages/liferay-npm-build-tools-common/src/__tests__/{packages.test.js => packages.test.ts} (100%)
 rename packages/liferay-npm-build-tools-common/src/__tests__/{pkg-desc.test.js => pkg-desc.test.ts} (100%)
 rename packages/liferay-npm-build-tools-common/src/__tests__/{plugin-logger.test.js => plugin-logger.test.ts} (100%)
 rename packages/liferay-npm-build-tools-common/src/project/__tests__/{index.test.js => index.test.ts} (96%)
 rename packages/liferay-npm-build-tools-common/src/project/__tests__/{rules.test.js => rules.test.ts} (98%)
 rename packages/liferay-npm-bundler-loader-babel-loader/src/__tests__/{index.test.js => index.test.ts} (100%)
 rename packages/liferay-npm-bundler-loader-babel-loader/src/{index.js => index.ts} (100%)
 rename packages/liferay-npm-bundler-loader-copy-loader/src/{index.js => index.ts} (100%)
 rename packages/liferay-npm-bundler-loader-css-loader/src/__tests__/__snapshots__/{index.test.js.snap => index.test.ts.snap} (100%)
 rename packages/liferay-npm-bundler-loader-css-loader/src/__tests__/{index.test.js => index.test.ts} (100%)
 rename packages/liferay-npm-bundler-loader-css-loader/src/{index.js => index.ts} (97%)
 rename packages/liferay-npm-bundler-loader-json-loader/src/__tests__/__snapshots__/{index.test.js.snap => index.test.ts.snap} (100%)
 rename packages/liferay-npm-bundler-loader-json-loader/src/__tests__/{index.test.js => index.test.ts} (94%)
 rename packages/liferay-npm-bundler-loader-json-loader/src/{index.js => index.ts} (100%)
 rename packages/liferay-npm-bundler-loader-sass-loader/src/__tests__/{index.test.js => index.test.ts} (100%)
 rename packages/liferay-npm-bundler-loader-sass-loader/src/{index.js => index.ts} (94%)
 rename packages/liferay-npm-bundler-loader-style-loader/src/__tests__/{index.test.js => index.test.ts} (94%)
 rename packages/liferay-npm-bundler-loader-style-loader/src/{index.js => index.ts} (100%)
 rename packages/liferay-npm-imports-checker/src/__tests__/{config.test.js => config.test.ts} (100%)
 rename packages/liferay-npm-imports-checker/src/{config.js => config.ts} (96%)
 rename packages/liferay-npm-imports-checker/src/{liferay-npm-imports-checker.js => liferay-npm-imports-checker.ts} (91%)

diff --git a/packages/generator-liferay-js/package.json b/packages/generator-liferay-js/package.json
index 3bed0521..f21a1dd2 100644
--- a/packages/generator-liferay-js/package.json
+++ b/packages/generator-liferay-js/package.json
@@ -19,6 +19,7 @@
 		"prepublish": "yarn build"
 	},
 	"devDependencies": {
+		"@types/yeoman-generator": "^3.1.4",
 		"mem-fs": "^1.1.3",
 		"mem-fs-editor": "^6.0.0",
 		"rimraf": "^3.0.0"
diff --git a/packages/generator-liferay-js/src/adapt/index.js b/packages/generator-liferay-js/src/adapt/index.ts
similarity index 96%
rename from packages/generator-liferay-js/src/adapt/index.js
rename to packages/generator-liferay-js/src/adapt/index.ts
index 7cea06a1..cc673508 100644
--- a/packages/generator-liferay-js/src/adapt/index.js
+++ b/packages/generator-liferay-js/src/adapt/index.ts
@@ -4,8 +4,8 @@
  */
 
 import {
-	info,
 	error,
+	info,
 	print,
 	success,
 	title,
@@ -109,6 +109,9 @@ if (argv.which) {
  * Generator to add deploy support to projects.
  */
 export default class extends Generator {
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	answers: any;
+
 	/**
 	 * Standard Yeoman constructor
 	 */
@@ -182,7 +185,8 @@ export default class extends Generator {
 			]);
 
 			// Set project's package manager internally using a hack
-			project._pkgManager = answers.pkgManager;
+			// eslint-disable-next-line @typescript-eslint/no-explicit-any
+			(project as any)._pkgManager = answers.pkgManager;
 		}
 
 		Object.assign(
@@ -352,6 +356,10 @@ export default class extends Generator {
 
 		pkgJson.addPortletProperty('com.liferay.portlet.instanceable', true);
 	}
+
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	private _options: any;
+	private _pkgManager: string;
 }
 
 module.exports = exports['default'];
diff --git a/packages/generator-liferay-js/src/app/index.js b/packages/generator-liferay-js/src/app/index.ts
similarity index 94%
rename from packages/generator-liferay-js/src/app/index.js
rename to packages/generator-liferay-js/src/app/index.ts
index 9c6b54c3..8c26dd23 100644
--- a/packages/generator-liferay-js/src/app/index.js
+++ b/packages/generator-liferay-js/src/app/index.ts
@@ -1,6 +1,5 @@
 /**
- * © 2017 Liferay, Inc. <https://liferay.com>
- *
+ * SPDX-FileCopyrightText: © 2017 Liferay, Inc. <https://liferay.com>
  * SPDX-License-Identifier: LGPL-3.0-or-later
  */
 
@@ -44,7 +43,10 @@ export default class extends Generator {
 		]);
 
 		this.destinationRoot(path.resolve(answers.folder));
-		this.composeWith(require.resolve(`../target-${answers.target}`));
+		this.composeWith(
+			require.resolve(`../target-${answers.target}`),
+			undefined
+		);
 	}
 
 	/**
@@ -91,6 +93,7 @@ export default class extends Generator {
 	_getTargetCategories(tds) {
 		const map = tds.reduce((map, td) => {
 			map[td.category] = true;
+
 			return map;
 		}, {});
 
diff --git a/packages/generator-liferay-js/src/config.js b/packages/generator-liferay-js/src/config.ts
similarity index 96%
rename from packages/generator-liferay-js/src/config.js
rename to packages/generator-liferay-js/src/config.ts
index fdbf5a05..09c88bd1 100644
--- a/packages/generator-liferay-js/src/config.js
+++ b/packages/generator-liferay-js/src/config.ts
@@ -7,7 +7,8 @@ import os from 'os';
 import path from 'path';
 import readJsonSync from 'read-json-sync';
 
-let cfg = {};
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+let cfg: any = {};
 
 Object.assign(
 	cfg,
@@ -101,6 +102,7 @@ function safeReadJsonSync(path) {
 		if (err.code !== 'ENOENT') {
 			throw err;
 		}
+
 		return {};
 	}
 }
diff --git a/packages/generator-liferay-js/src/facet-configuration/constants.js b/packages/generator-liferay-js/src/facet-configuration/constants.ts
similarity index 100%
rename from packages/generator-liferay-js/src/facet-configuration/constants.js
rename to packages/generator-liferay-js/src/facet-configuration/constants.ts
diff --git a/packages/generator-liferay-js/src/facet-configuration/index.js b/packages/generator-liferay-js/src/facet-configuration/index.ts
similarity index 96%
rename from packages/generator-liferay-js/src/facet-configuration/index.js
rename to packages/generator-liferay-js/src/facet-configuration/index.ts
index 53d4c15c..c37696a5 100644
--- a/packages/generator-liferay-js/src/facet-configuration/index.js
+++ b/packages/generator-liferay-js/src/facet-configuration/index.ts
@@ -16,6 +16,9 @@ import {DEFAULT_CONFIGURATION} from './constants';
  * Generator to add configuration support to projects.
  */
 export default class extends Generator {
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	answers: any;
+
 	/**
 	 * Standard Yeoman initialization function
 	 */
diff --git a/packages/generator-liferay-js/src/facet-configuration/sample-generator.js b/packages/generator-liferay-js/src/facet-configuration/sample-generator.ts
similarity index 96%
rename from packages/generator-liferay-js/src/facet-configuration/sample-generator.js
rename to packages/generator-liferay-js/src/facet-configuration/sample-generator.ts
index 860c05ce..589220fe 100644
--- a/packages/generator-liferay-js/src/facet-configuration/sample-generator.js
+++ b/packages/generator-liferay-js/src/facet-configuration/sample-generator.ts
@@ -118,4 +118,7 @@ export default class {
 			}
 		}
 	}
+
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	private _generator: any;
 }
diff --git a/packages/generator-liferay-js/src/facet-deploy/index.js b/packages/generator-liferay-js/src/facet-deploy/index.ts
similarity index 95%
rename from packages/generator-liferay-js/src/facet-deploy/index.js
rename to packages/generator-liferay-js/src/facet-deploy/index.ts
index 35e5fe2a..a64dc6e4 100644
--- a/packages/generator-liferay-js/src/facet-deploy/index.js
+++ b/packages/generator-liferay-js/src/facet-deploy/index.ts
@@ -14,6 +14,9 @@ import PkgJsonModifier from '../utils/modifier/package.json';
  * Generator to add deploy support to projects.
  */
 export default class extends Generator {
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	answers: any;
+
 	/**
 	 * Standard Yeoman initialization function
 	 */
diff --git a/packages/generator-liferay-js/src/facet-localization/constants.js b/packages/generator-liferay-js/src/facet-localization/constants.ts
similarity index 100%
rename from packages/generator-liferay-js/src/facet-localization/constants.js
rename to packages/generator-liferay-js/src/facet-localization/constants.ts
diff --git a/packages/generator-liferay-js/src/facet-localization/index.js b/packages/generator-liferay-js/src/facet-localization/index.ts
similarity index 95%
rename from packages/generator-liferay-js/src/facet-localization/index.js
rename to packages/generator-liferay-js/src/facet-localization/index.ts
index 232197c8..8865d641 100644
--- a/packages/generator-liferay-js/src/facet-localization/index.js
+++ b/packages/generator-liferay-js/src/facet-localization/index.ts
@@ -16,6 +16,9 @@ import {DEFAULT_LOCALIZATION} from './constants';
  * Generator to add localization support to projects.
  */
 export default class extends Generator {
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	answers: any;
+
 	/**
 	 * Standard Yeoman initialization function
 	 */
diff --git a/packages/generator-liferay-js/src/facet-localization/sample-generator.js b/packages/generator-liferay-js/src/facet-localization/sample-generator.ts
similarity index 91%
rename from packages/generator-liferay-js/src/facet-localization/sample-generator.js
rename to packages/generator-liferay-js/src/facet-localization/sample-generator.ts
index 1ec2d2ef..49a3f91f 100644
--- a/packages/generator-liferay-js/src/facet-localization/sample-generator.js
+++ b/packages/generator-liferay-js/src/facet-localization/sample-generator.ts
@@ -39,7 +39,11 @@ export default class {
 	_toProperties(labels) {
 		return Object.keys(labels).reduce((obj, key) => {
 			obj[hyphenate(key)] = labels[key];
+
 			return obj;
 		}, {});
 	}
+
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	private _generator: any;
 }
diff --git a/packages/generator-liferay-js/src/facet-portlet/index.js b/packages/generator-liferay-js/src/facet-portlet/index.ts
similarity index 97%
rename from packages/generator-liferay-js/src/facet-portlet/index.js
rename to packages/generator-liferay-js/src/facet-portlet/index.ts
index 5fddb349..0dfd977f 100644
--- a/packages/generator-liferay-js/src/facet-portlet/index.js
+++ b/packages/generator-liferay-js/src/facet-portlet/index.ts
@@ -16,6 +16,9 @@ import PkgJsonModifier from '../utils/modifier/package.json';
  * Generator to add portlet support to projects.
  */
 export default class extends Generator {
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	answers: any;
+
 	/**
 	 * Standard Yeoman initialization function
 	 */
diff --git a/packages/generator-liferay-js/src/facet-project/index.js b/packages/generator-liferay-js/src/facet-project/index.ts
similarity index 94%
rename from packages/generator-liferay-js/src/facet-project/index.js
rename to packages/generator-liferay-js/src/facet-project/index.ts
index 965da639..1655fb7d 100644
--- a/packages/generator-liferay-js/src/facet-project/index.js
+++ b/packages/generator-liferay-js/src/facet-project/index.ts
@@ -17,6 +17,9 @@ import {
  * Generator to add base scaffolding to projects.
  */
 export default class extends Generator {
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	answers: any;
+
 	/**
 	 * Standard Yeoman initialization function
 	 */
diff --git a/packages/generator-liferay-js/src/facet-start/index.js b/packages/generator-liferay-js/src/facet-start/index.ts
similarity index 93%
rename from packages/generator-liferay-js/src/facet-start/index.js
rename to packages/generator-liferay-js/src/facet-start/index.ts
index 94d5ab85..64c692d7 100644
--- a/packages/generator-liferay-js/src/facet-start/index.js
+++ b/packages/generator-liferay-js/src/facet-start/index.ts
@@ -13,6 +13,9 @@ import PkgJsonModifier from '../utils/modifier/package.json';
  * Generator to add start support to projects.
  */
 export default class extends Generator {
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	answers: any;
+
 	/**
 	 * Standard Yeoman initialization function
 	 */
diff --git a/packages/generator-liferay-js/src/target-angular-portlet/angular-portlet.js b/packages/generator-liferay-js/src/target-angular-portlet/angular-portlet.ts
similarity index 93%
rename from packages/generator-liferay-js/src/target-angular-portlet/angular-portlet.js
rename to packages/generator-liferay-js/src/target-angular-portlet/angular-portlet.ts
index 97d2e70f..1ae62fbd 100644
--- a/packages/generator-liferay-js/src/target-angular-portlet/angular-portlet.js
+++ b/packages/generator-liferay-js/src/target-angular-portlet/angular-portlet.ts
@@ -9,7 +9,7 @@ import Generator from 'yeoman-generator';
 import {Copier} from '../utils';
 import ProjectAnalyzer from '../utils/ProjectAnalyzer';
 import NpmbuildrcModifier from '../utils/modifier/npmbuildrc';
-import PkgJsonModifier from '../utils/modifier/package.json.js';
+import PkgJsonModifier from '../utils/modifier/package.json';
 import * as standardTarget from '../utils/target/standard';
 import dependenciesJson from './dependencies.json';
 
@@ -17,6 +17,10 @@ import dependenciesJson from './dependencies.json';
  * Implementation of generation of Angular portlets.
  */
 export default class extends Generator {
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	answers: any;
+	namespace: string;
+
 	/**
 	 * Standard Yeoman initialization function
 	 */
diff --git a/packages/generator-liferay-js/src/target-angular-portlet/index.js b/packages/generator-liferay-js/src/target-angular-portlet/index.ts
similarity index 89%
rename from packages/generator-liferay-js/src/target-angular-portlet/index.js
rename to packages/generator-liferay-js/src/target-angular-portlet/index.ts
index d2c031d7..571d252c 100644
--- a/packages/generator-liferay-js/src/target-angular-portlet/index.js
+++ b/packages/generator-liferay-js/src/target-angular-portlet/index.ts
@@ -17,7 +17,7 @@ export default class extends Generator {
 	initializing() {
 		standardTarget.initializing(this);
 
-		this.composeWith(require.resolve('./angular-portlet'));
+		this.composeWith(require.resolve('./angular-portlet'), undefined);
 	}
 
 	/**
diff --git a/packages/generator-liferay-js/src/target-metaljs-portlet/index.js b/packages/generator-liferay-js/src/target-metaljs-portlet/index.ts
similarity index 89%
rename from packages/generator-liferay-js/src/target-metaljs-portlet/index.js
rename to packages/generator-liferay-js/src/target-metaljs-portlet/index.ts
index 46a593de..2b7a3cbb 100644
--- a/packages/generator-liferay-js/src/target-metaljs-portlet/index.js
+++ b/packages/generator-liferay-js/src/target-metaljs-portlet/index.ts
@@ -17,7 +17,7 @@ export default class extends Generator {
 	initializing() {
 		standardTarget.initializing(this);
 
-		this.composeWith(require.resolve('./metaljs-portlet'));
+		this.composeWith(require.resolve('./metaljs-portlet'), undefined);
 	}
 
 	/**
diff --git a/packages/generator-liferay-js/src/target-metaljs-portlet/metaljs-portlet.js b/packages/generator-liferay-js/src/target-metaljs-portlet/metaljs-portlet.ts
similarity index 96%
rename from packages/generator-liferay-js/src/target-metaljs-portlet/metaljs-portlet.js
rename to packages/generator-liferay-js/src/target-metaljs-portlet/metaljs-portlet.ts
index f5b1fbd1..5be90fdd 100644
--- a/packages/generator-liferay-js/src/target-metaljs-portlet/metaljs-portlet.js
+++ b/packages/generator-liferay-js/src/target-metaljs-portlet/metaljs-portlet.ts
@@ -19,6 +19,10 @@ import importsJson from './imports.json';
  * Implementation of generation of Metal.js portlets.
  */
 export default class extends Generator {
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	answers: any;
+	namespace: string;
+
 	/**
 	 * Standard Yeoman initialization function
 	 */
diff --git a/packages/generator-liferay-js/src/target-react-portlet/index.js b/packages/generator-liferay-js/src/target-react-portlet/index.ts
similarity index 89%
rename from packages/generator-liferay-js/src/target-react-portlet/index.js
rename to packages/generator-liferay-js/src/target-react-portlet/index.ts
index 5fb40ed0..9689e0a5 100644
--- a/packages/generator-liferay-js/src/target-react-portlet/index.js
+++ b/packages/generator-liferay-js/src/target-react-portlet/index.ts
@@ -17,7 +17,7 @@ export default class extends Generator {
 	initializing() {
 		standardTarget.initializing(this);
 
-		this.composeWith(require.resolve('./react-portlet'));
+		this.composeWith(require.resolve('./react-portlet'), undefined);
 	}
 
 	/**
diff --git a/packages/generator-liferay-js/src/target-react-portlet/react-portlet.js b/packages/generator-liferay-js/src/target-react-portlet/react-portlet.ts
similarity index 95%
rename from packages/generator-liferay-js/src/target-react-portlet/react-portlet.js
rename to packages/generator-liferay-js/src/target-react-portlet/react-portlet.ts
index 734b0c24..3c028dc4 100644
--- a/packages/generator-liferay-js/src/target-react-portlet/react-portlet.js
+++ b/packages/generator-liferay-js/src/target-react-portlet/react-portlet.ts
@@ -17,6 +17,10 @@ import dependenciesJson from './dependencies.json';
  * Implementation of generation of React portlets.
  */
 export default class extends Generator {
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	answers: any;
+	namespace: string;
+
 	/**
 	 * Standard Yeoman initialization function
 	 */
diff --git a/packages/generator-liferay-js/src/target-shared-bundle/index.js b/packages/generator-liferay-js/src/target-shared-bundle/index.ts
similarity index 57%
rename from packages/generator-liferay-js/src/target-shared-bundle/index.js
rename to packages/generator-liferay-js/src/target-shared-bundle/index.ts
index 9a5b4c9e..c941593c 100644
--- a/packages/generator-liferay-js/src/target-shared-bundle/index.js
+++ b/packages/generator-liferay-js/src/target-shared-bundle/index.ts
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: LGPL-3.0-or-later
  */
 
-import Generator from 'yeoman-generator';
+import Generator, {InstallOptions} from 'yeoman-generator';
 
 /**
  * Generator for shared bundles.
@@ -13,10 +13,10 @@ export default class extends Generator {
 	 * Standard Yeoman initialization function
 	 */
 	initializing() {
-		this.composeWith(require.resolve('../facet-project'));
-		this.composeWith(require.resolve('../facet-localization'));
-		this.composeWith(require.resolve('../facet-deploy'));
-		this.composeWith(require.resolve('./shared-bundle'));
+		this.composeWith(require.resolve('../facet-project'), undefined);
+		this.composeWith(require.resolve('../facet-localization'), undefined);
+		this.composeWith(require.resolve('../facet-deploy'), undefined);
+		this.composeWith(require.resolve('./shared-bundle'), undefined);
 	}
 
 	/**
@@ -27,7 +27,8 @@ export default class extends Generator {
 			bower: false,
 			skipMessage: this.options['skip-install-message'],
 			skipInstall: this.options['skip-install'],
-		});
+			// eslint-disable-next-line @typescript-eslint/no-explicit-any
+		} as any);
 	}
 }
 
diff --git a/packages/generator-liferay-js/src/target-shared-bundle/shared-bundle.js b/packages/generator-liferay-js/src/target-shared-bundle/shared-bundle.ts
similarity index 95%
rename from packages/generator-liferay-js/src/target-shared-bundle/shared-bundle.js
rename to packages/generator-liferay-js/src/target-shared-bundle/shared-bundle.ts
index d7d62640..0418b0ba 100644
--- a/packages/generator-liferay-js/src/target-shared-bundle/shared-bundle.js
+++ b/packages/generator-liferay-js/src/target-shared-bundle/shared-bundle.ts
@@ -13,6 +13,9 @@ import PkgJsonModifier from '../utils/modifier/package.json';
  * Implementation of generation of shared bundles.
  */
 export default class extends Generator {
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	answers: any;
+
 	/**
 	 * Standard Yeoman initialization function
 	 */
diff --git a/packages/generator-liferay-js/src/target-vanilla-portlet/index.js b/packages/generator-liferay-js/src/target-vanilla-portlet/index.ts
similarity index 89%
rename from packages/generator-liferay-js/src/target-vanilla-portlet/index.js
rename to packages/generator-liferay-js/src/target-vanilla-portlet/index.ts
index 30bc75c5..6a38da1a 100644
--- a/packages/generator-liferay-js/src/target-vanilla-portlet/index.js
+++ b/packages/generator-liferay-js/src/target-vanilla-portlet/index.ts
@@ -17,7 +17,7 @@ export default class extends Generator {
 	initializing() {
 		standardTarget.initializing(this);
 
-		this.composeWith(require.resolve('./vanilla-portlet'));
+		this.composeWith(require.resolve('./vanilla-portlet'), undefined);
 	}
 
 	/**
diff --git a/packages/generator-liferay-js/src/target-vanilla-portlet/vanilla-portlet.js b/packages/generator-liferay-js/src/target-vanilla-portlet/vanilla-portlet.ts
similarity index 93%
rename from packages/generator-liferay-js/src/target-vanilla-portlet/vanilla-portlet.js
rename to packages/generator-liferay-js/src/target-vanilla-portlet/vanilla-portlet.ts
index 9c2adf2d..7f4a0589 100644
--- a/packages/generator-liferay-js/src/target-vanilla-portlet/vanilla-portlet.js
+++ b/packages/generator-liferay-js/src/target-vanilla-portlet/vanilla-portlet.ts
@@ -9,13 +9,17 @@ import Generator from 'yeoman-generator';
 import {Copier, promptWithConfig} from '../utils';
 import ProjectAnalyzer from '../utils/ProjectAnalyzer';
 import NpmbuildrcModifier from '../utils/modifier/npmbuildrc';
-import PkgJsonModifier from '../utils/modifier/package.json.js';
+import PkgJsonModifier from '../utils/modifier/package.json';
 import * as standardTarget from '../utils/target/standard';
 
 /**
  * Implementation of generation of plain JavaScript portlets.
  */
 export default class extends Generator {
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	answers: any;
+	namespace: string;
+
 	/**
 	 * Standard Yeoman initialization function
 	 */
diff --git a/packages/generator-liferay-js/src/target-vuejs-portlet/index.js b/packages/generator-liferay-js/src/target-vuejs-portlet/index.ts
similarity index 89%
rename from packages/generator-liferay-js/src/target-vuejs-portlet/index.js
rename to packages/generator-liferay-js/src/target-vuejs-portlet/index.ts
index 5ab206d2..7b4461e0 100644
--- a/packages/generator-liferay-js/src/target-vuejs-portlet/index.js
+++ b/packages/generator-liferay-js/src/target-vuejs-portlet/index.ts
@@ -17,7 +17,7 @@ export default class extends Generator {
 	initializing() {
 		standardTarget.initializing(this);
 
-		this.composeWith(require.resolve('./vuejs-portlet'));
+		this.composeWith(require.resolve('./vuejs-portlet'), undefined);
 	}
 
 	/**
diff --git a/packages/generator-liferay-js/src/target-vuejs-portlet/vuejs-portlet.js b/packages/generator-liferay-js/src/target-vuejs-portlet/vuejs-portlet.ts
similarity index 92%
rename from packages/generator-liferay-js/src/target-vuejs-portlet/vuejs-portlet.js
rename to packages/generator-liferay-js/src/target-vuejs-portlet/vuejs-portlet.ts
index 17ffbc7a..3b2fdc19 100644
--- a/packages/generator-liferay-js/src/target-vuejs-portlet/vuejs-portlet.js
+++ b/packages/generator-liferay-js/src/target-vuejs-portlet/vuejs-portlet.ts
@@ -9,7 +9,7 @@ import Generator from 'yeoman-generator';
 import {Copier} from '../utils';
 import ProjectAnalyzer from '../utils/ProjectAnalyzer';
 import NpmbuildrcModifier from '../utils/modifier/npmbuildrc';
-import PkgJsonModifier from '../utils/modifier/package.json.js';
+import PkgJsonModifier from '../utils/modifier/package.json';
 import * as standardTarget from '../utils/target/standard';
 import dependenciesJson from './dependencies.json';
 
@@ -17,6 +17,9 @@ import dependenciesJson from './dependencies.json';
  * Implementation of generation of Vue.js portlets.
  */
 export default class extends Generator {
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	namespace: string;
+
 	/**
 	 * Standard Yeoman initialization function
 	 */
diff --git a/packages/generator-liferay-js/src/utils/JsonModifier.js b/packages/generator-liferay-js/src/utils/JsonModifier.ts
similarity index 79%
rename from packages/generator-liferay-js/src/utils/JsonModifier.js
rename to packages/generator-liferay-js/src/utils/JsonModifier.ts
index 61f3a3db..feb3e34a 100644
--- a/packages/generator-liferay-js/src/utils/JsonModifier.js
+++ b/packages/generator-liferay-js/src/utils/JsonModifier.ts
@@ -10,10 +10,9 @@ export default class JsonModifier {
 	/**
 	 * @param {Generator} generator a Yeoman generator
 	 * @param {String} path path to file
-	 * @param {string|number} space the space string/number of spaces to use
-	 * 			when stringifying
+	 * @param space the space string/number of spaces to use when stringifying
 	 */
-	constructor(generator, path, space = '	') {
+	constructor(generator, path, space: string | number = '	') {
 		this._generator = generator;
 		this._path = path;
 		this._space = space;
@@ -50,4 +49,9 @@ export default class JsonModifier {
 	_escapeProp(name) {
 		return name.replace(/\./g, '\\.');
 	}
+
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	private _generator: any;
+	private _path: string;
+	private _space: string | number;
 }
diff --git a/packages/generator-liferay-js/src/utils/ProjectAnalyzer.js b/packages/generator-liferay-js/src/utils/ProjectAnalyzer.ts
similarity index 94%
rename from packages/generator-liferay-js/src/utils/ProjectAnalyzer.js
rename to packages/generator-liferay-js/src/utils/ProjectAnalyzer.ts
index 2932e372..5cd8934a 100644
--- a/packages/generator-liferay-js/src/utils/ProjectAnalyzer.js
+++ b/packages/generator-liferay-js/src/utils/ProjectAnalyzer.ts
@@ -92,10 +92,10 @@ export default class ProjectAnalyzer {
 	 * Get the path to localization properties file.
 	 * @return {string}
 	 */
-	get localizationFilePath() {
+	get localizationFilePath(): string {
 		const fs = this._generator.fs;
 
-		let localization = prop.get(
+		let localization: string = prop.get(
 			this._npmbundlerrc,
 			'create-jar.features.localization'
 		);
@@ -149,4 +149,7 @@ export default class ProjectAnalyzer {
 	get _packageJson() {
 		return this._generator.fs.readJSON('package.json');
 	}
+
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	private _generator: any;
 }
diff --git a/packages/generator-liferay-js/src/utils/__tests__/ProjectAnalyzer.test.js b/packages/generator-liferay-js/src/utils/__tests__/ProjectAnalyzer.test.ts
similarity index 100%
rename from packages/generator-liferay-js/src/utils/__tests__/ProjectAnalyzer.test.js
rename to packages/generator-liferay-js/src/utils/__tests__/ProjectAnalyzer.test.ts
diff --git a/packages/generator-liferay-js/src/utils/__tests__/index.test.js b/packages/generator-liferay-js/src/utils/__tests__/index.test.ts
similarity index 100%
rename from packages/generator-liferay-js/src/utils/__tests__/index.test.js
rename to packages/generator-liferay-js/src/utils/__tests__/index.test.ts
diff --git a/packages/generator-liferay-js/src/utils/index.js b/packages/generator-liferay-js/src/utils/index.ts
similarity index 94%
rename from packages/generator-liferay-js/src/utils/index.js
rename to packages/generator-liferay-js/src/utils/index.ts
index edd77656..f88e3261 100644
--- a/packages/generator-liferay-js/src/utils/index.js
+++ b/packages/generator-liferay-js/src/utils/index.ts
@@ -1,13 +1,13 @@
 /**
- * © 2017 Liferay, Inc. <https://liferay.com>
- *
+ * SPDX-FileCopyrightText: © 2017 Liferay, Inc. <https://liferay.com>
  * SPDX-License-Identifier: LGPL-3.0-or-later
  */
 
 import fs from 'fs';
 import path from 'path';
 
-import pkgJson from '../../package.json';
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const pkgJson = require('../../package.json');
 import * as cfg from '../config';
 
 /**
@@ -28,7 +28,7 @@ export class Copier {
 	 * 						instantiating the template (defaults to {})
 	 * @param  {String} dest optional destination name (defaults to src)
 	 */
-	copyFile(src, {context = {}, dest} = {}) {
+	copyFile(src, {context = {}, dest = undefined} = {}) {
 		const gen = this._generator;
 
 		const fullContext = {
@@ -69,6 +69,9 @@ export class Copier {
 			}
 		});
 	}
+
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	private _generator: any;
 }
 
 /**
@@ -82,18 +85,22 @@ export function formatLabels(labels) {
 		raw: labels,
 		quoted: Object.entries(labels).reduce((obj, [key, value]) => {
 			obj[key] = `'${value}'`;
+
 			return obj;
 		}, {}),
 		template: Object.keys(labels).reduce((obj, key) => {
 			obj[key] = `\${Liferay.Language.get('${hyphenate(key)}')}`;
+
 			return obj;
 		}, {}),
 		js: Object.keys(labels).reduce((obj, key) => {
 			obj[key] = `Liferay.Language.get('${hyphenate(key)}')`;
+
 			return obj;
 		}, {}),
 		jsx: Object.keys(labels).reduce((obj, key) => {
 			obj[key] = `{Liferay.Language.get('${hyphenate(key)}')}`;
+
 			return obj;
 		}, {}),
 	};
@@ -168,7 +175,7 @@ export function hyphenate(key) {
  * @param  {Array} prompts a Yeoman prompts array
  * @return {object} the set of answers
  */
-export async function promptWithConfig(generator, namespace, prompts) {
+export async function promptWithConfig(generator, namespace, prompts?) {
 	if (Array.isArray(namespace)) {
 		prompts = namespace;
 		namespace = generator.namespace;
@@ -195,6 +202,7 @@ export async function promptWithConfig(generator, namespace, prompts) {
 	if (cfg.batchMode()) {
 		return prompts.reduce((answers, prompt) => {
 			answers[prompt.name] = prompt.default;
+
 			return answers;
 		}, {});
 	} else {
diff --git a/packages/generator-liferay-js/src/utils/modifier/assets/css/styles.css.js b/packages/generator-liferay-js/src/utils/modifier/assets/css/styles.css.ts
similarity index 86%
rename from packages/generator-liferay-js/src/utils/modifier/assets/css/styles.css.js
rename to packages/generator-liferay-js/src/utils/modifier/assets/css/styles.css.ts
index 77803da1..da6a24e5 100644
--- a/packages/generator-liferay-js/src/utils/modifier/assets/css/styles.css.js
+++ b/packages/generator-liferay-js/src/utils/modifier/assets/css/styles.css.ts
@@ -31,4 +31,8 @@ ${values.map(value => `	${value}`).join('\n')}
 
 		gen.fs.write(this._path, css);
 	}
+
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	private _generator: any;
+	private _path: string;
 }
diff --git a/packages/generator-liferay-js/src/utils/modifier/features/configuration.json.js b/packages/generator-liferay-js/src/utils/modifier/features/configuration.json.ts
similarity index 94%
rename from packages/generator-liferay-js/src/utils/modifier/features/configuration.json.js
rename to packages/generator-liferay-js/src/utils/modifier/features/configuration.json.ts
index 10f928f5..55b194e4 100644
--- a/packages/generator-liferay-js/src/utils/modifier/features/configuration.json.js
+++ b/packages/generator-liferay-js/src/utils/modifier/features/configuration.json.ts
@@ -12,6 +12,11 @@ import ProjectAnalyzer from '../../ProjectAnalyzer';
  * A class to help modifying the configuration.json file.
  */
 export default class ConfigurationJsonModifier extends JsonModifier {
+	static readonly Section = {
+		SYSTEM: 'system',
+		PORTLET_INSTANCE: 'portletInstance',
+	};
+
 	/**
 	 * @param {Generator} generator a Yeoman generator
 	 */
@@ -61,8 +66,3 @@ export default class ConfigurationJsonModifier extends JsonModifier {
 		});
 	}
 }
-
-ConfigurationJsonModifier.Section = {
-	SYSTEM: 'system',
-	PORTLET_INSTANCE: 'portletInstance',
-};
diff --git a/packages/generator-liferay-js/src/utils/modifier/features/localization/Language.properties.js b/packages/generator-liferay-js/src/utils/modifier/features/localization/Language.properties.ts
similarity index 90%
rename from packages/generator-liferay-js/src/utils/modifier/features/localization/Language.properties.js
rename to packages/generator-liferay-js/src/utils/modifier/features/localization/Language.properties.ts
index c2ab9d22..45dc2b6f 100644
--- a/packages/generator-liferay-js/src/utils/modifier/features/localization/Language.properties.js
+++ b/packages/generator-liferay-js/src/utils/modifier/features/localization/Language.properties.ts
@@ -46,4 +46,8 @@ export default class {
 
 		fs.write(this._path, content);
 	}
+
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	private _generator: any;
+	private _path: string;
 }
diff --git a/packages/generator-liferay-js/src/utils/modifier/gitignore.js b/packages/generator-liferay-js/src/utils/modifier/gitignore.ts
similarity index 85%
rename from packages/generator-liferay-js/src/utils/modifier/gitignore.js
rename to packages/generator-liferay-js/src/utils/modifier/gitignore.ts
index 4bb416ce..b48d574b 100644
--- a/packages/generator-liferay-js/src/utils/modifier/gitignore.js
+++ b/packages/generator-liferay-js/src/utils/modifier/gitignore.ts
@@ -32,4 +32,8 @@ export default class {
 
 		gen.fs.write(this._path, content);
 	}
+
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	private _generator: any;
+	private _path: string;
 }
diff --git a/packages/generator-liferay-js/src/utils/modifier/npmbuildrc.js b/packages/generator-liferay-js/src/utils/modifier/npmbuildrc.ts
similarity index 100%
rename from packages/generator-liferay-js/src/utils/modifier/npmbuildrc.js
rename to packages/generator-liferay-js/src/utils/modifier/npmbuildrc.ts
diff --git a/packages/generator-liferay-js/src/utils/modifier/npmbundlerrc.js b/packages/generator-liferay-js/src/utils/modifier/npmbundlerrc.ts
similarity index 100%
rename from packages/generator-liferay-js/src/utils/modifier/npmbundlerrc.js
rename to packages/generator-liferay-js/src/utils/modifier/npmbundlerrc.ts
diff --git a/packages/generator-liferay-js/src/utils/modifier/package.json.js b/packages/generator-liferay-js/src/utils/modifier/package.json.ts
similarity index 94%
rename from packages/generator-liferay-js/src/utils/modifier/package.json.js
rename to packages/generator-liferay-js/src/utils/modifier/package.json.ts
index 1e549474..9736276b 100644
--- a/packages/generator-liferay-js/src/utils/modifier/package.json.js
+++ b/packages/generator-liferay-js/src/utils/modifier/package.json.ts
@@ -13,10 +13,9 @@ import JsonModifier from '../JsonModifier';
 export default class extends JsonModifier {
 	/**
 	 * @param {Generator} generator a Yeoman generator
-	 * @param {string|number} space the space string/number of spaces to use
-	 * 			when stringifying
+	 * @param space the space string/number of spaces to use when stringifying
 	 */
-	constructor(generator, space = '\t') {
+	constructor(generator, space: string | number = '\t') {
 		super(generator, 'package.json', space);
 	}
 
diff --git a/packages/generator-liferay-js/src/utils/target/standard.js b/packages/generator-liferay-js/src/utils/target/standard.ts
similarity index 97%
rename from packages/generator-liferay-js/src/utils/target/standard.js
rename to packages/generator-liferay-js/src/utils/target/standard.ts
index fd472693..2cda6061 100644
--- a/packages/generator-liferay-js/src/utils/target/standard.js
+++ b/packages/generator-liferay-js/src/utils/target/standard.ts
@@ -1,6 +1,5 @@
 /**
- * © 2017 Liferay, Inc. <https://liferay.com>
- *
+ * SPDX-FileCopyrightText: © 2017 Liferay, Inc. <https://liferay.com>
  * SPDX-License-Identifier: LGPL-3.0-or-later
  */
 
diff --git a/packages/liferay-npm-bridge-generator/src/liferay-npm-bridge-generator.js b/packages/liferay-npm-bridge-generator/src/liferay-npm-bridge-generator.ts
similarity index 100%
rename from packages/liferay-npm-bridge-generator/src/liferay-npm-bridge-generator.js
rename to packages/liferay-npm-bridge-generator/src/liferay-npm-bridge-generator.ts
diff --git a/packages/liferay-npm-build-support/src/config.js b/packages/liferay-npm-build-support/src/config.ts
similarity index 89%
rename from packages/liferay-npm-build-support/src/config.js
rename to packages/liferay-npm-build-support/src/config.ts
index fd45312c..6fde0884 100644
--- a/packages/liferay-npm-build-support/src/config.js
+++ b/packages/liferay-npm-build-support/src/config.ts
@@ -7,8 +7,10 @@ import prop from 'dot-prop';
 import project from 'liferay-npm-build-tools-common/lib/project';
 import readJsonSync from 'read-json-sync';
 
-let npmbuildrc = {};
-let npmbundlerrc = {};
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+let npmbuildrc: any = {};
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+let npmbundlerrc: any = {};
 
 loadConfig();
 
@@ -17,7 +19,8 @@ loadConfig();
  */
 function loadConfig() {
 	npmbuildrc = safeReadJsonSync(project.dir.join('.npmbuildrc').asNative);
-	npmbundlerrc = project._configuration;
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	npmbundlerrc = (project as any)._configuration;
 
 	// Normalize configurations
 	normalize(npmbuildrc, 'supportedLocales', []);
diff --git a/packages/liferay-npm-build-support/src/portal/gogo-shell.js b/packages/liferay-npm-build-support/src/portal/gogo-shell.js
deleted file mode 100644
index 234a9f14..00000000
--- a/packages/liferay-npm-build-support/src/portal/gogo-shell.js
+++ /dev/null
@@ -1,152 +0,0 @@
-/**
- * © 2017 Liferay, Inc. <https://liferay.com>
- *
- * SPDX-License-Identifier: LGPL-3.0-or-later
- */
-
-import {Socket} from 'net';
-
-const DEFAULT_CONNECT_OPTIONS = {
-	host: '127.0.0.1',
-	port: 11311,
-};
-
-/**
- *
- */
-export default class extends Socket {
-	/**
-	 * @param {boolean} debug set to true to dump transmited data
-	 */
-	constructor({debug = false} = {}) {
-		super({});
-
-		this._debug = debug;
-		this._active = false;
-		this._lastResponse = undefined;
-		this._lastCommand = undefined;
-	}
-
-	/**
-	 * Connect to the console.
-	 * @param {object} options for Socket.connect method
-	 * @return {Promise} resolves when ready
-	 */
-	connect(options) {
-		return new Promise((resolve, reject) => {
-			this.once('connect', () => this._onConnect());
-
-			super.connect({
-				...DEFAULT_CONNECT_OPTIONS,
-				...options,
-			});
-
-			this.once('error', reject);
-			this.once('ready', () => {
-				this.removeListener('error', reject);
-				resolve();
-			});
-		});
-	}
-
-	/**
-	 * Send a command to console.
-	 * @param {string} command
-	 * @param  {...string} args
-	 * @return {Promise} resolves with the obtained response
-	 */
-	sendCommand(command, ...args) {
-		return new Promise((resolve, reject) => {
-			// Signal error if command is on its way
-			if (this._active) {
-				reject(
-					new Error(
-						'Only one command can be sent at a time. ' +
-							'Current command: ' +
-							`"${this._lastCommand.replace('\n', '')}"` +
-							' has not finished.'
-					)
-				);
-
-				return;
-			}
-
-			// Normalize arguments
-			if (args.length > 0) {
-				command += ` ${args.join(' ')}`;
-			}
-
-			if (!command.endsWith('\n')) {
-				command += '\n';
-			}
-
-			// Set command handler
-			this.once('error', reject);
-			this.once('prompt', response => {
-				this.removeListener('error', reject);
-				this._active = false;
-				resolve(response);
-			});
-
-			// Send command
-			this._lastResponse = '';
-			this._lastCommand = command;
-			this._active = true;
-			this.write(command);
-		});
-	}
-
-	/**
-	 * Handler for connect event. Emits 'ready' event when everything is setup
-	 * and running.
-	 */
-	_onConnect() {
-		// Emit ready event on first prompt
-		this.once('prompt', () => this.emit('ready'));
-
-		// Attach data handlers
-		this.on('data', data => this._debugDataListener(data));
-		this.on('data', data => this._promptDataListener(data));
-
-		// Write handshake chars so that telnet knows we are an VT220
-		this.write(new Buffer([255, 251, 24]));
-		this.write(new Buffer([255, 250, 24, 0, 86, 84, 50, 50, 48, 255, 240]));
-	}
-
-	/**
-	 * Handler for debugging transmited data. Prints data to console when debug
-	 * option is set.
-	 * @param {Buffer} data a chunk of data
-	 */
-	_debugDataListener(data) {
-		if (this._debug) {
-			process.stdout.write(data.toString());
-		}
-	}
-
-	/**
-	 * Handler for prompt and responses. Emits a 'prompt' event with obtained
-	 * response when the console replies to some command.
-	 * @param {Buffer} data a chunk of data
-	 */
-	_promptDataListener(data) {
-		const finished = data.toString().endsWith('g! ');
-
-		this._lastResponse += data.toString();
-
-		if (finished) {
-			let lastResponse = this._lastResponse;
-
-			if (this._lastCommand) {
-				lastResponse = lastResponse.substr(
-					this._lastCommand.length + 1
-				);
-			}
-			lastResponse = lastResponse.substr(0, lastResponse.length - 3);
-
-			this._lastResponse = lastResponse;
-
-			this.emit('prompt', this._lastResponse);
-		}
-	}
-}
diff --git a/packages/liferay-npm-build-support/src/portal/portal-shell.js b/packages/liferay-npm-build-support/src/portal/portal-shell.js
deleted file mode 100644
index 272b5ee3..00000000
--- a/packages/liferay-npm-build-support/src/portal/portal-shell.js
+++ /dev/null
@@ -1,118 +0,0 @@
-/**
- * SPDX-FileCopyrightText: © 2017 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: LGPL-3.0-or-later
- */
-
-import path from 'path';
-
-import GogoShell from './gogo-shell';
-
-/**
- *
- */
-export default class extends GogoShell {
-	/**
-	 *
-	 * @param {string} fileOrDir
-	 * @return {Promise} resolves to the bundle id
-	 */
-	install(fileOrDir) {
-		return this.sendCommand(
-			`install file://${path.resolve(fileOrDir)}`
-		).then(response => {
-			const matches = /.*BundleId\s+(\d+).*/.exec(response);
-
-			if (!matches || matches.length < 2) {
-				throw new Error(response);
-			}
-
-			return Number.parseInt(matches[1], 10);
-		});
-	}
-
-	/**
-	 *
-	 * @param {int} bundleId
-	 * @return {Promise} resolves to the bundle id
-	 */
-	start(bundleId) {
-		return this.sendCommand(`start ${bundleId}`).then(response => {
-			if (response.length != 0) {
-				throw new Error(response);
-			}
-
-			return bundleId;
-		});
-	}
-
-	/**
-	 *
-	 * @param {int} bundleId
-	 * @return {Promise} resolves to the bundle id
-	 */
-	stop(bundleId) {
-		return this.sendCommand(`stop ${bundleId}`).then(response => {
-			if (response.length != 0) {
-				throw new Error(response);
-			}
-
-			return bundleId;
-		});
-	}
-
-	/**
-	 *
-	 * @param {int} bundleId
-	 * @return {Promise} resolves to undefined
-	 */
-	uninstall(bundleId) {
-		return this.sendCommand(`uninstall ${bundleId}`).then(response => {
-			if (response.length != 0) {
-				throw new Error(response);
-			}
-
-			return undefined;
-		});
-	}
-
-	/**
-	 *
-	 * @param {int} bundleId
-	 * @return {Promise} resolves to status string
-	 */
-	getStatus(bundleId) {
-		return this.sendCommand(`bundle ${bundleId}`).then(response => {
-			const matches = /.*Status=(\S+).*/.exec(response);
-
-			if (!matches || matches.length < 2) {
-				throw new Error(response);
-			}
-
-			return matches[1];
-		});
-	}
-
-	/**
-	 *
-	 * @param {string} symbolicName symbolic name
-	 * @param {string} version version number
-	 * @return {Promise} resolves to bundle id
-	 */
-	getBundleId(symbolicName, version) {
-		return this.sendCommand(`lb -s "${symbolicName}"`).then(response => {
-			const lines = response.split('\n');
-
-			const bundleLine = lines.find(
-				line => line.indexOf(`|${symbolicName} (${version})`) != -1
-			);
-
-			if (!bundleLine) {
-				throw new Error(response);
-			}
-
-			const fields = bundleLine.split('|');
-
-			return Number.parseInt(fields[0], 10);
-		});
-	}
-}
diff --git a/packages/liferay-npm-build-support/src/scripts/__tests__/translate.test.js b/packages/liferay-npm-build-support/src/scripts/__tests__/translate.test.ts
similarity index 100%
rename from packages/liferay-npm-build-support/src/scripts/__tests__/translate.test.js
rename to packages/liferay-npm-build-support/src/scripts/__tests__/translate.test.ts
diff --git a/packages/liferay-npm-build-support/src/scripts/build/index.js b/packages/liferay-npm-build-support/src/scripts/build/index.ts
similarity index 100%
rename from packages/liferay-npm-build-support/src/scripts/build/index.js
rename to packages/liferay-npm-build-support/src/scripts/build/index.ts
diff --git a/packages/liferay-npm-build-support/src/scripts/copy-assets.js b/packages/liferay-npm-build-support/src/scripts/copy-assets.ts
similarity index 100%
rename from packages/liferay-npm-build-support/src/scripts/copy-assets.js
rename to packages/liferay-npm-build-support/src/scripts/copy-assets.ts
diff --git a/packages/liferay-npm-build-support/src/scripts/copy-sources.js b/packages/liferay-npm-build-support/src/scripts/copy-sources.ts
similarity index 100%
rename from packages/liferay-npm-build-support/src/scripts/copy-sources.js
rename to packages/liferay-npm-build-support/src/scripts/copy-sources.ts
diff --git a/packages/liferay-npm-build-support/src/scripts/deploy.js b/packages/liferay-npm-build-support/src/scripts/deploy.ts
similarity index 100%
rename from packages/liferay-npm-build-support/src/scripts/deploy.js
rename to packages/liferay-npm-build-support/src/scripts/deploy.ts
diff --git a/packages/liferay-npm-build-support/src/scripts/start.js b/packages/liferay-npm-build-support/src/scripts/start.ts
similarity index 91%
rename from packages/liferay-npm-build-support/src/scripts/start.js
rename to packages/liferay-npm-build-support/src/scripts/start.ts
index fa3e98af..cecc8985 100644
--- a/packages/liferay-npm-build-support/src/scripts/start.js
+++ b/packages/liferay-npm-build-support/src/scripts/start.ts
@@ -4,7 +4,7 @@
  */
 
 import childProcess from 'child_process';
-import project from 'liferay-npm-build-tools-common/lib/project';
+import project, {PkgJson} from 'liferay-npm-build-tools-common/lib/project';
 import os from 'os';
 import path from 'path';
 import util from 'util';
@@ -45,6 +45,7 @@ function copyWebpackResources() {
 		rules: util.inspect(
 			cfg.getWebpackRules().map(rule => {
 				rule.test = new RegExp(rule.test);
+
 				return rule;
 			})
 		),
@@ -56,7 +57,7 @@ function copyWebpackResources() {
  * Get the portlet's CSS path from package.json
  * @return {string}
  */
-function getCssPath() {
+function getCssPath(pkgJson: PkgJson) {
 	if (
 		!pkgJson['portlet'] ||
 		!pkgJson['portlet']['com.liferay.portlet.header-portlet-css']
@@ -64,7 +65,9 @@ function getCssPath() {
 		return undefined;
 	}
 
-	let path = pkgJson['portlet']['com.liferay.portlet.header-portlet-css'];
+	let path = pkgJson['portlet'][
+		'com.liferay.portlet.header-portlet-css'
+	] as string;
 
 	if (path.charAt(0) !== '/') {
 		path = `/${path}`;
diff --git a/packages/liferay-npm-build-support/src/scripts/translate.js b/packages/liferay-npm-build-support/src/scripts/translate.ts
similarity index 100%
rename from packages/liferay-npm-build-support/src/scripts/translate.js
rename to packages/liferay-npm-build-support/src/scripts/translate.ts
diff --git a/packages/liferay-npm-build-support/src/util.js b/packages/liferay-npm-build-support/src/util.ts
similarity index 89%
rename from packages/liferay-npm-build-support/src/util.js
rename to packages/liferay-npm-build-support/src/util.ts
index 3928f3d3..43040dfc 100644
--- a/packages/liferay-npm-build-support/src/util.js
+++ b/packages/liferay-npm-build-support/src/util.ts
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: LGPL-3.0-or-later
  */
 
-import child_process from 'child_process';
+import childProcess from 'child_process';
 import spawn from 'cross-spawn';
 import ejs from 'ejs';
 import fs from 'fs-extra';
@@ -31,7 +31,7 @@ export class Renderer {
 	 * @param {string} dir optional relative directory in output path
 	 * @param {string} name optional output file name
 	 */
-	render(templatePath, data = {}, {dir = '', name} = {}) {
+	render(templatePath, data = {}, {dir = '', name = undefined} = {}) {
 		dir = path.join(this._outputPath, dir);
 		name = name || templatePath;
 
@@ -50,6 +50,9 @@ export class Renderer {
 			}
 		);
 	}
+
+	private readonly _templatesPath: string;
+	private readonly _outputPath: string;
 }
 
 /**
@@ -91,7 +94,7 @@ export function runPkgJsonScript(script, args = []) {
 		args = ['--'].concat(args);
 	}
 
-	const proc = child_process.spawnSync(pkgManager, ['run', script, ...args], {
+	const proc = childProcess.spawnSync(pkgManager, ['run', script, ...args], {
 		shell: true,
 		stdio: 'inherit',
 	});
diff --git a/packages/liferay-npm-build-tools-common/src/__tests__/__snapshots__/imports.test.js.snap b/packages/liferay-npm-build-tools-common/src/__tests__/__snapshots__/imports.test.ts.snap
similarity index 100%
rename from packages/liferay-npm-build-tools-common/src/__tests__/__snapshots__/imports.test.js.snap
rename to packages/liferay-npm-build-tools-common/src/__tests__/__snapshots__/imports.test.ts.snap
diff --git a/packages/liferay-npm-build-tools-common/src/__tests__/__snapshots__/manifest.test.js.snap b/packages/liferay-npm-build-tools-common/src/__tests__/__snapshots__/manifest.test.ts.snap
similarity index 100%
rename from packages/liferay-npm-build-tools-common/src/__tests__/__snapshots__/manifest.test.js.snap
rename to packages/liferay-npm-build-tools-common/src/__tests__/__snapshots__/manifest.test.ts.snap
diff --git a/packages/liferay-npm-build-tools-common/src/__tests__/__snapshots__/plugin-logger.test.js.snap b/packages/liferay-npm-build-tools-common/src/__tests__/__snapshots__/plugin-logger.test.ts.snap
similarity index 100%
rename from packages/liferay-npm-build-tools-common/src/__tests__/__snapshots__/plugin-logger.test.js.snap
rename to packages/liferay-npm-build-tools-common/src/__tests__/__snapshots__/plugin-logger.test.ts.snap
diff --git a/packages/liferay-npm-build-tools-common/src/__tests__/babel-ipc.test.js b/packages/liferay-npm-build-tools-common/src/__tests__/babel-ipc.test.ts
similarity index 80%
rename from packages/liferay-npm-build-tools-common/src/__tests__/babel-ipc.test.js
rename to packages/liferay-npm-build-tools-common/src/__tests__/babel-ipc.test.ts
index e326dde9..3498cb4e 100644
--- a/packages/liferay-npm-build-tools-common/src/__tests__/babel-ipc.test.js
+++ b/packages/liferay-npm-build-tools-common/src/__tests__/babel-ipc.test.ts
@@ -16,7 +16,7 @@ const state = {
 
 beforeEach(() => {
 	babelIpc.clear(filePath);
-	expect(babelIpc.get(state)).toBeUndefined();
+	expect(babelIpc.get(state, undefined)).toBeUndefined();
 });
 
 it('set/get works', () => {
@@ -24,7 +24,7 @@ it('set/get works', () => {
 
 	babelIpc.set(filePath, value);
 
-	expect(babelIpc.get(state)).toBe(value);
+	expect(babelIpc.get(state, undefined)).toBe(value);
 });
 
 it('get with default value works', () => {
@@ -45,9 +45,9 @@ it('clear works', () => {
 
 	babelIpc.set(filePath, value);
 
-	expect(babelIpc.get(state)).toBe(value);
+	expect(babelIpc.get(state, undefined)).toBe(value);
 
 	babelIpc.clear(filePath);
 
-	expect(babelIpc.get(state)).toBeUndefined();
+	expect(babelIpc.get(state, undefined)).toBeUndefined();
 });
diff --git a/packages/liferay-npm-build-tools-common/src/__tests__/file-path.test.js b/packages/liferay-npm-build-tools-common/src/__tests__/file-path.test.ts
similarity index 81%
rename from packages/liferay-npm-build-tools-common/src/__tests__/file-path.test.js
rename to packages/liferay-npm-build-tools-common/src/__tests__/file-path.test.ts
index 2958f179..4a27e19e 100644
--- a/packages/liferay-npm-build-tools-common/src/__tests__/file-path.test.js
+++ b/packages/liferay-npm-build-tools-common/src/__tests__/file-path.test.ts
@@ -9,11 +9,11 @@ const savedNativeIsPosix = FilePath.nativeIsPosix;
 
 describe('in posix systems', () => {
 	beforeEach(() => {
-		FilePath.nativeIsPosix = true;
+		(FilePath as object)['nativeIsPosix'] = true;
 	});
 
 	afterEach(() => {
-		FilePath.nativeIsPosix = savedNativeIsPosix;
+		(FilePath as object)['nativeIsPosix'] = savedNativeIsPosix;
 	});
 
 	it('toString works', () => {
@@ -41,11 +41,11 @@ describe('in posix systems', () => {
 
 describe('in windows systems', () => {
 	beforeEach(() => {
-		FilePath.nativeIsPosix = false;
+		(FilePath as object)['nativeIsPosix'] = false;
 	});
 
 	afterEach(() => {
-		FilePath.nativeIsPosix = savedNativeIsPosix;
+		(FilePath as object)['nativeIsPosix'] = savedNativeIsPosix;
 	});
 
 	it('toString works', () => {
@@ -74,17 +74,17 @@ describe('in windows systems', () => {
 
 describe('posix constructor', () => {
 	it('works in posix systems', () => {
-		FilePath.nativeIsPosix = true;
+		(FilePath as object)['nativeIsPosix'] = true;
 		const filePath = new FilePath('/tmp/tt', {posix: true});
-		FilePath.nativeIsPosix = savedNativeIsPosix;
+		(FilePath as object)['nativeIsPosix'] = savedNativeIsPosix;
 
 		expect(filePath.asNative).toEqual('/tmp/tt');
 	});
 
 	it('works in windows systems', () => {
-		FilePath.nativeIsPosix = false;
+		(FilePath as object)['nativeIsPosix'] = false;
 		const filePath = new FilePath('/tmp/tt', {posix: true});
-		FilePath.nativeIsPosix = savedNativeIsPosix;
+		(FilePath as object)['nativeIsPosix'] = savedNativeIsPosix;
 
 		expect(filePath.asNative).toEqual('\\tmp\\tt');
 	});
diff --git a/packages/liferay-npm-build-tools-common/src/__tests__/globs.test.js b/packages/liferay-npm-build-tools-common/src/__tests__/globs.test.ts
similarity index 100%
rename from packages/liferay-npm-build-tools-common/src/__tests__/globs.test.js
rename to packages/liferay-npm-build-tools-common/src/__tests__/globs.test.ts
diff --git a/packages/liferay-npm-build-tools-common/src/__tests__/imports.test.js b/packages/liferay-npm-build-tools-common/src/__tests__/imports.test.ts
similarity index 100%
rename from packages/liferay-npm-build-tools-common/src/__tests__/imports.test.js
rename to packages/liferay-npm-build-tools-common/src/__tests__/imports.test.ts
diff --git a/packages/liferay-npm-build-tools-common/src/__tests__/manifest.test.js b/packages/liferay-npm-build-tools-common/src/__tests__/manifest.test.ts
similarity index 97%
rename from packages/liferay-npm-build-tools-common/src/__tests__/manifest.test.js
rename to packages/liferay-npm-build-tools-common/src/__tests__/manifest.test.ts
index 69794eed..795fe299 100644
--- a/packages/liferay-npm-build-tools-common/src/__tests__/manifest.test.js
+++ b/packages/liferay-npm-build-tools-common/src/__tests__/manifest.test.ts
@@ -149,8 +149,8 @@ describe('toJSON', () => {
 		manifest.addPackage(srcPkg2, destPkg2);
 		manifest.addPackage(srcPkg1, destPkg1);
 
-		manifest.addModuleFlags(srcPkg2, 'z-module', {flag: true});
-		manifest.addModuleFlags(srcPkg2, 'a-module', {flag: true});
+		manifest.addModuleFlags(srcPkg2.id, 'z-module', {esModule: true});
+		manifest.addModuleFlags(srcPkg2.id, 'a-module', {esModule: true});
 
 		const json = manifest.toJSON();
 
diff --git a/packages/liferay-npm-build-tools-common/src/__tests__/modules.test.js b/packages/liferay-npm-build-tools-common/src/__tests__/modules.test.ts
similarity index 94%
rename from packages/liferay-npm-build-tools-common/src/__tests__/modules.test.js
rename to packages/liferay-npm-build-tools-common/src/__tests__/modules.test.ts
index b0098908..4eb14e8f 100644
--- a/packages/liferay-npm-build-tools-common/src/__tests__/modules.test.js
+++ b/packages/liferay-npm-build-tools-common/src/__tests__/modules.test.ts
@@ -49,13 +49,13 @@ it('joinModuleName() works', () => {
 	expect(mod.joinModuleName('@a-scope', 'a-package', '/a-dir/a-module')).toBe(
 		'@a-scope/a-package/a-dir/a-module'
 	);
-	expect(mod.joinModuleName('@a-scope', 'a-package')).toBe(
+	expect(mod.joinModuleName('@a-scope', 'a-package', '')).toBe(
 		'@a-scope/a-package'
 	);
 	expect(mod.joinModuleName(undefined, 'a-package', '/a-dir/a-module')).toBe(
 		'a-package/a-dir/a-module'
 	);
-	expect(mod.joinModuleName(undefined, 'a-package')).toBe('a-package');
+	expect(mod.joinModuleName(undefined, 'a-package', '')).toBe('a-package');
 });
 
 it('splitModuleName() works', () => {
diff --git a/packages/liferay-npm-build-tools-common/src/__tests__/namespace.test.js b/packages/liferay-npm-build-tools-common/src/__tests__/namespace.test.ts
similarity index 100%
rename from packages/liferay-npm-build-tools-common/src/__tests__/namespace.test.js
rename to packages/liferay-npm-build-tools-common/src/__tests__/namespace.test.ts
diff --git a/packages/liferay-npm-build-tools-common/src/__tests__/packages.test.js b/packages/liferay-npm-build-tools-common/src/__tests__/packages.test.ts
similarity index 100%
rename from packages/liferay-npm-build-tools-common/src/__tests__/packages.test.js
rename to packages/liferay-npm-build-tools-common/src/__tests__/packages.test.ts
diff --git a/packages/liferay-npm-build-tools-common/src/__tests__/pkg-desc.test.js b/packages/liferay-npm-build-tools-common/src/__tests__/pkg-desc.test.ts
similarity index 100%
rename from packages/liferay-npm-build-tools-common/src/__tests__/pkg-desc.test.js
rename to packages/liferay-npm-build-tools-common/src/__tests__/pkg-desc.test.ts
diff --git a/packages/liferay-npm-build-tools-common/src/__tests__/plugin-logger.test.js b/packages/liferay-npm-build-tools-common/src/__tests__/plugin-logger.test.ts
similarity index 100%
rename from packages/liferay-npm-build-tools-common/src/__tests__/plugin-logger.test.js
rename to packages/liferay-npm-build-tools-common/src/__tests__/plugin-logger.test.ts
diff --git a/packages/liferay-npm-build-tools-common/src/project/__tests__/index.test.js b/packages/liferay-npm-build-tools-common/src/project/__tests__/index.test.ts
similarity index 96%
rename from packages/liferay-npm-build-tools-common/src/project/__tests__/index.test.js
rename to packages/liferay-npm-build-tools-common/src/project/__tests__/index.test.ts
index 51f1af90..2f80ce01 100644
--- a/packages/liferay-npm-build-tools-common/src/project/__tests__/index.test.js
+++ b/packages/liferay-npm-build-tools-common/src/project/__tests__/index.test.ts
@@ -287,9 +287,10 @@ describe('project.pkgManager', () => {
 			path.join(__dirname, '__fixtures__', 'pkg-manager', 'none')
 		);
 
-		child_process.spawnSync = cmd => ({
-			error: cmd === 'npm' ? undefined : {},
-		});
+		child_process.spawnSync = cmd =>
+			({
+				error: cmd === 'npm' ? undefined : {},
+			} as any);
 
 		expect(project.pkgManager).toBe('npm');
 	});
@@ -299,9 +300,10 @@ describe('project.pkgManager', () => {
 			path.join(__dirname, '__fixtures__', 'pkg-manager', 'none')
 		);
 
-		child_process.spawnSync = cmd => ({
-			error: cmd === 'yarn' ? undefined : {},
-		});
+		child_process.spawnSync = cmd =>
+			({
+				error: cmd === 'yarn' ? undefined : {},
+			} as any);
 
 		expect(project.pkgManager).toBe('yarn');
 	});
@@ -311,9 +313,10 @@ describe('project.pkgManager', () => {
 			path.join(__dirname, '__fixtures__', 'pkg-manager', 'both')
 		);
 
-		child_process.spawnSync = cmd => ({
-			error: cmd === 'npm' ? undefined : {},
-		});
+		child_process.spawnSync = cmd =>
+			({
+				error: cmd === 'npm' ? undefined : {},
+			} as any);
 
 		expect(project.pkgManager).toBe('npm');
 	});
@@ -323,9 +326,10 @@ describe('project.pkgManager', () => {
 			path.join(__dirname, '__fixtures__', 'pkg-manager', 'both')
 		);
 
-		child_process.spawnSync = cmd => ({
-			error: cmd === 'yarn' ? undefined : {},
-		});
+		child_process.spawnSync = cmd =>
+			({
+				error: cmd === 'yarn' ? undefined : {},
+			} as any);
 
 		expect(project.pkgManager).toBe('yarn');
 	});
@@ -335,9 +339,10 @@ describe('project.pkgManager', () => {
 			path.join(__dirname, '__fixtures__', 'pkg-manager', 'both')
 		);
 
-		child_process.spawnSync = () => ({
-			error: undefined,
-		});
+		child_process.spawnSync = () =>
+			({
+				error: undefined,
+			} as any);
 
 		expect(project.pkgManager).toBeNull();
 	});
diff --git a/packages/liferay-npm-build-tools-common/src/project/__tests__/rules.test.js b/packages/liferay-npm-build-tools-common/src/project/__tests__/rules.test.ts
similarity index 98%
rename from packages/liferay-npm-build-tools-common/src/project/__tests__/rules.test.js
rename to packages/liferay-npm-build-tools-common/src/project/__tests__/rules.test.ts
index 61692827..c13595bf 100644
--- a/packages/liferay-npm-build-tools-common/src/project/__tests__/rules.test.js
+++ b/packages/liferay-npm-build-tools-common/src/project/__tests__/rules.test.ts
@@ -20,7 +20,7 @@ describe('single rule', () => {
 				],
 			},
 			toolRequire: () => requireReturn,
-		});
+		} as any);
 
 		expect(rules.loadersForFile('main.css')).toEqual([
 			{
@@ -49,7 +49,7 @@ describe('single rule', () => {
 				],
 			},
 			toolRequire: () => requireReturn,
-		});
+		} as any);
 
 		expect(rules.loadersForFile('main.css')).toEqual([
 			{
@@ -80,7 +80,7 @@ describe('single rule', () => {
 				],
 			},
 			toolRequire: () => requireReturn,
-		});
+		} as any);
 
 		expect(rules.loadersForFile('main.css')).toEqual([
 			{
@@ -116,7 +116,7 @@ describe('single rule', () => {
 				],
 			},
 			toolRequire: () => requireReturn,
-		});
+		} as any);
 
 		expect(rules.loadersForFile('main.css')).toEqual([
 			{
@@ -153,7 +153,7 @@ it('works with rules not based in file extension', () => {
 			],
 		},
 		toolRequire: () => requireReturn,
-	});
+	} as any);
 
 	expect(rules.loadersForFile('a-folder/main.js')).toEqual([
 		{
@@ -187,7 +187,7 @@ it('multiple rules', () => {
 			],
 		},
 		toolRequire: () => requireReturn,
-	});
+	} as any);
 
 	expect(rules.loadersForFile('main.css')).toEqual([
 		{
@@ -232,7 +232,7 @@ it('rule with options', () => {
 			],
 		},
 		toolRequire: () => requireReturn,
-	});
+	} as any);
 
 	expect(rules.loadersForFile('main.js')).toEqual([
 		{
@@ -275,7 +275,7 @@ it('retrieves loader metadata', () => {
 			],
 		},
 		toolRequire: () => requireReturn,
-	});
+	} as any);
 
 	expect(rules.loadersForFile('main.js')).toEqual([
 		{
diff --git a/packages/liferay-npm-bundler-loader-babel-loader/src/__tests__/index.test.js b/packages/liferay-npm-bundler-loader-babel-loader/src/__tests__/index.test.ts
similarity index 100%
rename from packages/liferay-npm-bundler-loader-babel-loader/src/__tests__/index.test.js
rename to packages/liferay-npm-bundler-loader-babel-loader/src/__tests__/index.test.ts
diff --git a/packages/liferay-npm-bundler-loader-babel-loader/src/index.js b/packages/liferay-npm-bundler-loader-babel-loader/src/index.ts
similarity index 100%
rename from packages/liferay-npm-bundler-loader-babel-loader/src/index.js
rename to packages/liferay-npm-bundler-loader-babel-loader/src/index.ts
diff --git a/packages/liferay-npm-bundler-loader-copy-loader/src/index.js b/packages/liferay-npm-bundler-loader-copy-loader/src/index.ts
similarity index 100%
rename from packages/liferay-npm-bundler-loader-copy-loader/src/index.js
rename to packages/liferay-npm-bundler-loader-copy-loader/src/index.ts
diff --git a/packages/liferay-npm-bundler-loader-css-loader/src/__tests__/__snapshots__/index.test.js.snap b/packages/liferay-npm-bundler-loader-css-loader/src/__tests__/__snapshots__/index.test.ts.snap
similarity index 100%
rename from packages/liferay-npm-bundler-loader-css-loader/src/__tests__/__snapshots__/index.test.js.snap
rename to packages/liferay-npm-bundler-loader-css-loader/src/__tests__/__snapshots__/index.test.ts.snap
diff --git a/packages/liferay-npm-bundler-loader-css-loader/src/__tests__/index.test.js b/packages/liferay-npm-bundler-loader-css-loader/src/__tests__/index.test.ts
similarity index 100%
rename from packages/liferay-npm-bundler-loader-css-loader/src/__tests__/index.test.js
rename to packages/liferay-npm-bundler-loader-css-loader/src/__tests__/index.test.ts
diff --git a/packages/liferay-npm-bundler-loader-css-loader/src/index.js b/packages/liferay-npm-bundler-loader-css-loader/src/index.ts
similarity index 97%
rename from packages/liferay-npm-bundler-loader-css-loader/src/index.js
rename to packages/liferay-npm-bundler-loader-css-loader/src/index.ts
index b66bba8f..c7b0a874 100644
--- a/packages/liferay-npm-bundler-loader-css-loader/src/index.js
+++ b/packages/liferay-npm-bundler-loader-css-loader/src/index.ts
@@ -14,7 +14,7 @@ import readJsonSync from 'read-json-sync';
  */
 export default function(
 	context,
-	{extension, namespaceDependencies = true, pathModule = '/o'}
+	{extension = undefined, namespaceDependencies = true, pathModule = '/o'}
 ) {
 	const {filePath, log} = context;
 
diff --git a/packages/liferay-npm-bundler-loader-json-loader/src/__tests__/__snapshots__/index.test.js.snap b/packages/liferay-npm-bundler-loader-json-loader/src/__tests__/__snapshots__/index.test.ts.snap
similarity index 100%
rename from packages/liferay-npm-bundler-loader-json-loader/src/__tests__/__snapshots__/index.test.js.snap
rename to packages/liferay-npm-bundler-loader-json-loader/src/__tests__/__snapshots__/index.test.ts.snap
diff --git a/packages/liferay-npm-bundler-loader-json-loader/src/__tests__/index.test.js b/packages/liferay-npm-bundler-loader-json-loader/src/__tests__/index.test.ts
similarity index 94%
rename from packages/liferay-npm-bundler-loader-json-loader/src/__tests__/index.test.js
rename to packages/liferay-npm-bundler-loader-json-loader/src/__tests__/index.test.ts
index a8956b20..c354ca11 100644
--- a/packages/liferay-npm-bundler-loader-json-loader/src/__tests__/index.test.js
+++ b/packages/liferay-npm-bundler-loader-json-loader/src/__tests__/index.test.ts
@@ -31,7 +31,7 @@ it('logs results correctly', () => {
 		extraArtifacts: {},
 	};
 
-	loader(context, {});
+	loader(context);
 
 	expect(context.log.messages).toEqual([
 		{
@@ -50,7 +50,7 @@ it('correctly generates JS module', () => {
 		extraArtifacts: {},
 	};
 
-	const result = loader(context, {});
+	const result = loader(context);
 
 	expect(result).toBeUndefined();
 
@@ -66,7 +66,7 @@ it('fails define when JSON is invalid', () => {
 		extraArtifacts: {},
 	};
 
-	const result = loader(context, {});
+	const result = loader(context);
 
 	expect(result).toBeUndefined();
 
diff --git a/packages/liferay-npm-bundler-loader-json-loader/src/index.js b/packages/liferay-npm-bundler-loader-json-loader/src/index.ts
similarity index 100%
rename from packages/liferay-npm-bundler-loader-json-loader/src/index.js
rename to packages/liferay-npm-bundler-loader-json-loader/src/index.ts
diff --git a/packages/liferay-npm-bundler-loader-sass-loader/src/__tests__/index.test.js b/packages/liferay-npm-bundler-loader-sass-loader/src/__tests__/index.test.ts
similarity index 100%
rename from packages/liferay-npm-bundler-loader-sass-loader/src/__tests__/index.test.js
rename to packages/liferay-npm-bundler-loader-sass-loader/src/__tests__/index.test.ts
diff --git a/packages/liferay-npm-bundler-loader-sass-loader/src/index.js b/packages/liferay-npm-bundler-loader-sass-loader/src/index.ts
similarity index 94%
rename from packages/liferay-npm-bundler-loader-sass-loader/src/index.js
rename to packages/liferay-npm-bundler-loader-sass-loader/src/index.ts
index 69f8607f..bcf28539 100644
--- a/packages/liferay-npm-bundler-loader-sass-loader/src/index.js
+++ b/packages/liferay-npm-bundler-loader-sass-loader/src/index.ts
@@ -1,6 +1,5 @@
 /**
- * © 2017 Liferay, Inc. <https://liferay.com>
- *
+ * SPDX-FileCopyrightText: © 2017 Liferay, Inc. <https://liferay.com>
  * SPDX-License-Identifier: LGPL-3.0-or-later
  */
 
@@ -46,7 +45,7 @@ function getRenderer() {
 		rendererSource = 'from loader';
 	}
 
-	const pkgJson = JSON.parse(fs.readFileSync(rendererPkgJsonPath));
+	const pkgJson = JSON.parse(fs.readFileSync(rendererPkgJsonPath).toString());
 
 	let rendererDescription = `${pkgJson.name} v${pkgJson.version}`;
 
@@ -91,7 +90,7 @@ function renderCSS(renderer, content, options) {
  * @param {string} moduleName module name
  * @param {string} basedir optional base directory
  */
-function tryResolve(moduleName, basedir) {
+function tryResolve(moduleName, basedir = undefined) {
 	try {
 		return resolveModule.sync(moduleName, {
 			basedir,
diff --git a/packages/liferay-npm-bundler-loader-style-loader/src/__tests__/index.test.js b/packages/liferay-npm-bundler-loader-style-loader/src/__tests__/index.test.ts
similarity index 94%
rename from packages/liferay-npm-bundler-loader-style-loader/src/__tests__/index.test.js
rename to packages/liferay-npm-bundler-loader-style-loader/src/__tests__/index.test.ts
index 81a391ca..14ae2bc8 100644
--- a/packages/liferay-npm-bundler-loader-style-loader/src/__tests__/index.test.js
+++ b/packages/liferay-npm-bundler-loader-style-loader/src/__tests__/index.test.ts
@@ -17,7 +17,7 @@ it('logs results correctly', () => {
 		extraArtifacts: {},
 	};
 
-	loader(context, {});
+	loader(context);
 
 	expect(context.log.messages).toEqual([
 		{
@@ -36,7 +36,7 @@ it('correctly generates JS module', () => {
 		extraArtifacts: {},
 	};
 
-	const result = loader(context, {});
+	const result = loader(context);
 
 	expect(result).toBeUndefined();
 
diff --git a/packages/liferay-npm-bundler-loader-style-loader/src/index.js b/packages/liferay-npm-bundler-loader-style-loader/src/index.ts
similarity index 100%
rename from packages/liferay-npm-bundler-loader-style-loader/src/index.js
rename to packages/liferay-npm-bundler-loader-style-loader/src/index.ts
diff --git a/packages/liferay-npm-bundler/src/report/__tests__/__snapshots__/index.test.ts.snap b/packages/liferay-npm-bundler/src/report/__tests__/__snapshots__/index.test.ts.snap
index b05c9f07..538cabd0 100644
--- a/packages/liferay-npm-bundler/src/report/__tests__/__snapshots__/index.test.ts.snap
+++ b/packages/liferay-npm-bundler/src/report/__tests__/__snapshots__/index.test.ts.snap
@@ -45,20 +45,28 @@ exports[`correctly dumps HTML report 1`] = `
 					}
 					
 					th, td {
-						padding: .1em 0;
+						padding: .1em;
 						vertical-align: top;
 					}
 					
-					td.info, td.warn, td.error {
-						background: green;
+					td.debug, td.info, td.warn, td.error {
 						border-radius: 4px;
 						color: white;
+						padding: 0 2px;
 						text-align: center;
 						vertical-align: middle;
 						width: 1px;
 						white-space: nowrap;
 					}
 
+					td.debug {
+						background: gray;
+					}
+
+					td.info {
+						background: green;
+					}
+
 					td.warn {
 						background: orange;
 					}
@@ -68,6 +76,7 @@ exports[`correctly dumps HTML report 1`] = `
 					}
 					
 					td.source {
+						color: grey;
 						white-space: nowrap;
 					}
 
@@ -128,7 +137,7 @@ exports[`correctly dumps HTML report 1`] = `
 					}
 				</style>
 				<script id=\\"report\\" type=\\"application/json\\">
-					{\\"_executionDate\\":\\"1970-01-01T00:00:00.000Z\\",\\"_executionTime\\":[1,2],\\"_versionsInfo\\":{\\"liferay-npm-bundler\\":{\\"version\\":\\"1.4.2\\",\\"path\\":\\"path/to/bundler\\"},\\"liferay-npm-bundler-plugin-inject-angular\\":{\\"version\\":\\"1.4.2\\",\\"path\\":\\"path/to/plugin\\"}},\\"_rootPkg\\":{\\"id\\":\\"/\\",\\"name\\":\\"root-package\\",\\"version\\":\\"1.0.0\\"},\\"_rules\\":{\\"config\\":{},\\"files\\":{}},\\"_warnings\\":[\\"warn 1\\",\\"warn 2\\",\\"warn\\"]}
+					{\\"_executionDate\\":\\"1970-01-01T00:00:00.000Z\\",\\"_executionTime\\":[1,2],\\"_versionsInfo\\":{\\"liferay-npm-bundler\\":{\\"version\\":\\"1.4.2\\",\\"path\\":\\"path/to/bundler\\"},\\"liferay-npm-bundler-plugin-inject-angular\\":{\\"version\\":\\"1.4.2\\",\\"path\\":\\"path/to/plugin\\"}},\\"_rootPkg\\":{\\"id\\":\\"/\\",\\"name\\":\\"root-package\\",\\"version\\":\\"1.0.0\\"},\\"_rules\\":{\\"config\\":{},\\"files\\":{}},\\"_warnings\\":[\\"warn 1\\",\\"warn 2\\",\\"warn\\"],\\"_webpack\\":{\\"logs\\":{}}}
 				</script>
 				<script>
 					window.report = JSON.parse(
@@ -145,21 +154,28 @@ exports[`correctly dumps HTML report 1`] = `
 
 						var select = document.getElementById('log-level-select');
 
-						select.value = 'info';
+						select.value = 'debug';
 
 						select.onchange = function() {
 							switch(select.value) {
-								case 'info':
+								case 'debug':
 									style.innerHTML = '';
 									break;
 
+								case 'info':
+									style.innerHTML = 
+										'tr.debug {display: none;}';
+									break;
+
 								case 'warn':
 									style.innerHTML = 
+										'tr.debug {display: none;}' +
 										'tr.info {display: none;}';
 									break;
 
 								case 'error':
 									style.innerHTML = 
+										'tr.debug {display: none;}' +
 										'tr.info {display: none;} ' +
 										'tr.warn {display: none;}';
 									break;
@@ -172,6 +188,7 @@ exports[`correctly dumps HTML report 1`] = `
 				<div id='log-level-selector'>
 					Log level filter: 
 					<select id='log-level-select'>
+						<option>debug</option>
 						<option>info</option>
 						<option>warn</option>
 						<option>error</option>
@@ -224,6 +241,18 @@ exports[`correctly dumps HTML report 1`] = `
 		
 	
 				
+		<h2>Details of webpack execution</h2>
+		
+			<table>
+				<tr class=\\"\\"><th>File</th>
+<th></th>
+<th>Source</th>
+<th>Messages</th></tr>
+				
+			</table>
+		
+	
+				
 			</body>
 		</html>
 	"
@@ -243,6 +272,9 @@ Report {
   },
   "_versionsInfo": Object {},
   "_warnings": Array [],
+  "_webpack": Object {
+    "logs": Object {},
+  },
 }
 `;
 
@@ -261,6 +293,9 @@ Report {
   },
   "_versionsInfo": Object {},
   "_warnings": Array [],
+  "_webpack": Object {
+    "logs": Object {},
+  },
 }
 `;
 
@@ -277,6 +312,9 @@ Report {
   "_warnings": Array [
     "warn",
   ],
+  "_webpack": Object {
+    "logs": Object {},
+  },
 }
 `;
 
@@ -300,6 +338,9 @@ Report {
     },
   },
   "_warnings": Array [],
+  "_webpack": Object {
+    "logs": Object {},
+  },
 }
 `;
 
@@ -317,5 +358,8 @@ Report {
     "warn 1",
     "warn 2",
   ],
+  "_webpack": Object {
+    "logs": Object {},
+  },
 }
 `;
diff --git a/packages/liferay-npm-bundler/src/report/__tests__/index.test.ts b/packages/liferay-npm-bundler/src/report/__tests__/index.test.ts
index e6a9da35..d2ed95ed 100644
--- a/packages/liferay-npm-bundler/src/report/__tests__/index.test.ts
+++ b/packages/liferay-npm-bundler/src/report/__tests__/index.test.ts
@@ -13,7 +13,7 @@ beforeEach(() => {
 	report = new Report();
 
 	// Hack to make tests repeatable
-	report._executionDate = new Date(0);
+	(report as any)._executionDate = new Date(0);
 });
 
 describe('when describing the run', () => {
diff --git a/packages/liferay-npm-imports-checker/src/__tests__/config.test.js b/packages/liferay-npm-imports-checker/src/__tests__/config.test.ts
similarity index 100%
rename from packages/liferay-npm-imports-checker/src/__tests__/config.test.js
rename to packages/liferay-npm-imports-checker/src/__tests__/config.test.ts
diff --git a/packages/liferay-npm-imports-checker/src/config.js b/packages/liferay-npm-imports-checker/src/config.ts
similarity index 96%
rename from packages/liferay-npm-imports-checker/src/config.js
rename to packages/liferay-npm-imports-checker/src/config.ts
index 5a501df2..7052759b 100644
--- a/packages/liferay-npm-imports-checker/src/config.js
+++ b/packages/liferay-npm-imports-checker/src/config.ts
@@ -8,7 +8,8 @@ import globby from 'globby';
 import path from 'path';
 import readJsonSync from 'read-json-sync';
 
-let cfg = {};
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+let cfg: any = {};
 let savedProgramArgs = [];
 
 reloadConfig();
@@ -180,9 +181,11 @@ function mergeConfig(cfg, dir) {
 
 	const ignore = rc.ignore || {};
 
-	Object.entries(ignore).forEach(([key, value]) => {
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	Object.entries(ignore).forEach(([key, value]: [string, any]) => {
 		ignore[key] = value.reduce((hash, item) => {
 			hash[item] = true;
+
 			return hash;
 		}, {});
 	});
diff --git a/packages/liferay-npm-imports-checker/src/liferay-npm-imports-checker.js b/packages/liferay-npm-imports-checker/src/liferay-npm-imports-checker.ts
similarity index 91%
rename from packages/liferay-npm-imports-checker/src/liferay-npm-imports-checker.js
rename to packages/liferay-npm-imports-checker/src/liferay-npm-imports-checker.ts
index 5ce4c00c..21dbb3dc 100644
--- a/packages/liferay-npm-imports-checker/src/liferay-npm-imports-checker.js
+++ b/packages/liferay-npm-imports-checker/src/liferay-npm-imports-checker.ts
@@ -17,6 +17,17 @@ import semver from 'semver';
 
 import * as cfg from './config';
 
+interface Results {
+	[projectName: string]: {
+		[importedProjectName: string]: {
+			[pkgName: string]: {
+				message: string;
+				outcome: string;
+			};
+		};
+	};
+}
+
 const fmt = {
 	project: chalk.hex('#505090').bgHex('#CCC'),
 	import: chalk.hex('#303090').bgHex('#CCC'),
@@ -45,7 +56,7 @@ export default function main(args) {
 
 	const projects = loadProjects();
 
-	const results = checkProjects(projects);
+	const results: Results = checkProjects(projects);
 
 	const exitCode = getMaxExitCode(results);
 
@@ -77,6 +88,7 @@ function processArguments(args) {
 	}
 
 	if (args[0] === '-v' || args[0] === '--version') {
+		// eslint-disable-next-line @typescript-eslint/no-var-requires
 		const pkgJson = require('../package.json');
 
 		console.log(pkgJson.version);
@@ -92,7 +104,7 @@ function processArguments(args) {
  * @return {Object} a hash with all valid projects
  */
 function loadProjects() {
-	const _msg = cfg.shouldShowProjectsLoad() ? msg : () => {};
+	const _msg = cfg.shouldShowProjectsLoad() ? msg : (): void => undefined;
 	const projects = {};
 
 	_msg(0, 'Loading npm bundler projects:');
@@ -124,7 +136,8 @@ function loadProjects() {
 					return;
 				}
 
-				const {npmbundlerrc} = new Project(pkgJsonDir);
+				// eslint-disable-next-line @typescript-eslint/no-explicit-any
+				const npmbundlerrc: any = new Project(pkgJsonDir).npmbundlerrc;
 
 				if (npmbundlerrc.config && npmbundlerrc.config.imports) {
 					npmbundlerrc.config.imports = normalizeImportsConfig(
@@ -166,17 +179,18 @@ function looksLikeProjectDir(projectPath) {
  * @param  {Object} projects the hash of valid projects
  * @return {Object} a hash with results
  */
-function checkProjects(projects) {
-	const results = {};
+function checkProjects(projects): Results {
+	const results: Results = {};
 
 	msg(0, 'Checking projects:');
 
-	Object.values(projects).forEach(project => {
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	Object.values(projects).forEach((project: any) => {
 		if (project.dir.asPosix.indexOf(cfg.getRunPath()) != 0) {
 			return;
 		}
 
-		const {npmbundlerrc} = project;
+		const npmbundlerrc = project.npmbundlerrc;
 
 		if (!npmbundlerrc) {
 			return;
@@ -356,7 +370,7 @@ function logOutcome(
 	pkgName,
 	outcome,
 	message
-) {
+): void {
 	if (results) {
 		results[projectName] = results[projectName] || {};
 		results[projectName][importedProjectName] =
@@ -377,7 +391,7 @@ function logOutcome(
  * @param  {Object} results the results hash
  * @return {int} the maximum exit code found in the results
  */
-function getMaxExitCode(results) {
+function getMaxExitCode(results: Results) {
 	return Object.entries(results).reduce(
 		(exitCode, project) =>
 			Math.max(
@@ -407,7 +421,7 @@ function getMaxExitCode(results) {
  * @param  {Object} results hash with results of execution
  * @return {void}
  */
-function writeIgnores(results) {
+function writeIgnores(results: Results) {
 	const ignores = {};
 
 	Object.entries(results).forEach(project => {
@@ -443,9 +457,13 @@ function writeIgnores(results) {
  * @return {void}
  */
 function msg(indent, ...args) {
-	for (let i = 0; i < indent; i++) console.group();
+	for (let i = 0; i < indent; i++) {
+		console.group();
+	}
 	console.log(...args);
-	for (let i = 0; i < indent; i++) console.groupEnd();
+	for (let i = 0; i < indent; i++) {
+		console.groupEnd();
+	}
 }
 
 /**
diff --git a/yarn.lock b/yarn.lock
index 3c6aa19f..475cd121 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -420,6 +420,14 @@
     "@types/minimatch" "*"
     "@types/node" "*"
 
+"@types/inquirer@*":
+  version "6.5.0"
+  resolved "https://registry.yarnpkg.com/@types/inquirer/-/inquirer-6.5.0.tgz#b83b0bf30b88b8be7246d40e51d32fe9d10e09be"
+  integrity sha512-rjaYQ9b9y/VFGOpqBEXRavc3jh0a+e6evAbI31tMda8VlPaSy0AZJfXsvmIe3wklc7W6C3zCSfleuMXR7NOyXw==
+  dependencies:
+    "@types/through" "*"
+    rxjs "^6.4.0"
+
 "@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0":
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.1.tgz#42995b446db9a48a11a07ec083499a860e9138ff"
@@ -477,6 +485,13 @@
   resolved "https://registry.yarnpkg.com/@types/tapable/-/tapable-1.0.5.tgz#9adbc12950582aa65ead76bffdf39fe0c27a3c02"
   integrity sha512-/gG2M/Imw7cQFp8PGvz/SwocNrmKFjFsm5Pb8HdbHkZ1K8pmuPzOX4VeVoiEecFCVf4CsN1r3/BRvx+6sNqwtQ==
 
+"@types/through@*":
+  version "0.0.30"
+  resolved "https://registry.yarnpkg.com/@types/through/-/through-0.0.30.tgz#e0e42ce77e897bd6aead6f6ea62aeb135b8a3895"
+  integrity sha512-FvnCJljyxhPM3gkRgWmxmDZyAQSiBQQWLI0A0VFL0K7W1oRUrPJSqNO0NvTnLkBcotdlp3lKvaT0JrnyRDkzOg==
+  dependencies:
+    "@types/node" "*"
+
 "@types/uglify-js@*":
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/@types/uglify-js/-/uglify-js-3.0.4.tgz#96beae23df6f561862a830b4288a49e86baac082"
@@ -517,6 +532,14 @@
   dependencies:
     "@types/yargs-parser" "*"
 
+"@types/yeoman-generator@^3.1.4":
+  version "3.1.4"
+  resolved "https://registry.yarnpkg.com/@types/yeoman-generator/-/yeoman-generator-3.1.4.tgz#21d6599515d41447eb84e2bc45033f1a640bbaf2"
+  integrity sha512-5oG9Qlk119qSHQpSClGonDIs4djxZSPurtg6faHItjeg8cffhkKs4twVYE+Wa0crAKJZDOwSd/Vmc6BSqJtgMA==
+  dependencies:
+    "@types/inquirer" "*"
+    rxjs ">=6.4.0"
+
 "@typescript-eslint/eslint-plugin@^2.21.0":
   version "2.21.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-2.21.0.tgz#a34de84a0791cae0357c4dda805c5b4e8203b6c6"
@@ -5047,20 +5070,6 @@ lie@~3.3.0:
   dependencies:
     immediate "~3.0.5"
 
-liferay-npm-build-tools-common@3.0.0-snapshot.6ec1bd1:
-  version "3.0.0-snapshot.6ec1bd1"
-  resolved "https://registry.yarnpkg.com/liferay-npm-build-tools-common/-/liferay-npm-build-tools-common-3.0.0-snapshot.6ec1bd1.tgz#2cccb53df1d38f8790fdeaf75b997e031e890311"
-  integrity sha512-Tij5m9kvukME+FydU1PcOjOA4yKs2mu/w7045aNduOxXX/EZoChqjp/dYBRkg+prXII6n6kbedTXkIDkak8Wyg==
-  dependencies:
-    chalk "^2.4.2"
-    clone "^2.1.2"
-    dot-prop "^5.0.1"
-    fs-extra "^8.1.0"
-    properties "^1.2.1"
-    read-json-sync "^2.0.1"
-    resolve "^1.8.1"
-    webpack "^4.41.6"
-
 load-json-file@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-1.1.0.tgz#956905708d58b4bab4c2261b04f59f31c99374c0"
@@ -6954,7 +6963,7 @@ rx@^4.1.0:
   resolved "https://registry.yarnpkg.com/rx/-/rx-4.1.0.tgz#a5f13ff79ef3b740fe30aa803fb09f98805d4782"
   integrity sha1-pfE/957zt0D+MKqAP7CfmIBdR4I=
 
-rxjs@^6.4.0:
+rxjs@>=6.4.0, rxjs@^6.4.0:
   version "6.5.4"
   resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.5.4.tgz#e0777fe0d184cec7872df147f303572d414e211c"
   integrity sha512-naMQXcgEo3csAEGvw/NydRA0fuS2nDZJiw1YUWFKU7aPPAPGZEsD4Iimit96qwCieH6y614MCLYwdkrWx7z/7Q==

From 1feeb687135e45d49e8d94d71bdd5389d5452cff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Zaera=20Avell=C3=B3n?= <izaera@gmx.es>
Date: Tue, 10 Mar 2020 11:23:39 +0100
Subject: [PATCH 07/12] chore: Implement watch task

---
 package.json        |  4 ++--
 scripts/util/run.js | 10 ++++++++++
 scripts/watch.js    | 17 +++++++++++++++++
 3 files changed, 29 insertions(+), 2 deletions(-)
 create mode 100644 scripts/watch.js

diff --git a/package.json b/package.json
index c35600f8..c31ff07b 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,7 @@
 		"packages/*"
 	],
 	"scripts": {
-		"build": "tsc --build packages/*/tsconfig.json",
+		"build": "tsc --build packages/*/tsconfig.json && yarn workspaces run copyfiles",
 		"check-deps": "node scripts/check-deps.js",
 		"ci": "yarn clean && yarn check-deps && yarn format:check && yarn lint && yarn build && yarn test",
 		"clean": "yarn workspaces run clean",
@@ -24,7 +24,7 @@
 		"lint:fix": "eslint --fix .",
 		"qa": "node scripts/qa/index.js",
 		"test": "jest --runInBand",
-		"watch": "yarn build --watch"
+		"watch": "node scripts/watch.js"
 	},
 	"devDependencies": {
 		"@types/jest": "^24.0.18",
diff --git a/scripts/util/run.js b/scripts/util/run.js
index bfe03b58..c24b7d84 100644
--- a/scripts/util/run.js
+++ b/scripts/util/run.js
@@ -44,6 +44,15 @@ git.pipe = async (...args) =>
 		...args
 	);
 
+const runNodeBin = async (bin, ...args) =>
+	await run(bin, ...args, {preferLocal: true});
+runNodeBin.pipe = async (bin, ...args) =>
+	await run.pipe(
+		bin,
+		...args,
+		{preferLocal: true}
+	);
+
 const yarn = async (...args) => await run('yarn', ...args);
 yarn.pipe = async (...args) =>
 	await run.pipe(
@@ -54,5 +63,6 @@ yarn.pipe = async (...args) =>
 module.exports = {
 	git,
 	run,
+	runNodeBin,
 	yarn,
 };
diff --git a/scripts/watch.js b/scripts/watch.js
new file mode 100644
index 00000000..f548aada
--- /dev/null
+++ b/scripts/watch.js
@@ -0,0 +1,17 @@
+/**
+ * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
+ * SPDX-License-Identifier: LGPL-3.0-or-later
+ */
+
+const globby = require('globby');
+
+const {runNodeBin} = require('./util/run');
+
+runNodeBin.pipe(
+	'tsc',
+	'--build',
+	...globby.sync('packages/*/tsconfig.json'),
+	'--watch'
+);
+
+// TODO: watch changes to static files to launch `yarn copyfiles`

From 4712b6df29e0ae85d23c7fc3a83e47d8fed7ec81 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Zaera=20Avell=C3=B3n?= <izaera@gmx.es>
Date: Tue, 10 Mar 2020 11:51:26 +0100
Subject: [PATCH 08/12] feat: #541 Divert working files to a different dir

---
 .../src/project/index.ts                      | 27 +++++++++++++++++++
 packages/liferay-npm-bundler/src/dirs.ts      | 12 ++++++---
 2 files changed, 36 insertions(+), 3 deletions(-)

diff --git a/packages/liferay-npm-build-tools-common/src/project/index.ts b/packages/liferay-npm-build-tools-common/src/project/index.ts
index 6fc6e98d..e53f4633 100644
--- a/packages/liferay-npm-build-tools-common/src/project/index.ts
+++ b/packages/liferay-npm-build-tools-common/src/project/index.ts
@@ -451,6 +451,31 @@ export class Project {
 		}
 	}
 
+	/**
+	 * Get directory where work files must be placed.
+	 *
+	 * @remarks
+	 * Work files are files that can be cached between different builds to speed
+	 * the process or simply because they can help in debugging a failed build.
+	 *
+	 * @return the work dir or undefined if not configured
+	 */
+	get workDir(): FilePath | undefined {
+		if (this._workDir === undefined) {
+			let dir = prop.get(this._configuration, 'work-dir', undefined);
+
+			if (dir) {
+				if (!dir.startsWith('./')) {
+					dir = `./${dir}`;
+				}
+
+				this._workDir = new FilePath(dir, {posix: true});
+			}
+		}
+
+		return this._workDir;
+	}
+
 	_loadConfiguration(): void {
 		const {_configFile} = this;
 		const configDir = _configFile.dirname();
@@ -506,6 +531,8 @@ export class Project {
 	private _webpackConfiguration: webpack.Configuration;
 
 	private _versionsInfo: Map<string, VersionInfo>;
+
+	private _workDir: FilePath;
 }
 
 export default new Project('.');
diff --git a/packages/liferay-npm-bundler/src/dirs.ts b/packages/liferay-npm-bundler/src/dirs.ts
index 28600ddc..889af4ee 100644
--- a/packages/liferay-npm-bundler/src/dirs.ts
+++ b/packages/liferay-npm-bundler/src/dirs.ts
@@ -6,9 +6,15 @@
 import fs from 'fs-extra';
 import project from 'liferay-npm-build-tools-common/lib/project';
 
-export const buildBundlerDir = project.buildDir.join('bundler');
-export const buildGeneratedDir = project.buildDir.join('generated');
-export const buildWebpackDir = project.buildDir.join('webpack');
+export const buildBundlerDir = project.workDir
+	? project.buildDir
+	: project.buildDir.join('output');
+export const buildGeneratedDir = project.workDir
+	? project.workDir.join('generated')
+	: project.buildDir.join('generated');
+export const buildWebpackDir = project.workDir
+	? project.workDir.join('webpack')
+	: project.buildDir.join('webpack');
 
 fs.ensureDirSync(buildBundlerDir.asNative);
 fs.ensureDirSync(buildGeneratedDir.asNative);

From b35afc47267b80471a727d739d84beeb9c1daec9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Zaera=20Avell=C3=B3n?= <izaera@gmx.es>
Date: Tue, 10 Mar 2020 13:22:03 +0100
Subject: [PATCH 09/12] feat: #540 Fill in manifest information

---
 .../__snapshots__/manifest.test.ts.snap       | 37 +--------
 .../src/__tests__/manifest.test.ts            | 83 +------------------
 .../src/manifest.ts                           | 82 +-----------------
 packages/liferay-npm-bundler/src/index.ts     | 19 ++---
 packages/liferay-npm-bundler/src/manifest.ts  |  4 +-
 .../webpack/adapt/write-export-modules.ts     | 20 +++++
 6 files changed, 37 insertions(+), 208 deletions(-)

diff --git a/packages/liferay-npm-build-tools-common/src/__tests__/__snapshots__/manifest.test.ts.snap b/packages/liferay-npm-build-tools-common/src/__tests__/__snapshots__/manifest.test.ts.snap
index 5950e8f5..c56b17a8 100644
--- a/packages/liferay-npm-build-tools-common/src/__tests__/__snapshots__/manifest.test.ts.snap
+++ b/packages/liferay-npm-build-tools-common/src/__tests__/__snapshots__/manifest.test.ts.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`addPackage/getPackage work 1`] = `
+exports[`addPackage works 1`] = `
 Object {
   "dest": Object {
     "dir": "./dest",
@@ -17,41 +17,6 @@ Object {
 }
 `;
 
-exports[`constructor with file works 1`] = `
-"{
-  \\"packages\\": {
-    \\"a-package@1.0.0\\": {
-      \\"dest\\": {
-        \\"dir\\": \\"./dest-1\\",
-        \\"id\\": \\"a-package@1.0.0\\",
-        \\"name\\": \\"a-package\\",
-        \\"version\\": \\"1.0.0\\"
-      },
-      \\"src\\": {
-        \\"dir\\": \\"./src-1\\",
-        \\"id\\": \\"a-package@1.0.0\\",
-        \\"name\\": \\"a-package\\",
-        \\"version\\": \\"1.0.0\\"
-      }
-    },
-    \\"a-package@2.0.0\\": {
-      \\"dest\\": {
-        \\"dir\\": \\"./dest-2\\",
-        \\"id\\": \\"a-package@2.0.0\\",
-        \\"name\\": \\"a-package\\",
-        \\"version\\": \\"2.0.0\\"
-      },
-      \\"src\\": {
-        \\"dir\\": \\"./src-2\\",
-        \\"id\\": \\"a-package@2.0.0\\",
-        \\"name\\": \\"a-package\\",
-        \\"version\\": \\"2.0.0\\"
-      }
-    }
-  }
-}"
-`;
-
 exports[`save works 1`] = `
 "{
   \\"packages\\": {
diff --git a/packages/liferay-npm-build-tools-common/src/__tests__/manifest.test.ts b/packages/liferay-npm-build-tools-common/src/__tests__/manifest.test.ts
index 795fe299..85301f40 100644
--- a/packages/liferay-npm-build-tools-common/src/__tests__/manifest.test.ts
+++ b/packages/liferay-npm-build-tools-common/src/__tests__/manifest.test.ts
@@ -9,7 +9,7 @@ import path from 'path';
 import Manifest from '../manifest';
 import PkgDesc from '../pkg-desc';
 
-it('addPackage/getPackage work', () => {
+it('addPackage works', () => {
 	const manifest = new Manifest();
 
 	const srcPkg = new PkgDesc('a-package', '1.0.0', './src');
@@ -17,7 +17,7 @@ it('addPackage/getPackage work', () => {
 
 	manifest.addPackage(srcPkg, destPkg);
 
-	expect(manifest.getPackage(srcPkg)).toMatchSnapshot();
+	expect((manifest as any)._data.packages[srcPkg.id]).toMatchSnapshot();
 });
 
 it('getPackage returns entries with relative paths', () => {
@@ -28,7 +28,7 @@ it('getPackage returns entries with relative paths', () => {
 
 	manifest.addPackage(srcPkg, destPkg);
 
-	const entry = manifest.getPackage(srcPkg);
+	const entry = (manifest as any)._data.packages[srcPkg.id];
 
 	expect(entry.src.dir).toBe('./src');
 	expect(entry.dest.dir).toBe('./dest');
@@ -57,83 +57,6 @@ describe('save', () => {
 		fs.unlinkSync(tmpFilePath);
 		fs.rmdirSync(tmpDir);
 	});
-
-	it('throws if called with no path and no default file path is set', () => {
-		const manifest = new Manifest();
-
-		expect(() => manifest.save()).toThrow();
-	});
-});
-
-it('constructor with file works', () => {
-	const tmpDir = fs.mkdtempSync('manifest');
-	const tmpFilePath = path.join(tmpDir, 'manifest.json');
-
-	const manifest = new Manifest(tmpFilePath);
-
-	const srcPkg1 = new PkgDesc('a-package', '1.0.0', './src-1');
-	const destPkg1 = new PkgDesc('a-package', '1.0.0', './dest-1');
-
-	const srcPkg2 = new PkgDesc('a-package', '2.0.0', './src-2');
-	const destPkg2 = new PkgDesc('a-package', '2.0.0', './dest-2');
-
-	manifest.addPackage(srcPkg1, destPkg1);
-	manifest.addPackage(srcPkg2, destPkg2);
-
-	manifest.save();
-
-	const manifest2 = new Manifest(tmpFilePath);
-
-	expect(manifest2.toJSON()).toMatchSnapshot();
-
-	fs.unlinkSync(tmpFilePath);
-	fs.rmdirSync(tmpDir);
-});
-
-describe('isOutdated', () => {
-	it('returns false for up-to-date packages', () => {
-		const manifest = new Manifest();
-
-		const srcPkg = new PkgDesc('a-package', '1.0.0', './src');
-		const destPkg = new PkgDesc('a-package', '1.0.0', '.');
-
-		manifest.addPackage(srcPkg, destPkg);
-
-		expect(manifest.isOutdated(srcPkg)).toBe(false);
-	});
-
-	// TODO: This test can be removed if we implement enhanced outdated detection by using timestamps/digests.
-	// However, we are not sure that it is the bundler's responsibility to detect such modifications as it is
-	// more a multi-tool build issue that may happen with other configurations.
-	it('returns true for root package no matter what', () => {
-		const manifest = new Manifest();
-
-		const srcPkg = new PkgDesc('a-package', '1.0.0', './src', true);
-		const destPkg = new PkgDesc('a-package', '1.0.0', '.', true);
-
-		manifest.addPackage(srcPkg, destPkg);
-
-		expect(manifest.isOutdated(srcPkg)).toBe(true);
-	});
-
-	it('returns true for unregistered packages', () => {
-		const manifest = new Manifest();
-
-		const srcPkg = new PkgDesc('a-package', '1.0.0', './src');
-
-		expect(manifest.isOutdated(srcPkg)).toBe(true);
-	});
-
-	it('returns true for packages with missing destination directory', () => {
-		const manifest = new Manifest();
-
-		const srcPkg = new PkgDesc('a-package', '1.0.0', './src');
-		const destPkg = new PkgDesc('a-package', '1.0.0', './non-existing-dir');
-
-		manifest.addPackage(srcPkg, destPkg);
-
-		expect(manifest.isOutdated(srcPkg)).toBe(true);
-	});
 });
 
 describe('toJSON', () => {
diff --git a/packages/liferay-npm-build-tools-common/src/manifest.ts b/packages/liferay-npm-build-tools-common/src/manifest.ts
index 5b52bc94..145fe4ca 100644
--- a/packages/liferay-npm-build-tools-common/src/manifest.ts
+++ b/packages/liferay-npm-build-tools-common/src/manifest.ts
@@ -7,9 +7,7 @@ import fs from 'fs-extra';
 import path from 'path';
 
 import {Manifest as Data, ModuleFlags, Package} from './api/manifest';
-import FilePath from './file-path';
 import PkgDesc from './pkg-desc';
-import project from './project';
 
 export {ModuleFlags, Package};
 
@@ -18,39 +16,12 @@ export {ModuleFlags, Package};
  * it to/from disk.
  */
 export default class Manifest {
-	/**
-	 * @param filePath an optional path to a file to load initial status
-	 */
-	constructor(filePath: string = null) {
-		this._loadedFromFile = false;
-
-		if (filePath) {
-			this._filePath = filePath;
-
-			try {
-				this._data = JSON.parse(fs.readFileSync(filePath).toString());
-				this._loadedFromFile = true;
-
-				return;
-			} catch (err) {
-				if (err.code !== 'ENOENT') {
-					throw err;
-				}
-			}
-		}
-
+	constructor() {
 		this._data = {
 			packages: {},
 		};
 	}
 
-	/**
-	 * Set to true when the manifest has been loaded from a file.
-	 */
-	get loadedFromFile(): boolean {
-		return this._loadedFromFile;
-	}
-
 	/**
 	 * Add a processed package entry
 	 * @param srcPkg the source package descriptor
@@ -104,56 +75,11 @@ export default class Manifest {
 		Object.assign(pkg.modules[moduleName].flags, flags);
 	}
 
-	/**
-	 * Get a processed package entry
-	 * @param srcPkg the source package descriptor
-	 * @return the processed package entry (see addPackage for format description)
-	 */
-	getPackage(srcPkg: PkgDesc): Package {
-		return this._data.packages[srcPkg.id];
-	}
-
-	/**
-	 * Tests whether a package must be regenerated
-	 * @param destPkg destination package
-	 * @return true if package is outdated
-	 */
-	isOutdated(destPkg: PkgDesc): boolean {
-		// Unless we use real timestamps or digests, we cannot detect reliably
-		// if the root package is outdated or up-to-date.
-		if (destPkg.isRoot) {
-			return true;
-		}
-
-		const entry = this._data.packages[destPkg.id];
-
-		if (entry === undefined) {
-			return true;
-		}
-
-		if (
-			!fs.existsSync(
-				project.dir.join(new FilePath(entry.dest.dir, {posix: true}))
-					.asNative
-			)
-		) {
-			return true;
-		}
-
-		return false;
-	}
-
 	/**
 	 * Save current manifest to a file
-	 * @param filePath path to file or null to use default path
+	 * @param filePath path to file
 	 */
-	save(filePath: string = null): void {
-		filePath = filePath || this._filePath;
-
-		if (filePath === undefined) {
-			throw new Error('No file path given and no default path set');
-		}
-
+	save(filePath: string): void {
 		fs.ensureDirSync(path.dirname(filePath));
 		fs.writeFileSync(filePath, this.toJSON());
 	}
@@ -165,8 +91,6 @@ export default class Manifest {
 		return JSON.stringify(this._data, sortObjectKeysReplacer, 2);
 	}
 
-	private _loadedFromFile: boolean;
-	private _filePath: string;
 	private _data: Data;
 }
 
diff --git a/packages/liferay-npm-bundler/src/index.ts b/packages/liferay-npm-bundler/src/index.ts
index f830cd41..875b5080 100644
--- a/packages/liferay-npm-bundler/src/index.ts
+++ b/packages/liferay-npm-bundler/src/index.ts
@@ -39,17 +39,9 @@ export default async function(argv: {version: boolean}): Promise<void> {
 		report.rulesConfig(project.rules.config);
 		report.versionsInfo(versionsInfo);
 
-		// Warn about incremental builds
-		if (manifest.loadedFromFile) {
-			report.warn(
-				'This report is from an incremental build: some steps may be ' +
-					'missing (you may remove the output directory to force a ' +
-					'full build).'
-			);
-		}
-
 		// Do things
 		copyPackageJson();
+		addRootPackageToManifest(rootPkg);
 		await runWebpack();
 		await runRules(rootPkg);
 		saveManifest();
@@ -77,6 +69,13 @@ export default async function(argv: {version: boolean}): Promise<void> {
 	}
 }
 
+function addRootPackageToManifest(rootPkg: PkgDesc): void {
+	manifest.addPackage(
+		rootPkg,
+		rootPkg.clone({dir: buildBundlerDir.asNative})
+	);
+}
+
 function copyPackageJson(): void {
 	fs.copyFileSync(
 		project.dir.join('package.json').asNative,
@@ -87,7 +86,7 @@ function copyPackageJson(): void {
 }
 
 function saveManifest(): void {
-	manifest.save();
+	manifest.save(buildBundlerDir.join('manifest.json').asNative);
 
 	log.debug('Wrote manifest.json to output directory');
 }
diff --git a/packages/liferay-npm-bundler/src/manifest.ts b/packages/liferay-npm-bundler/src/manifest.ts
index 4f432b3d..91411769 100644
--- a/packages/liferay-npm-bundler/src/manifest.ts
+++ b/packages/liferay-npm-bundler/src/manifest.ts
@@ -5,8 +5,6 @@
 
 import Manifest from 'liferay-npm-build-tools-common/lib/manifest';
 
-import {buildBundlerDir} from './dirs';
-
-const manifest = new Manifest(buildBundlerDir.join('manifest.json').asNative);
+const manifest = new Manifest();
 
 export default manifest;
diff --git a/packages/liferay-npm-bundler/src/steps/webpack/adapt/write-export-modules.ts b/packages/liferay-npm-bundler/src/steps/webpack/adapt/write-export-modules.ts
index 4aded644..e74e2f16 100644
--- a/packages/liferay-npm-bundler/src/steps/webpack/adapt/write-export-modules.ts
+++ b/packages/liferay-npm-bundler/src/steps/webpack/adapt/write-export-modules.ts
@@ -8,10 +8,12 @@ import FilePath from 'liferay-npm-build-tools-common/lib/file-path';
 import * as mod from 'liferay-npm-build-tools-common/lib/modules';
 import * as ns from 'liferay-npm-build-tools-common/lib/namespace';
 import * as pkgs from 'liferay-npm-build-tools-common/lib/packages';
+import PkgDesc from 'liferay-npm-build-tools-common/lib/pkg-desc';
 import project, {PkgJson} from 'liferay-npm-build-tools-common/lib/project';
 
 import {buildBundlerDir} from '../../../dirs';
 import * as log from '../../../log';
+import manifest from '../../../manifest';
 import {render} from './util';
 
 /**
@@ -54,6 +56,7 @@ async function writeDependencyExportModule(
 	);
 
 	await writeDependencyExportPkgJson(pkgDir, pkgJson);
+	addPackageToManifest(pkgJson, pkgDir);
 
 	moduleName =
 		namespacedScopedPkgName + '@' + pkgJson.version + canonicalModulePath;
@@ -68,6 +71,23 @@ async function writeDependencyExportModule(
 	);
 }
 
+function addPackageToManifest(pkgJson: PkgJson, destDir: FilePath): void {
+	const {name, version} = pkgJson;
+
+	const srcDirPath = project
+		.resolve(`${name}/package.json`)
+		.replace('/package.json', '');
+
+	manifest.addPackage(
+		new PkgDesc(name, version, project.dir.relative(srcDirPath).asPosix),
+		new PkgDesc(
+			ns.addNamespace(name, project.pkgJson),
+			version,
+			project.dir.relative(destDir).asPosix
+		)
+	);
+}
+
 /**
  * Writes the `package.json` file of an exported dependency package.
  *

From 366a716d3d5df16af764a1035411aeea3e84b669 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Zaera=20Avell=C3=B3n?= <izaera@gmx.es>
Date: Tue, 10 Mar 2020 16:32:58 +0100
Subject: [PATCH 10/12] refactor: Turn LogLevel into an enum

---
 .../src/project/misc.ts                       | 157 ++++++++++--------
 packages/liferay-npm-bundler/src/log.ts       |  28 +---
 .../liferay-npm-bundler/src/report/html.ts    |  17 +-
 .../liferay-npm-bundler/src/report/logger.ts  |  33 +---
 4 files changed, 116 insertions(+), 119 deletions(-)

diff --git a/packages/liferay-npm-build-tools-common/src/project/misc.ts b/packages/liferay-npm-build-tools-common/src/project/misc.ts
index 46ebfd72..8da2e762 100644
--- a/packages/liferay-npm-build-tools-common/src/project/misc.ts
+++ b/packages/liferay-npm-build-tools-common/src/project/misc.ts
@@ -10,7 +10,13 @@ import FilePath from '../file-path';
 import {print, warn} from '../format';
 
 /** Valid log levels for console and report */
-export type LogLevel = 'off' | 'error' | 'warn' | 'info' | 'debug';
+export enum LogLevel {
+	off = 0,
+	error = 1,
+	warn = 2,
+	info = 3,
+	debug = 4,
+}
 
 /**
  * Reflects miscellaneous project configuration values.
@@ -18,9 +24,9 @@ export type LogLevel = 'off' | 'error' | 'warn' | 'info' | 'debug';
 export default class Misc {
 	/**
 	 *
-	 * @param {Project} project
+	 * @param project
 	 */
-	constructor(project) {
+	constructor(project: Project) {
 		this._project = project;
 	}
 
@@ -28,27 +34,27 @@ export default class Misc {
 	 * Whether or not to dump detailed information about what the tool is doing
 	 */
 	get logLevel(): LogLevel {
-		const {npmbundlerrc} = this._project;
-
-		let logLevel = prop.get<string>(npmbundlerrc, 'log-level', 'warn');
+		if (this._logLevel === undefined) {
+			const {npmbundlerrc} = this._project;
 
-		switch (logLevel) {
-			case 'off':
-			case 'error':
-			case 'warn':
-			case 'info':
-			case 'debug':
-				break;
+			let logLevel = prop.get<string>(
+				npmbundlerrc,
+				'log-level',
+				LogLevel[LogLevel.warn]
+			);
 
-			default:
-				logLevel = 'off';
+			if (LogLevel[logLevel] === undefined) {
 				print(
 					warn`Configuration value {log-level} has invalid value: it will be ignored`
 				);
-				break;
+
+				logLevel = LogLevel[LogLevel.warn];
+			}
+
+			this._logLevel = LogLevel[logLevel];
 		}
 
-		return logLevel as LogLevel;
+		return this._logLevel;
 	}
 
 	/**
@@ -57,75 +63,94 @@ export default class Misc {
 	 */
 
 	get maxParallelFiles(): number {
-		const {npmbundlerrc} = this._project;
-
-		// Default values for "ulimit -n" vary across different OSes. Some
-		//
-		// values I have found are:
-		//   - Apparently Mac OS X limit is 256 but usually people increase it
-		//   - Fedora: 1024
-		//   - Windows: there's no ulimit, but MSVCRT.DLL has a 2048 limit
-		//
-		// Given this mess and the impossibility of retrieving the limit from
-		// Node, I'm giving this a default value of 128 because it looks like it
-		// doesn't impact performance and should be low enough to make it work
-		// in all OSes.
-		return prop.get(npmbundlerrc, 'max-parallel-files', 128);
+		if (this._maxParallelFiles === undefined) {
+			const {npmbundlerrc} = this._project;
+
+			// Default values for "ulimit -n" vary across different OSes. Some
+			//
+			// values I have found are:
+			//   - Apparently Mac OS X limit is 256 but usually people increase it
+			//   - Fedora: 1024
+			//   - Windows: there's no ulimit, but MSVCRT.DLL has a 2048 limit
+			//
+			// Given this mess and the impossibility of retrieving the limit from
+			// Node, I'm giving this a default value of 128 because it looks like it
+			// doesn't impact performance and should be low enough to make it work
+			// in all OSes.
+			let maxParallelFiles: string = prop.get<string>(
+				npmbundlerrc,
+				'max-parallel-files',
+				'128'
+			);
+
+			if (parseInt(maxParallelFiles, 10) === Number.NaN) {
+				print(
+					warn`Configuration value {max-parallel-files} has invalid value: it will be ignored`
+				);
+
+				maxParallelFiles = '128';
+			}
+
+			this._maxParallelFiles = parseInt(maxParallelFiles, 10);
+		}
+
+		return this._maxParallelFiles;
 	}
 
 	/**
 	 * Get the path to the report file or undefined if no report is configured.
 	 */
 	get reportFile(): FilePath | undefined {
-		const {_project} = this;
-		const {npmbundlerrc} = _project;
+		if (this._reportFile === undefined) {
+			const {_project} = this;
+			const {npmbundlerrc} = _project;
 
-		const dumpReport = prop.get(npmbundlerrc, 'dump-report', false);
+			const dumpReport = prop.get(npmbundlerrc, 'dump-report', false);
 
-		return dumpReport
-			? _project.dir.join('liferay-npm-bundler-report.html')
-			: undefined;
+			this._reportFile = dumpReport
+				? _project.dir.join('liferay-npm-bundler-report.html')
+				: undefined;
+		}
+
+		return this._reportFile;
 	}
 
 	/**
 	 * Get report log level
 	 */
 	get reportLevel(): LogLevel {
-		const {_project} = this;
-		const {npmbundlerrc} = _project;
-
-		let dumpReport = prop.get<string | boolean>(
-			npmbundlerrc,
-			'dump-report',
-			false
-		);
-
-		switch (dumpReport) {
-			case 'off':
-			case 'error':
-			case 'warn':
-			case 'info':
-			case 'debug':
-				break;
-
-			case true:
-				dumpReport = 'info';
-				break;
-
-			case false:
-				dumpReport = 'off';
-				break;
-
-			default:
-				dumpReport = 'off';
+		if (this._reportLevel === undefined) {
+			const {_project} = this;
+			const {npmbundlerrc} = _project;
+
+			let dumpReport = prop.get<string | boolean>(
+				npmbundlerrc,
+				'dump-report',
+				false
+			);
+
+			if (typeof dumpReport === 'boolean') {
+				if (dumpReport) {
+					dumpReport = LogLevel[LogLevel.info];
+				} else {
+					dumpReport = LogLevel[LogLevel.off];
+				}
+			} else if (LogLevel[dumpReport] === undefined) {
 				print(
 					warn`Configuration value {dump-report} has invalid value: it will be ignored`
 				);
-				break;
+				dumpReport = LogLevel[LogLevel.off];
+			}
+
+			this._reportLevel = LogLevel[dumpReport];
 		}
 
-		return dumpReport as LogLevel;
+		return this._reportLevel;
 	}
 
 	private readonly _project: Project;
+	private _logLevel: LogLevel;
+	private _maxParallelFiles: number;
+	private _reportFile: FilePath;
+	private _reportLevel: LogLevel;
 }
diff --git a/packages/liferay-npm-bundler/src/log.ts b/packages/liferay-npm-bundler/src/log.ts
index dfd6a763..c13e181c 100644
--- a/packages/liferay-npm-bundler/src/log.ts
+++ b/packages/liferay-npm-bundler/src/log.ts
@@ -5,26 +5,12 @@
 
 import * as format from 'liferay-npm-build-tools-common/lib/format';
 import project from 'liferay-npm-build-tools-common/lib/project';
+import {LogLevel} from 'liferay-npm-build-tools-common/lib/project/misc';
 
-let debugOn: boolean, infoOn: boolean, errorOn: boolean, warnOn: boolean;
-
-/* eslint-disable no-fallthrough */
-switch (project.misc.logLevel) {
-	case 'debug':
-		debugOn = true;
-	case 'info':
-		infoOn = true;
-	case 'warn':
-		warnOn = true;
-	case 'error':
-	default:
-		errorOn = true;
-	case 'off':
-}
-/* eslint-enable no-fallthrough */
+const {logLevel} = project.misc;
 
 export function error(...args: unknown[]): void {
-	if (!errorOn) {
+	if (logLevel < LogLevel.error) {
 		return;
 	}
 
@@ -32,7 +18,7 @@ export function error(...args: unknown[]): void {
 }
 
 export function warn(...args: unknown[]): void {
-	if (!warnOn) {
+	if (logLevel < LogLevel.warn) {
 		return;
 	}
 
@@ -40,7 +26,7 @@ export function warn(...args: unknown[]): void {
 }
 
 export function success(...args: unknown[]): void {
-	if (!errorOn) {
+	if (logLevel < LogLevel.error) {
 		return;
 	}
 
@@ -48,7 +34,7 @@ export function success(...args: unknown[]): void {
 }
 
 export function info(...args: unknown[]): void {
-	if (!infoOn) {
+	if (logLevel < LogLevel.info) {
 		return;
 	}
 
@@ -56,7 +42,7 @@ export function info(...args: unknown[]): void {
 }
 
 export function debug(...args: unknown[]): void {
-	if (!debugOn) {
+	if (logLevel < LogLevel.debug) {
 		return;
 	}
 
diff --git a/packages/liferay-npm-bundler/src/report/html.ts b/packages/liferay-npm-bundler/src/report/html.ts
index 0314eb88..c2f91942 100644
--- a/packages/liferay-npm-bundler/src/report/html.ts
+++ b/packages/liferay-npm-bundler/src/report/html.ts
@@ -5,6 +5,7 @@
 
 import {Report} from '.';
 import PluginLogger from 'liferay-npm-build-tools-common/lib/plugin-logger';
+import {LogLevel} from 'liferay-npm-build-tools-common/lib/project/misc';
 import pretty from 'pretty-time';
 
 const LOG_LEVEL_SORT = {
@@ -84,14 +85,14 @@ export function htmlDump(report: Report): string {
 									`
 									<td>${index == 0 ? prjRelPath : ''}</td>
 									<td class="${logLevel}">
-										${logLevel.toUpperCase()}
+										${LogLevel[logLevel].toUpperCase()}
 									</td>
 									<td class="source">[${source}]</td>
 									<td>
 										${things.map(thing => `${thing}`).join(' ')}
 									</td>
-								`,
-									logLevel
+									`,
+									LogLevel[logLevel]
 								)
 							)
 							.join('')
@@ -104,11 +105,11 @@ export function htmlDump(report: Report): string {
 		htmlSection(
 			'Details of rule executions',
 			`
-		<div class="configuration">
-			<div>Configuration</div>
-			<pre>${JSON.stringify(_rules.config, null, 2)}</pre>
-		</div>
-		`,
+			<div class="configuration">
+				<div>Configuration</div>
+				<pre>${JSON.stringify(_rules.config, null, 2)}</pre>
+			</div>
+			`,
 			htmlLogOutput(
 				['File'],
 				Object.keys(_rules.files)
diff --git a/packages/liferay-npm-bundler/src/report/logger.ts b/packages/liferay-npm-bundler/src/report/logger.ts
index f57f2714..79719da6 100644
--- a/packages/liferay-npm-bundler/src/report/logger.ts
+++ b/packages/liferay-npm-bundler/src/report/logger.ts
@@ -6,22 +6,7 @@
 import project from 'liferay-npm-build-tools-common/lib/project';
 import {LogLevel} from 'liferay-npm-build-tools-common/lib/project/misc';
 
-let debugOn: boolean, infoOn: boolean, errorOn: boolean, warnOn: boolean;
-
-/* eslint-disable no-fallthrough */
-switch (project.misc.reportLevel) {
-	case 'debug':
-		debugOn = true;
-	case 'info':
-		infoOn = true;
-	case 'warn':
-		warnOn = true;
-	case 'error':
-	default:
-		errorOn = true;
-	case 'off':
-}
-/* eslint-enable no-fallthrough */
+const {reportLevel} = project.misc;
 
 export default class ReportLogger {
 	get messages(): {
@@ -32,45 +17,45 @@ export default class ReportLogger {
 	}
 
 	debug(...things: unknown[]): void {
-		if (!debugOn) {
+		if (reportLevel < LogLevel.debug) {
 			return;
 		}
 
 		this._messages.push({
-			logLevel: 'debug',
+			logLevel: LogLevel.debug,
 			things,
 		});
 	}
 
 	info(...things: unknown[]): void {
-		if (!infoOn) {
+		if (reportLevel < LogLevel.info) {
 			return;
 		}
 
 		this._messages.push({
-			logLevel: 'info',
+			logLevel: LogLevel.info,
 			things,
 		});
 	}
 
 	warn(...things: unknown[]): void {
-		if (!warnOn) {
+		if (reportLevel < LogLevel.warn) {
 			return;
 		}
 
 		this._messages.push({
-			logLevel: 'warn',
+			logLevel: LogLevel.warn,
 			things,
 		});
 	}
 
 	error(...things: unknown[]): void {
-		if (!errorOn) {
+		if (reportLevel < LogLevel.error) {
 			return;
 		}
 
 		this._messages.push({
-			logLevel: 'error',
+			logLevel: LogLevel.error,
 			things,
 		});
 	}

From 6ec68991399d61a16580cdc61db70a0860737501 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Zaera=20Avell=C3=B3n?= <izaera@gmx.es>
Date: Tue, 10 Mar 2020 17:03:28 +0100
Subject: [PATCH 11/12] chore: Don't clean directories outside of project

This is to prevent people from shooting at their feet.
---
 scripts/clean.js | 37 ++++++++++++++++++++++++++++++++++---
 1 file changed, 34 insertions(+), 3 deletions(-)

diff --git a/scripts/clean.js b/scripts/clean.js
index 0cc9ccfb..1e70b19f 100644
--- a/scripts/clean.js
+++ b/scripts/clean.js
@@ -3,17 +3,48 @@
  * SPDX-License-Identifier: LGPL-3.0-or-later
  */
 
+const path = require('path');
 const fs = require('fs-extra');
 
+const {abort} = require('./util/report');
+
+function hasValidOutDir(json) {
+	const {compilerOptions} = json;
+
+	if (!compilerOptions) {
+		return false;
+	}
+
+	const {outDir} = compilerOptions;
+
+	if (!outDir) {
+		return false;
+	}
+
+	const absOutDir = path.resolve(outDir);
+	const projectDir = path.resolve('.');
+
+	if (path.relative(projectDir, absOutDir).startsWith('../')) {
+		return false;
+	}
+
+	return true;
+}
+
 try {
 	const json = fs.readJSONSync('tsconfig.json');
 
-	if (json.compilerOptions && json.compilerOptions.outDir) {
-		fs.removeSync(json.compilerOptions.outDir);
+	if (!hasValidOutDir(json)) {
+		abort(
+			`Invalid compilerOptions.outDir found in ` +
+				`${path.basename(path.resolve('.'))}/tsconfig.json`
+		);
 	}
+
+	fs.removeSync(json.compilerOptions.outDir);
 } catch (err) {
 	if (err.code !== 'ENOENT') {
-		throw err;
+		abort(err.toString());
 	}
 }
 

From 3eff085774c97307df2b0a3f787abac6a1329054 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Zaera=20Avell=C3=B3n?= <izaera@gmx.es>
Date: Tue, 10 Mar 2020 17:10:38 +0100
Subject: [PATCH 12/12] refactor: Use === instead of ==

---
 packages/generator-liferay-js/src/app/index.ts         |  2 +-
 packages/liferay-npm-build-support/src/loader/util.ts  |  2 +-
 .../liferay-npm-build-support/src/scripts/translate.ts | 10 +++++-----
 packages/liferay-npm-build-tools-common/src/imports.ts |  2 +-
 .../liferay-npm-build-tools-common/src/pkg-desc.ts     |  2 +-
 .../liferay-npm-bundler-loader-css-loader/src/index.ts |  2 +-
 .../src/index.ts                                       |  2 +-
 packages/liferay-npm-bundler/src/jar/index.ts          |  4 ++--
 packages/liferay-npm-bundler/src/jar/xml.ts            |  2 +-
 packages/liferay-npm-bundler/src/report/html.ts        |  6 +++---
 packages/liferay-npm-bundler/src/steps/rules.ts        |  6 +++---
 packages/liferay-npm-bundler/src/steps/util.ts         |  2 +-
 .../src/steps/webpack/plugin/imports-loader.ts         |  2 +-
 resources/devtools/link-js-toolkit/link-js-toolkit.js  |  4 ++--
 scripts/qa/index.js                                    |  2 +-
 15 files changed, 25 insertions(+), 25 deletions(-)

diff --git a/packages/generator-liferay-js/src/app/index.ts b/packages/generator-liferay-js/src/app/index.ts
index 8c26dd23..369b645c 100644
--- a/packages/generator-liferay-js/src/app/index.ts
+++ b/packages/generator-liferay-js/src/app/index.ts
@@ -57,7 +57,7 @@ export default class extends Generator {
 	_findTargets() {
 		const tds = fs
 			.readdirSync(path.join(__dirname, '..'))
-			.filter(file => file.indexOf('target-') == 0)
+			.filter(file => file.indexOf('target-') === 0)
 			.map(target => target.replace('target-', ''))
 			.map(target => ({
 				...getTargetDescription(target),
diff --git a/packages/liferay-npm-build-support/src/loader/util.ts b/packages/liferay-npm-build-support/src/loader/util.ts
index 48480ae0..02ba59a1 100644
--- a/packages/liferay-npm-build-support/src/loader/util.ts
+++ b/packages/liferay-npm-build-support/src/loader/util.ts
@@ -48,7 +48,7 @@ export function removeWebpackHash(filePath: string): string {
 		}
 	}
 
-	if (hashIndex == -1) {
+	if (hashIndex === -1) {
 		return filePath;
 	}
 
diff --git a/packages/liferay-npm-build-support/src/scripts/translate.ts b/packages/liferay-npm-build-support/src/scripts/translate.ts
index 6f6bc727..76391cdc 100644
--- a/packages/liferay-npm-build-support/src/scripts/translate.ts
+++ b/packages/liferay-npm-build-support/src/scripts/translate.ts
@@ -30,7 +30,7 @@ export default function() {
 		subscriptionKey = cfg.getTranslatorTextKey();
 	}
 
-	if (!subscriptionKey || subscriptionKey == '') {
+	if (!subscriptionKey || subscriptionKey === '') {
 		console.error(
 			'-------------------------------------------------------------\n' +
 				'    🛑 Microsoft Translator credentials not set 🛑\n\n' +
@@ -53,7 +53,7 @@ export default function() {
 		locale => locale != 'default'
 	);
 
-	if (locales.length == 0) {
+	if (locales.length === 0) {
 		console.log(
 			'No locales found: nothing to translate.\n\n' +
 				'You can edit your .npmbuildrc file to add new supported ' +
@@ -127,7 +127,7 @@ export function addMissingTranslations(translation, labels) {
 		});
 
 		console.log(
-			count == 0
+			count === 0
 				? `  · No missing translations found for locale ${locale}`
 				: `  · Added ${count} missing translations for locale ${locale}`
 		);
@@ -224,7 +224,7 @@ function showMissingSupportedLocales() {
 	const supportedLocales = cfg.getSupportedLocales();
 
 	const missingLocales = availableLocales.filter(
-		locale => supportedLocales.indexOf(locale) == -1
+		locale => supportedLocales.indexOf(locale) === -1
 	);
 
 	if (missingLocales.length > 0) {
@@ -248,7 +248,7 @@ function createMissingSupportedLocalesFiles() {
 	const supportedLocales = cfg.getSupportedLocales();
 
 	const missingLocales = supportedLocales.filter(
-		locale => project.l10n.availableLocales.indexOf(locale) == -1
+		locale => project.l10n.availableLocales.indexOf(locale) === -1
 	);
 
 	if (missingLocales.length > 0) {
diff --git a/packages/liferay-npm-build-tools-common/src/imports.ts b/packages/liferay-npm-build-tools-common/src/imports.ts
index 509e0e96..4238a6c6 100644
--- a/packages/liferay-npm-build-tools-common/src/imports.ts
+++ b/packages/liferay-npm-build-tools-common/src/imports.ts
@@ -84,7 +84,7 @@ export function normalizeImportsConfig(
 
 					delete normalized[namespace][pkgName];
 
-					if (Object.keys(normalized[namespace]).length == 0) {
+					if (Object.keys(normalized[namespace]).length === 0) {
 						delete normalized[namespace];
 					}
 				}
diff --git a/packages/liferay-npm-build-tools-common/src/pkg-desc.ts b/packages/liferay-npm-build-tools-common/src/pkg-desc.ts
index 8f2420f2..5650b25d 100644
--- a/packages/liferay-npm-build-tools-common/src/pkg-desc.ts
+++ b/packages/liferay-npm-build-tools-common/src/pkg-desc.ts
@@ -95,7 +95,7 @@ export default class PkgDesc {
 	}
 
 	get isRoot(): boolean {
-		return this.id == PkgDesc.ROOT_ID;
+		return this.id === PkgDesc.ROOT_ID;
 	}
 
 	private _clean: boolean;
diff --git a/packages/liferay-npm-bundler-loader-css-loader/src/index.ts b/packages/liferay-npm-bundler-loader-css-loader/src/index.ts
index c7b0a874..a93fb5f9 100644
--- a/packages/liferay-npm-bundler-loader-css-loader/src/index.ts
+++ b/packages/liferay-npm-bundler-loader-css-loader/src/index.ts
@@ -122,7 +122,7 @@ function getHref(filePath, extension, pathModule, namespaceDependencies) {
 	if (extension !== undefined) {
 		const extname = path.extname(filePath);
 
-		if (extname == '') {
+		if (extname === '') {
 			filePath = `${filePath}.${extension}`;
 		} else {
 			filePath = filePath.replace(
diff --git a/packages/liferay-npm-bundler-loader-sass-loader/src/index.ts b/packages/liferay-npm-bundler-loader-sass-loader/src/index.ts
index bcf28539..6825f5c8 100644
--- a/packages/liferay-npm-bundler-loader-sass-loader/src/index.ts
+++ b/packages/liferay-npm-bundler-loader-sass-loader/src/index.ts
@@ -67,7 +67,7 @@ function changeFilePathExtension(context) {
 
 	const extname = path.extname(filePath);
 
-	if (extname == '') {
+	if (extname === '') {
 		filePath = `${filePath}.css`;
 	} else {
 		filePath = filePath.replace(new RegExp(`\\${extname}$`), '.css');
diff --git a/packages/liferay-npm-bundler/src/jar/index.ts b/packages/liferay-npm-bundler/src/jar/index.ts
index cad596b2..b4c16134 100644
--- a/packages/liferay-npm-bundler/src/jar/index.ts
+++ b/packages/liferay-npm-bundler/src/jar/index.ts
@@ -278,7 +278,7 @@ function getPortletInstanceConfigurationJson(): PortletInstanceConfiguration {
 	if (
 		!configurationJson.portletInstance ||
 		!configurationJson.portletInstance.fields ||
-		Object.keys(configurationJson.portletInstance.fields).length == 0
+		Object.keys(configurationJson.portletInstance.fields).length === 0
 	) {
 		return undefined;
 	}
@@ -301,7 +301,7 @@ function getSystemConfigurationJson(): SystemConfiguration {
 	if (
 		!configurationJson.system ||
 		!configurationJson.system.fields ||
-		Object.keys(configurationJson.system.fields).length == 0
+		Object.keys(configurationJson.system.fields).length === 0
 	) {
 		return undefined;
 	}
diff --git a/packages/liferay-npm-bundler/src/jar/xml.ts b/packages/liferay-npm-bundler/src/jar/xml.ts
index 8f5c7cb3..7070c037 100644
--- a/packages/liferay-npm-bundler/src/jar/xml.ts
+++ b/packages/liferay-npm-bundler/src/jar/xml.ts
@@ -120,7 +120,7 @@ function findChild(
 ): XmlObject {
 	const elements = parentNode.elements || [];
 
-	let childNode = elements.find(node => node.name == childName);
+	let childNode = elements.find(node => node.name === childName);
 
 	if (childNode === undefined && create) {
 		childNode = {
diff --git a/packages/liferay-npm-bundler/src/report/html.ts b/packages/liferay-npm-bundler/src/report/html.ts
index c2f91942..e1de61f4 100644
--- a/packages/liferay-npm-bundler/src/report/html.ts
+++ b/packages/liferay-npm-bundler/src/report/html.ts
@@ -83,7 +83,7 @@ export function htmlDump(report: Report): string {
 							.map(({logLevel, things}, index) =>
 								htmlRow(
 									`
-									<td>${index == 0 ? prjRelPath : ''}</td>
+									<td>${index === 0 ? prjRelPath : ''}</td>
 									<td class="${logLevel}">
 										${LogLevel[logLevel].toUpperCase()}
 									</td>
@@ -363,7 +363,7 @@ function htmlTable(...args: unknown[]): string {
 		content = content.join('\n');
 	}
 
-	if (columns.length == 0) {
+	if (columns.length === 0) {
 		return `
 			<table>
 				${content}
@@ -426,7 +426,7 @@ function htmlLogOutput(
 
 		const msgs = rowLoggers[i].messages;
 
-		if (msgs.length == 0) {
+		if (msgs.length === 0) {
 			rows.push(
 				htmlRow(`
 					${cells.map(cell => `<td>${cell}</td>`).join(' ')}
diff --git a/packages/liferay-npm-bundler/src/steps/rules.ts b/packages/liferay-npm-bundler/src/steps/rules.ts
index 0aed124b..9c5eb759 100644
--- a/packages/liferay-npm-bundler/src/steps/rules.ts
+++ b/packages/liferay-npm-bundler/src/steps/rules.ts
@@ -39,7 +39,7 @@ function processPackage(srcPkg: PkgDesc): Promise<void> {
 		gl.prefix(`${project.dir.asPosix}/${srcPkg.dir.asPosix}/`, globs)
 	);
 
-	if (sourcePrjRelPaths.length == 0) {
+	if (sourcePrjRelPaths.length === 0) {
 		return Promise.resolve();
 	}
 
@@ -64,7 +64,7 @@ function processFile(
 ): Promise<void> {
 	const loaders = project.rules.loadersForFile(prjRelPath);
 
-	if (loaders.length == 0) {
+	if (loaders.length === 0) {
 		return Promise.resolve();
 	}
 
@@ -226,7 +226,7 @@ function writeLoadersResult(
 
 	Object.entries(context.extraArtifacts).forEach(
 		([extraPrjRelPath, content]) => {
-			if (content == undefined) {
+			if (content === undefined) {
 				return;
 			}
 
diff --git a/packages/liferay-npm-bundler/src/steps/util.ts b/packages/liferay-npm-bundler/src/steps/util.ts
index dfbe20e9..b6808995 100644
--- a/packages/liferay-npm-bundler/src/steps/util.ts
+++ b/packages/liferay-npm-bundler/src/steps/util.ts
@@ -77,7 +77,7 @@ export function iterateSerially<T>(
 	values: T[],
 	asyncProcess: {(value: T): Promise<void>}
 ): Promise<void> {
-	if (values.length == 0) {
+	if (values.length === 0) {
 		return Promise.resolve();
 	}
 
diff --git a/packages/liferay-npm-bundler/src/steps/webpack/plugin/imports-loader.ts b/packages/liferay-npm-bundler/src/steps/webpack/plugin/imports-loader.ts
index ff80de4b..ef76f492 100644
--- a/packages/liferay-npm-bundler/src/steps/webpack/plugin/imports-loader.ts
+++ b/packages/liferay-npm-bundler/src/steps/webpack/plugin/imports-loader.ts
@@ -21,7 +21,7 @@ export default function(content: string): string {
 	);
 
 	// Early fail for performance: look for require/import
-	if (content.indexOf('require') == -1 && content.indexOf('import') == -1) {
+	if (content.indexOf('require') === -1 && content.indexOf('import') === -1) {
 		log.debug(`File does not contain 'require' or 'import' statements`);
 
 		return content;
diff --git a/resources/devtools/link-js-toolkit/link-js-toolkit.js b/resources/devtools/link-js-toolkit/link-js-toolkit.js
index a0d6f24a..994af680 100755
--- a/resources/devtools/link-js-toolkit/link-js-toolkit.js
+++ b/resources/devtools/link-js-toolkit/link-js-toolkit.js
@@ -9,9 +9,9 @@ const linkDependencies = require('./link-dependencies');
 const setupProject = require('./setup-project');
 const setupYarnWorkspace = require('./setup-yarn-workspace');
 
-if (process.argv[2] == '-w') {
+if (process.argv[2] === '-w') {
 	setupYarnWorkspace();
-} else if (process.argv[2] == '-p') {
+} else if (process.argv[2] === '-p') {
 	setupProject();
 } else {
 	linkDependencies(process.argv.slice(2));
diff --git a/scripts/qa/index.js b/scripts/qa/index.js
index b7bb5ebe..ab62376f 100644
--- a/scripts/qa/index.js
+++ b/scripts/qa/index.js
@@ -70,7 +70,7 @@ if (argv['deploy']) {
 function getTargets() {
 	let argv = process.argv.slice(2);
 
-	if (argv.length == 0) {
+	if (argv.length === 0) {
 		argv = ['reset', 'generate', 'install', 'deploy'];
 	}