@rws-framework/client 2.23.1 → 2.23.3

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

@@ -47,8 +47,17 @@ const RWSWebpackWrapper = async (appRoot, rwsFrontendConfig,  _packageDir) => {
     BuildConfigurator,
     hotReload,
     hotReloadPort,
-    loaderIgnoreExceptions
+    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 });
 
@@ -66,7 +75,8 @@ const RWSWebpackWrapper = async (appRoot, rwsFrontendConfig,  _packageDir) => {
   const WEBPACK_AFTER_ACTIONS = rwsFrontendConfig.actions || [];
   const WEBPACK_AFTER_ERROR_ACTIONS = rwsFrontendConfig.error_actions || [];
 
-  const modules_setup = [path.join(_packageDir, 'node_modules'), path.join(executionDir, 'node_modules'), path.join(tools.findRootWorkspacePath(appRoot), 'node_modules')];
+  const modules_setup = [path.join(_packageDir, 'node_modules'), path.join(executionDir, 'node_modules'), path.join(tools.findRootWorkspacePath(appRoot), 'node_modules'), ...(extraNodeModules || [])];
+
   let optimConfig = null;
   let aliases = rwsFrontendConfig.aliases || {};
   aliases = { ...aliases, ...(await loadAliases(_packageDir, tsConfig,path.resolve(_MAIN_PACKAGE, 'node_modules'), executionDir))}  
@@ -82,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) {
@@ -142,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/_build_config.js

@@ -40,6 +40,7 @@ async function getBuildConfig(rwsFrontBuildConfig, _packageDir){
     devDebug = {..._DEFAULT_DEV_DEBUG, ...devDebug}
 
     const devRouteProxy = BuildConfigurator.get('devRouteProxy') || rwsFrontBuildConfig.devRouteProxy;
+    const extraNodeModules = BuildConfigurator.get('extraNodeModules') || rwsFrontBuildConfig.extraNodeModules;
 
     const tsConfig = await (BuildConfigurator.get('tsConfig') || rwsFrontBuildConfig.tsConfig)(_packageDir, true);
 
@@ -78,7 +79,8 @@ async function getBuildConfig(rwsFrontBuildConfig, _packageDir){
         BuildConfigurator,
         hotReload,
         hotReloadPort,
-        loaderIgnoreExceptions
+        loaderIgnoreExceptions,
+        extraNodeModules
     }
 }
 

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.1",
+    "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 {