@rws-framework/client 2.18.16 → 2.18.17

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

@@ -45,7 +45,8 @@ const RWSWebpackWrapper = async (appRoot, rwsFrontendConfig,  _packageDir) => {
     rwsPlugins,
     BuildConfigurator,
     hotReload,
-    hotReloadPort
+    hotReloadPort,
+    loaderIgnoreExceptions
   } = await getBuildConfig(rwsFrontendConfig, _packageDir);
 
   timeLog({ devDebug });
@@ -57,6 +58,7 @@ const RWSWebpackWrapper = async (appRoot, rwsFrontendConfig,  _packageDir) => {
   rwsPath.removeDirectory(outputDir, true);
   buildInfo.start(executionDir, tsConfig, outputDir, isDev, publicDir, isParted, partedPrefix, partedDirUrlPrefix, devTools, rwsFrontendConfig.rwsPlugins);
 
+
   // #SECTION INIT PLUGINS && ENV VARS DEFINES
   addStartPlugins(rwsFrontendConfig, BuildConfigurator, devDebug, hotReload, isReport);
 
@@ -133,9 +135,11 @@ const RWSWebpackWrapper = async (appRoot, rwsFrontendConfig,  _packageDir) => {
     appRootDir: appRoot,
     entrypoint: rwsFrontendConfig.entrypoint,
     hotReload,
-    hotReloadPort
+    hotReloadPort,
+    loaderIgnoreExceptions
 });  
 
