Merge pull request #1144 from izaera/LPS-188020

feat(npm-script): generate __liferay__/lang.json file

Author: izaera

projects/npm-tools/packages/npm-scripts/src/utils/getMainWebpackConfig.js

@@ -7,11 +7,13 @@ const path = require('path');
 const TerserPlugin = require('terser-webpack-plugin');
 
 const convertImportsToExternals = require('./convertImportsToExternals');
+const getBndWebContextPath = require('./getBndWebContextPath');
 
 module.exports = function getMainWebpackConfig(
 	projectDir,
 	buildConfig,
-	babelConfig
+	babelConfig,
+	langKeys = {}
 ) {
 	if (!buildConfig.main) {
 		return;
@@ -22,6 +24,14 @@ module.exports = function getMainWebpackConfig(
 	const {imports} = buildConfig;
 	const externals = convertImportsToExternals(imports, 2);
 
+	// Add language resources as externals
+
+	const languageResourcesModule = `@liferay/lang${getBndWebContextPath(
+		projectDir
+	)}.js`;
+
+	externals[languageResourcesModule] = languageResourcesModule;
+
 	const webpackConfig = {
 		entry: {
 			[`__liferay__/index`]: {
@@ -38,10 +48,19 @@ module.exports = function getMainWebpackConfig(
 				{
 					exclude: /node_modules/,
 					test: /\.jsx?$/,
-					use: {
-						loader: require.resolve('babel-loader'),
-						options: babelConfig,
-					},
+					use: [
+						{
+							loader: require.resolve('babel-loader'),
+							options: babelConfig,
+						},
+						{
+							loader: require.resolve('./webpackLanguageLoader'),
+							options: {
+								langKeys,
+								projectDir,
+							},
+						},
+					],
 				},
 				{
 					exclude: /node_modules/,
@@ -59,10 +78,19 @@ module.exports = function getMainWebpackConfig(
 				{
 					exclude: /node_modules/,
 					test: /\.tsx?/,
-					use: {
-						loader: require.resolve('babel-loader'),
-						options: babelConfig,
-					},
+					use: [
+						{
+							loader: require.resolve('babel-loader'),
+							options: babelConfig,
+						},
+						{
+							loader: require.resolve('./webpackLanguageLoader'),
+							options: {
+								langKeys,
+								projectDir,
+							},
+						},
+					],
 				},
 			],
 		},

projects/npm-tools/packages/npm-scripts/src/utils/runWebpackAsBundler.js

@@ -5,6 +5,9 @@
 
 /* eslint-disable @liferay/no-dynamic-require */
 
+const fs = require('fs');
+const path = require('path');
+
 const createTempFile = require('./createTempFile');
 const getExternalExportsWebpackConfigs = require('./getExternalExportsWebpackConfigs');
 const getInternalExportsWebpackConfigs = require('./getInternalExportsWebpackConfigs');
@@ -21,10 +24,13 @@ module.exports = async function runWebpackAsBundler(
 ) {
 	const start = Date.now();
 
+	const langKeys = {};
+
 	const mainWebpackConfig = getMainWebpackConfig(
 		projectDir,
 		buildConfig,
-		babelConfig
+		babelConfig,
+		langKeys
 	);
 
 	if (mainWebpackConfig) {
@@ -70,6 +76,16 @@ module.exports = async function runWebpackAsBundler(
 		await runWebpack(webpackConfig, buildConfig.report);
 	}
 
+	// Write lang.json
+
+	fs.writeFileSync(
+		path.join(buildConfig.output, '__liferay__', 'lang.json'),
+		JSON.stringify({
+			keys: Object.keys(langKeys),
+		}),
+		'utf-8'
+	);
+
 	const lapse = Math.floor((Date.now() - start) / 1000);
 
 	/* eslint-disable-next-line no-console */

projects/npm-tools/packages/npm-scripts/src/utils/webpackLanguageLoader.js

@@ -0,0 +1,31 @@
+/**
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+
+/* eslint-disable @liferay/no-dynamic-require */
+
+const getBndWebContextPath = require('./getBndWebContextPath');
+
+const regexp = /Liferay\s*\.\s*Language\s*\.\s*get\s*\(\s*["']([^)]+)["']\s*\)/g;
+
+module.exports = function (content) {
+	const {langKeys, projectDir} = this.getOptions();
+
+	let matched = false;
+	let matches;
+
+	while ((matches = regexp.exec(content))) {
+		matched = true;
+
+		for (let i = 1; i < matches.length; i++) {
+			langKeys[matches[i]] = true;
+		}
+	}
+
+	return matched
+		? `
+import '@liferay/lang${getBndWebContextPath(projectDir)}.js';
+${content}`
+		: content;
+};