Merge pull request #376 from izaera/LPS-124287

feat: upgrade webpack and add more portal projects to federated build

Author: izaera

package.json

@@ -39,7 +39,7 @@
 		"terser-webpack-plugin": "^5.0.3",
 		"ts-jest": "^26.4.1",
 		"typescript": "^4.0.3",
-		"webpack": "^5.4.0",
+		"webpack": "^5.11.1",
 		"webpack-cli": "^4.2.0",
 		"webpack-dev-server": "^3.11.0",
 		"xml-js": "^1.6.11",

projects/js-toolkit/packages/js-toolkit-core/package.json

@@ -13,7 +13,7 @@
 		"read-json-sync": "^2.0.1",
 		"resolve": "^1.8.1",
 		"source-map": "^0.7.3",
-		"webpack": "^5.4.0"
+		"webpack": "^5.11.1"
 	},
 	"description": "Utility library for Liferay NPM Build Tools.",
 	"license": "LGPL-3.0",

projects/js-toolkit/packages/npm-bundler/package.json

@@ -16,7 +16,7 @@
 		"pretty-time": "^1.1.0",
 		"read-json-sync": "^2.0.1",
 		"source-map": "^0.7.3",
-		"webpack": "^5.4.0",
+		"webpack": "^5.11.1",
 		"xml-js": "^1.6.8",
 		"yargs": "^14.0.0"
 	},

projects/js-toolkit/tsconfig.json

@@ -7,7 +7,8 @@
 		"moduleResolution": "node",
 		"resolveJsonModule": true,
 		"sourceMap": false,
-		"target": "ES2018"
+		"target": "ES2018",
+		"types": ["jest"]
 	},
 	"exclude": ["node_modules", "**/__tests__/**"]
 }

projects/npm-tools/packages/npm-scripts/package.json

@@ -67,7 +67,7 @@
 		"terser": "5.3.8",
 		"ts-loader": "^8.0.4",
 		"typescript": "^4.0.3",
-		"webpack": "^5.4.0",
+		"webpack": "^5.11.1",
 		"webpack-cli": "^4.2.0",
 		"webpack-dev-server": "^3.11.0"
 	},

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

@@ -21,9 +21,24 @@ const writeWebpackFederationEntryPoint = require('./writeWebpackFederationEntryP
  * the relation is not used for anything. However, it is better to do it this
  * way, because if we mix all together we end up with a very entangled
  * configuration.
+ *
+ * Note also that when you want to include a project in the federated build to
+ * consume other packages (even if it doesn't publish any package) you must
+ * declare it here.
  */
 const FEDERATED_PACKAGES = {
-	'frontend-js-react-web': ['react'],
+	'frontend-js-react-web': [
+		'classnames',
+		'formik',
+		'prop-types',
+		'react',
+		'react-dnd',
+		'react-dnd-html5-backend',
+		'react-dom',
+	],
+	'frontend-js-web': [],
+	'frontend-taglib-clay': ['@clayui/icon'],
+	'portal-template-react-renderer-impl': [],
 };
 
 /**

yarn.lock

@@ -15745,10 +15745,10 @@ webpack-sources@^2.1.1:
     source-list-map "^2.0.1"
     source-map "^0.6.1"
 
-webpack@^5.4.0:
-  version "5.11.0"
-  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.11.0.tgz#1647abc060441d86d01d8835b8f0fc1dae2fe76f"
-  integrity sha512-ubWv7iP54RqAC/VjixgpnLLogCFbAfSOREcSWnnOlZEU8GICC5eKmJSu6YEnph2N2amKqY9rvxSwgyHxVqpaRw==
+webpack@^5.11.1:
+  version "5.11.1"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.11.1.tgz#39b2b9daeb5c6c620e03b7556ec674eaed4016b4"
+  integrity sha512-tNUIdAmYJv+nupRs/U/gqmADm6fgrf5xE+rSlSsf2PgsGO7j2WG7ccU6AWNlOJlHFl+HnmXlBmHIkiLf+XA9mQ==
   dependencies:
     "@types/eslint-scope" "^3.7.0"
     "@types/estree" "^0.0.45"