@rws-framework/client 2.23.2 → 2.23.3

package/builder/webpack/rws.webpack.config.js

@@ -50,6 +50,14 @@ const RWSWebpackWrapper = async (appRoot, rwsFrontendConfig,  _packageDir) => {
     loaderIgnoreExceptions,
     extraNodeModules
   } = await getBuildConfig(rwsFrontendConfig, _packageDir);
+ 
+  console.verboseLog = console.log;
+
+  console.log = (...x) => {
+    if(process.argv.find(a => a.includes('--verbose'))){
+        console.verboseLog(...x);
+    }
+  }
 
   timeLog({ devDebug });
 
@@ -84,12 +92,12 @@ const RWSWebpackWrapper = async (appRoot, rwsFrontendConfig,  _packageDir) => {
 
    // #SECTION RWS COMPONENT SCAN && PARTED PROCESSING
   const RWSComponents = scanComponents(await partedComponentsEvents(partedComponentsLocations, rwsPlugins, isParted), executionDir, _packageDir);
-  console.log(`${chalk.cyanBright('RWS Scanned')} ${chalk.yellowBright(RWSComponents.length)} components`);
+  console.verboseLog(`${chalk.cyanBright('RWS Scanned')} ${chalk.yellowBright(RWSComponents.length)} components`);
   const { automatedChunks, automatedEntries } = setComponentsChunks(rwsFrontendConfig.entrypoint, RWSComponents, isParted);
 
   // #SECTION RWS INFO FILE
   generateRWSInfoFile(outputDir, automatedEntries);
-  console.log(chalk.greenBright(`RWSInfo file generated.`));
+  console.verboseLog(chalk.greenBright(`RWSInfo file generated.`));
 
 
   if (!isDev) {
@@ -144,17 +152,28 @@ const RWSWebpackWrapper = async (appRoot, rwsFrontendConfig,  _packageDir) => {
     loaderIgnoreExceptions
 });  
 
+  let optimization = {
+    // splitChunks: {
+    //   chunks: 'all'
+    // }
+  }
 
   if (optimConfig) {
-    // setup production config if it got created above
-    cfgExport.optimization = optimConfig;
+    optimization = {...optimization, ...optimConfig}
   }
 
+  cfgExport.optimization = optimization;
+
+
   // #SECTION RWS PLUGINS onBuild EVENTS FIRE
   for (const pluginKey of Object.keys(rwsPlugins)) {
     const plugin = rwsPlugins[pluginKey];
     await plugin.onBuild(cfgExport);
-  }
+  }  
+  
+  console.log('Aliases:', cfgExport.resolve.alias)
+
+  console.log('Optim:', optimization)
 
   return cfgExport;
 }

package/cfg/build_steps/webpack/_info.js

@@ -5,7 +5,7 @@ const util = require('util');
 
 module.exports = {
     start: (executionDir, tsConfig, outputDir, isDev, publicDir, isParted, partedPrefix, partedDirUrlPrefix, devTools, rwsPlugins) => {        
-        console.log(chalk.green('RWS Frontend build started with:'), {
+        console.verboseLog(chalk.green('RWS Frontend build started with:'), {
         executionDir,        
         outputDir,
         dev: isDev,

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@rws-framework/client",
     "private": false,
-    "version": "2.23.2",
+    "version": "2.23.3",
     "main": "src/index.ts",
     "scripts": {
         "docs": "typedoc --tsconfig ./tsconfig.json"

package/src/components/_component.ts

@@ -93,7 +93,7 @@ abstract class RWSViewComponent extends FoundationElement implements IRWSViewCom
 
         this.applyFileList();
 
-        if (RWSViewComponent.FORCE_INJECT_STYLES) {
+        if (RWSViewComponent.FORCE_INJECT_STYLES && RWSViewComponent.FORCE_INJECT_STYLES.length > 0) {
             this.injectStyles(RWSViewComponent.FORCE_INJECT_STYLES, RWSViewComponent.FORCE_INJECT_MODE);
         }
 

package/src/components/_css_injection.ts

@@ -50,7 +50,12 @@ export class CSSInjectionManager {
             throw new Error('Component must have a shadow root for CSS injection');
         }
 
-        // Add initial transition styles to host element
+        // Only proceed if there are actually styles to inject
+        if (!styleLinks || styleLinks.length === 0) {
+            return;
+        }
+
+        // Add initial transition styles to host element only when injecting styles
         const transitionSheet = new CSSStyleSheet();
         await transitionSheet.replace(`
             :host {