@enact/cli 6.1.2 → 6.1.4

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 6.1.4 (April 24, 2025)
+
+* No significant changes.
+
+## 6.1.3 (October 17, 2024)
+
+* No significant changes.
+
 ## 6.1.2 (March 13, 2024)
 
 * Updated docs to cover the latest commands of `enact pack`.

package/README.md

@@ -138,7 +138,7 @@ npm uninstall -g eslint-plugin-react eslint-plugin-react-hooks eslint-plugin-bab
 
 Unless otherwise specified, all content, including all source code files and documentation files in this repository are:
 
-Copyright (c) 2016-2024 LG Electronics
+Copyright (c) 2016-2025 LG Electronics
 
 Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
 

package/commands/pack.js

@@ -58,6 +58,8 @@ function displayHelp() {
 		Private Options:
 			--entry              	Specify an override entrypoint
 			--no-minify           	Will skip minification during production build
+			--no-split-css        	Will not split CSS into separate files
+			--hash-classnames      	Will hash classnames in CSS
 			--framework           	Builds the @enact/*, react, and react-dom into an external framework
 			--externals           	Specify a local directory path to the standalone external framework
 			--externals-public    	Remote public path to the external framework for use injecting into HTML
@@ -258,6 +260,8 @@ function api(opts = {}) {
 		opts['content-hash'],
 		opts.isomorphic,
 		!opts.animation,
+		!opts['split-css'],
+		opts['hash-classnames'],
 		opts.framework,
 		opts['ilib-additional-path']
 	);
@@ -289,6 +293,7 @@ function cli(args) {
 			'content-hash',
 			'custom-skin',
 			'minify',
+			'split-css',
 			'framework',
 			'externals-corejs',
 			'stats',
@@ -296,12 +301,13 @@ function cli(args) {
 			'isomorphic',
 			'snapshot',
 			'animation',
+			'hash-classnames',
 			'verbose',
 			'watch',
 			'help'
 		],
 		string: ['externals', 'externals-public', 'locales', 'entry', 'ilib-additional-path', 'output', 'meta'],
-		default: {minify: true, animation: true},
+		default: {minify: true, 'split-css': true, animation: true},
 		alias: {
 			o: 'output',
 			p: 'production',

package/config/webpack.config.js

@@ -45,6 +45,8 @@ module.exports = function (
 	contentHash = false,
 	isomorphic = false,
 	noAnimation = false,
+	noSplitCSS = false,
+	hashClassnames = false,
 	framework = false,
 	ilibAdditionalResourcesPath
 ) {
@@ -323,7 +325,7 @@ module.exports = function (
 							use: getStyleLoaders({
 								importLoaders: 1,
 								modules: {
-									getLocalIdent
+									...(hashClassnames ? {} : {getLocalIdent})
 								}
 							})
 						},
@@ -334,7 +336,8 @@ module.exports = function (
 							use: getStyleLoaders({
 								importLoaders: 1,
 								modules: {
-									...(app.forceCSSModules ? {getLocalIdent} : {mode: 'icss'})
+									...(app.forceCSSModules ? {} : {mode: 'icss'}),
+									...(!app.forceCSSModules && hashClassnames ? {} : {getLocalIdent})
 								}
 							}),
 							// Don't consider CSS imports dead code even if the
@@ -348,7 +351,7 @@ module.exports = function (
 							use: getLessStyleLoaders({
 								importLoaders: 2,
 								modules: {
-									getLocalIdent
+									...(hashClassnames ? {} : {getLocalIdent})
 								}
 							})
 						},
@@ -357,7 +360,8 @@ module.exports = function (
 							use: getLessStyleLoaders({
 								importLoaders: 2,
 								modules: {
-									...(app.forceCSSModules ? {getLocalIdent} : {mode: 'icss'})
+									...(app.forceCSSModules ? {} : {mode: 'icss'}),
+									...(!app.forceCSSModules && hashClassnames ? {} : {getLocalIdent})
 								}
 							}),
 							sideEffects: true
@@ -369,7 +373,7 @@ module.exports = function (
 							use: getScssStyleLoaders({
 								importLoaders: 3,
 								modules: {
-									getLocalIdent
+									...(hashClassnames ? {} : {getLocalIdent})
 								}
 							})
 						},
@@ -379,7 +383,8 @@ module.exports = function (
 							use: getScssStyleLoaders({
 								importLoaders: 3,
 								modules: {
-									...(app.forceCSSModules ? {getLocalIdent} : {mode: 'icss'})
+									...(app.forceCSSModules ? {} : {mode: 'icss'}),
+									...(!app.forceCSSModules && hashClassnames ? {} : {getLocalIdent})
 								}
 							})
 						},
@@ -451,7 +456,17 @@ module.exports = function (
 					parallel: true
 				}),
 				new CssMinimizerPlugin()
-			]
+			],
+			splitChunks: noSplitCSS && {
+				cacheGroups: {
+					styles: {
+						name: 'main',
+						type: 'css/mini-extract',
+						chunks: 'all',
+						enforce: true
+					}
+				}
+			}
 		},
 		plugins: [
 			// Generates an `index.html` file with the js and css tags injected.
@@ -495,7 +510,8 @@ module.exports = function (
 			!process.env.INLINE_STYLES &&
 				new MiniCssExtractPlugin({
 					filename: contentHash ? '[name].[contenthash].css' : '[name].css',
-					chunkFilename: contentHash ? 'chunk.[name].[contenthash].css' : 'chunk.[name].css'
+					chunkFilename: contentHash ? 'chunk.[name].[contenthash].css' : 'chunk.[name].css',
+					ignoreOrder: noSplitCSS
 				}),
 			// Webpack5 removed node polyfills but we need this to run screenshot tests
 			new NodePolyfillPlugin(),

package/npm-shrinkwrap.json

@@ -1,16 +1,16 @@
 {
   "name": "@enact/cli",
-  "version": "6.1.2",
+  "version": "6.1.4",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@enact/cli",
-      "version": "6.1.2",
+      "version": "6.1.4",
       "license": "Apache-2.0",
       "dependencies": {
         "@babel/plugin-transform-modules-commonjs": "^7.23.3",
-        "@enact/dev-utils": "^6.1.0",
+        "@enact/dev-utils": "^6.1.1",
         "@enact/template-sandstone": "^2.8.0",
         "@pmmmwh/react-refresh-webpack-plugin": "^0.5.11",
         "@testing-library/jest-dom": "^6.2.0",
@@ -1580,9 +1580,9 @@
       }
     },
     "node_modules/@enact/dev-utils": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@enact/dev-utils/-/dev-utils-6.1.0.tgz",
-      "integrity": "sha512-uA5qZpPTgNAkt+2bIN8ncGe/k4XkLMI1CAlW11NecUrRI1nXwefBPp0QPv4VZGyYAbZlrTFEShYrVFQIwTwa/A==",
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/@enact/dev-utils/-/dev-utils-6.1.1.tgz",
+      "integrity": "sha512-ShwbCyXo9keYmquCmtXXZrSh537odNRshXaEZsdToK3UzzcHavZV/KYGd80Q4P/ekxjYWysuSappRygBSS2O3w==",
       "hasShrinkwrap": true,
       "dependencies": {
         "browserslist": "^4.22.2",
@@ -51204,9 +51204,9 @@
       "requires": {}
     },
     "@enact/dev-utils": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@enact/dev-utils/-/dev-utils-6.1.0.tgz",
-      "integrity": "sha512-uA5qZpPTgNAkt+2bIN8ncGe/k4XkLMI1CAlW11NecUrRI1nXwefBPp0QPv4VZGyYAbZlrTFEShYrVFQIwTwa/A==",
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/@enact/dev-utils/-/dev-utils-6.1.1.tgz",
+      "integrity": "sha512-ShwbCyXo9keYmquCmtXXZrSh537odNRshXaEZsdToK3UzzcHavZV/KYGd80Q4P/ekxjYWysuSappRygBSS2O3w==",
       "requires": {
         "browserslist": "^4.22.2",
         "chalk": "^5.3.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enact/cli",
-  "version": "6.1.2",
+  "version": "6.1.4",
   "description": "Full-featured build environment tool for Enact applications.",
   "main": "index.js",
   "author": "Jason Robitaille <jason.robitaille@lge.com>",
@@ -44,7 +44,7 @@
   ],
   "dependencies": {
     "@babel/plugin-transform-modules-commonjs": "^7.23.3",
-    "@enact/dev-utils": "^6.1.0",
+    "@enact/dev-utils": "^6.1.1",
     "@enact/template-sandstone": "^2.8.0",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.11",
     "@testing-library/jest-dom": "^6.2.0",