+
   if (optimConfig) {
     // setup production config if it got created above
     cfgExport.optimization = optimConfig;

package/cfg/build_steps/webpack/_aliases.js

@@ -14,7 +14,7 @@ async function loadAliases(packageDir, tsConfig, nodeModulesPath, executionDir){
         const alias = tsConfig.config.compilerOptions.paths[aliasKey];
         tsPaths[aliasKey] = path.resolve(executionDir, alias[0]);
     }
-
+    
     for(const pkgName of packageNames){
         const symlinkPath = path.join(nodeModulesPath, '@rws-framework', pkgName);
 

package/cfg/build_steps/webpack/_build_config.js

@@ -43,6 +43,8 @@ async function getBuildConfig(rwsFrontBuildConfig, _packageDir){
 
     const rwsPlugins = {};
 
+    const loaderIgnoreExceptions = await (BuildConfigurator.get('loaderIgnoreExceptions') || rwsFrontBuildConfig.loaderIgnoreExceptions)
+
     if(rwsFrontBuildConfig.rwsPlugins){
         for(const pluginEntry of rwsFrontBuildConfig.rwsPlugins){
           const pluginBuilder = (await import(`${pluginEntry}/build.js`)).default;      
@@ -72,7 +74,8 @@ async function getBuildConfig(rwsFrontBuildConfig, _packageDir){
         rwsPlugins,        
         BuildConfigurator,
         hotReload,
-        hotReloadPort
+        hotReloadPort,
+        loaderIgnoreExceptions
     }
 }
 

package/cfg/build_steps/webpack/_env_defines.js

@@ -9,7 +9,6 @@ function processEnvDefines(BuildConfigurator, config, devDebug) {
     }
 
     const rwsDefines = BuildConfigurator.get('env') || config.env || null;
-
     if (rwsDefines) {
         const stringifiedDefines = Object.entries(rwsDefines).reduce((acc, [key, value]) => ({
             ...acc,

package/cfg/build_steps/webpack/_loaders.js

@@ -5,19 +5,29 @@ const os = require('os');
 const { parseWebpackPath } = require('./_parser');
 
 const RWSCssPlugin = require("../../../builder/webpack/rws_scss_plugin");
-
 const chalk = require('chalk');
 const { timingCounterStart, timingCounterStop } = require('./_timing');
 const { rwsRuntimeHelper, rwsPath } = require('@rws-framework/console');
 
-function getRWSLoaders(packageDir, executionDir, tsConfigData, appRootDir, entrypoint) {
+function getRWSLoaders(packageDir, executionDir, tsConfigData, appRootDir, entrypoint, loaderIgnoreExceptions) {
   const scssLoader = path.join(packageDir, 'builder/webpack/loaders/rws_fast_scss_loader.js');
   const tsLoader = path.join(packageDir, 'builder/webpack/loaders/rws_fast_ts_loader.js');
   const htmlLoader = path.join(packageDir, 'builder/webpack/loaders/rws_fast_html_loader.js');
 
   const tsConfigPath = tsConfigData.path;
 
-  const loaders = [
+  const allowedModules = ['@rws-framework\\/[A-Z0-9a-z]'];
+  // console.log('XXX', config);
+
+  if(loaderIgnoreExceptions){
+    for(const ignoreException of loaderIgnoreExceptions){
+      allowedModules.push(ignoreException);
+    }
+  }
+
+  const modulePattern = `node_modules\\/(?!(${allowedModules.join('|')}))`;
+
+  const loaders = [    
     {
       test: /\.json$/,
       type: 'javascript/auto',
@@ -35,7 +45,7 @@ function getRWSLoaders(packageDir, executionDir, tsConfigData, appRootDir, entry
     },
     {
       test: /\.(ts)$/,
-      use: [
+      use: [        
         {
           loader: 'ts-loader',
           options: {
@@ -45,11 +55,14 @@ function getRWSLoaders(packageDir, executionDir, tsConfigData, appRootDir, entry
                 experimentalDecorators: true,
                 target: "ES2018",
                 module: "commonjs"
-            },            
-            transpileOnly: false, 
+            },                        
+            allowTsInNodeModules: true,
+            reportFiles: true,
             logLevel: "info",
             logInfoToStdOut: true,
             context: executionDir,
+            transpileOnly: true, 
+            experimentalWatchApi: true,            
             errorFormatter: (message, colors) => {
               console.log({message});
               const messageText = typeof message === 'object' ? JSON.stringify(message, null, 2) : message;
@@ -71,6 +84,7 @@ function getRWSLoaders(packageDir, executionDir, tsConfigData, appRootDir, entry
       ],
       exclude: [
         ...tsConfigData.excludes.map(item => item.abs()),
+        new RegExp(modulePattern),
         path.resolve(packageDir, 'builder'),            
         /\.debug\.ts$/,
         /\.d\.ts$/        

package/cfg/build_steps/webpack/_plugins.js

@@ -3,6 +3,7 @@ const HtmlWebpackPlugin = require('html-webpack-plugin');
 const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
 const { processEnvDefines } = require('./_env_defines');
 const path = require('path');
+const fs = require('fs');
 
 const RWS_WEBPACK_PLUGINS_BAG = {
     _plugins: [],
@@ -48,19 +49,46 @@ function getDefinesPlugins(BuildConfigurator, rwsFrontendConfig, devDebug) {
     ]
 }
 
-function getBuilderDevPlugins(BuildConfigurator, rwsFrontendConfig, devDebug) {    
-    if(!devDebug?.profiling){
-        return [];
-    }
+function getBuilderDevPlugins(BuildConfigurator, rwsFrontendConfig, devDebug) {        
+    const plugins = [];
+    
 
-    const profiling =  new webpack.debug.ProfilingPlugin({
-        outputPath: path.join(BuildConfigurator.get('outputDir') || rwsFrontendConfig.outputDir, '.profiling/profileEvents.json'),
-    });
+    if(devDebug?.profiling){
+        const profiling = new webpack.debug.ProfilingPlugin({
+            outputPath: path.resolve(BuildConfigurator.get('executionDir'), BuildConfigurator.get('outputDir') || rwsFrontendConfig.outputDir, '.profiling/profileEvents.json'),
+        });
+        plugins.push(profiling);
+
+        class FileListPlugin {
+            apply(compiler) {
+              compiler.hooks.done.tap('FileListPlugin', (stats) => {
+                const files = [];
+                stats.compilation.modules.forEach(module => {
+                  if (module.resource) {
+                    files.push(module.resource);
+                  }
+                });
+          
+                const output = `// Generated on ${new Date().toISOString()}\n` +
+                               `// Total files processed: ${files.length}\n\n` +
+                               `module.exports = ${JSON.stringify(files, null, 2)};\n`;
+          
+                const reportPath = path.join(BuildConfigurator.get('executionDir'), 'processed-files.js');
+    
+                fs.writeFileSync(
+                  reportPath, 
+                  output
+                );
+          
+                console.log(`\n[FileListPlugin] Saved ${files.length} processed files to ${reportPath}`);
+              });
+            }
+        }
 
+        plugins.push(new FileListPlugin());
+    }
     
-    return [
-        profiling
-    ]
+    return plugins;
 }
 
 function getBuilderOptimPlugins(BuildConfigurator, rwsFrontendConfig) {

package/cfg/build_steps/webpack/_webpack_config.js

@@ -23,7 +23,8 @@ async function createWebpackConfig({
     appRootDir,
     entrypoint,
     hotReload,
-    hotReloadPort
+    hotReloadPort,
+    loaderIgnoreExceptions
 }) { 
 
     if(hotReload){
@@ -57,7 +58,7 @@ async function createWebpackConfig({
         },
         devServer: hotReload ? getRWSHotReloadSetup(hotReloadPort, outputDir) : false,
         module: {
-            rules: getRWSLoaders(_packageDir, executionDir, tsConfig, appRootDir, entrypoint),
+            rules: getRWSLoaders(_packageDir, executionDir, tsConfig, appRootDir, entrypoint, loaderIgnoreExceptions),
         },
         plugins: WEBPACK_PLUGINS,
         // externals: rwsExternals(_packageDir, executionDir, modules_setup, automatedChunks, {

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@rws-framework/client",
     "private": false,
-    "version": "2.18.16",
+    "version": "2.18.17",
     "main": "src/index.ts",
     "scripts": {
         "docs": "typedoc --tsconfig ./tsconfig.json"
@@ -78,6 +78,7 @@
         "stacktrace-gps": "^3.1.2",
         "style-loader": "^3.3.3",
         "terser-webpack-plugin": "^5.3.9",
+        "thread-loader": "^4.0.4",
         "ts-loader": "^9.4.4",
         "ts-node": "^10.9.1",
         "ts-transformer-keys": "^0.4.4",