@rws-framework/client 2.5.4 → 2.5.5

package/_tools.js

@@ -7,8 +7,8 @@ const md5 = require('md5');
 const chalk = require('chalk');
 const { rwsPath } = require('@rws-framework/console');
 
-function findRootWorkspacePath(currentPath) {        
-  const parentPackageJsonPath = path.join(currentPath + '/..', 'package.json');        
+function findRootWorkspacePath(currentPath) {
+  const parentPackageJsonPath = path.join(currentPath + '/..', 'package.json');
   const parentPackageDir = path.dirname(parentPackageJsonPath);
 
   if (fs.existsSync(parentPackageJsonPath)) {
@@ -22,22 +22,21 @@ function findRootWorkspacePath(currentPath) {
   return currentPath;
 }
 
-function findPackageDir()
-{
+function findPackageDir() {
   return path.resolve(path.dirname(module.id));
 }
 
-function getActiveWorkSpaces(currentPath, mode = 'all') { 
-  if(!currentPath){
+function getActiveWorkSpaces(currentPath, mode = 'all') {
+  if (!currentPath) {
     throw new Error(`[_tools.js:getActiveWorkSpaces] "currentPath" argument is required.`);
   }
 
-  if(!(['all', 'frontend', 'backend'].includes(mode))){
+  if (!(['all', 'frontend', 'backend'].includes(mode))) {
     throw new Error(`[_tools.js:getActiveWorkSpaces] "mode" argument can be only: "frontend", "backend" or "all".`);
   }
 
   const rootPkgDir = findRootWorkspacePath(currentPath)
-  const parentPackageJsonPath = path.join(rootPkgDir, 'package.json');        
+  const parentPackageJsonPath = path.join(rootPkgDir, 'package.json');
   const parentPackageDir = path.dirname(parentPackageJsonPath);
 
   if (fs.existsSync(parentPackageJsonPath)) {
@@ -45,19 +44,19 @@ function getActiveWorkSpaces(currentPath, mode = 'all') {
 
     if (packageJson.workspaces) {
       return packageJson.workspaces.map((workspaceName) => path.join(rootPkgDir, workspaceName)).filter((workspaceDir) => {
-        if(mode === 'all'){
+        if (mode === 'all') {
           return true;
         }
 
         let rwsPkgName = '@rws-framework/server';
 
-        if(mode === 'frontend'){
+        if (mode === 'frontend') {
           rwsPkgName = '@rws-framework/client';
         }
 
         let hasDesiredPackage = false;
 
-        const workspaceWebpackFilePath = path.join(workspaceDir, 'package.json');        
+        const workspaceWebpackFilePath = path.join(workspaceDir, 'package.json');
         const workspacePackageJson = JSON.parse(fs.readFileSync(workspaceWebpackFilePath, 'utf-8'));
 
         if (workspacePackageJson.dependencies && (!!workspacePackageJson.dependencies[rwsPkgName])) {
@@ -72,16 +71,16 @@ function getActiveWorkSpaces(currentPath, mode = 'all') {
   return [currentPath];
 }
 
-async function runCommand(command, cwd = null, silent = false, extraArgs = { env: {}}) {
+async function runCommand(command, cwd = null, silent = false, extraArgs = { env: {} }) {
   return new Promise((resolve, reject) => {
     const [cmd, ...args] = command.split(' ');
-    
-    if(!cwd){
+
+    if (!cwd) {
       console.log(`[RWS] Setting default CWD for "${command}"`);
       cwd = process.cwd();
     }
 
-    
+
     const env = { ...process.env, ...extraArgs.env };
 
     console.log(`[RWS] Running command "${command}" from "${cwd}"`);
@@ -101,7 +100,7 @@ async function runCommand(command, cwd = null, silent = false, extraArgs = { env
   });
 }
 
-function findSuperclassFilePath(entryFile){
+function findSuperclassFilePath(entryFile) {
   const program = ts.createProgram([entryFile], {
     target: ts.ScriptTarget.ES5,
     module: ts.ModuleKind.CommonJS
@@ -136,7 +135,7 @@ function findSuperclassFilePath(entryFile){
   return null; // Return null if no superclass or file path is found
 }
 
-function findServiceFilesWithClassExtend(dir, classPath){
+function findServiceFilesWithClassExtend(dir, classPath) {
   const files = fs.readdirSync(dir);
   let results = []
 
@@ -144,11 +143,11 @@ function findServiceFilesWithClassExtend(dir, classPath){
     const filePath = path.join(dir, file);
     const fileStat = fs.statSync(filePath);
 
-    if (fileStat.isDirectory()) {  
+    if (fileStat.isDirectory()) {
       results = [...results, ...findServiceFilesWithClassExtend(filePath, classPath)];
-    } else if (fileStat.isFile() && filePath.endsWith('.ts')) {  
-      const foundPath = findSuperclassFilePath(filePath);          
-      if(foundPath === classPath){
+    } else if (fileStat.isFile() && filePath.endsWith('.ts')) {
+      const foundPath = findSuperclassFilePath(filePath);
+      if (foundPath === classPath) {
         results = [...results, filePath];
       }
     };
@@ -157,7 +156,7 @@ function findServiceFilesWithClassExtend(dir, classPath){
   return results;
 }
 
-function findComponentFilesWithText(dir, text, ignored = [], fileList = []){
+function findComponentFilesWithText(dir, text, ignored = [], fileList = []) {
   const files = fs.readdirSync(dir);
 
   files.forEach(file => {
@@ -167,15 +166,15 @@ function findComponentFilesWithText(dir, text, ignored = [], fileList = []){
     if (fileStat.isDirectory() && !ignored.includes(file)) {
       // Recursively search this directory
       findComponentFilesWithText(filePath, text, ignored, fileList);
-    } else if (fileStat.isFile() && filePath.endsWith('.ts')) {    
+    } else if (fileStat.isFile() && filePath.endsWith('.ts')) {
       // Read file content and check for text
       const content = fs.readFileSync(filePath, 'utf8');
-      if (content.includes(text)) {                
+      if (content.includes(text)) {
         const compInfo = extractComponentInfo(content);
-        if(compInfo){
-          const {tagName, className, options, isIgnored} = compInfo;
+        if (compInfo) {
+          const { tagName, className, options, isIgnored } = compInfo;
 
-          if(isIgnored){
+          if (isIgnored) {
             return;
           }
 
@@ -198,88 +197,88 @@ function findComponentFilesWithText(dir, text, ignored = [], fileList = []){
   return fileList;
 }
 
-function extractRWSViewArguments(sourceFile){
+function extractRWSViewArguments(sourceFile) {
   let argumentsExtracted = {
-      className: null,
-      tagName: null,
-      options: null        
+    className: null,
+    tagName: null,
+    options: null
   };
 
   let foundDecorator = false;
- 
+
   function visit(node) {
-      if (ts.isDecorator(node) && ts.isCallExpression(node.expression)) {
-          const expression = node.expression;
-          const decoratorName = expression.expression.getText(sourceFile);
-          if (decoratorName === 'RWSView') {
-              foundDecorator = true;
-              const args = expression.arguments;
-              if (args.length > 0 && ts.isStringLiteral(args[0])) {
-                argumentsExtracted.tagName = args[0].text;                    
-              }
-              if (args.length > 1) {                  
-                  if (ts.isObjectLiteralExpression(args[1])) {
-                    const argVal = args[1].getText(sourceFile);                    
-                    argumentsExtracted.options = JSON5.parse(argVal);
-                  }
-              } 
-              
-              if (node.parent && ts.isClassDeclaration(node.parent)) {
-                const classNode = node.parent;
-                if (classNode.name) { // ClassDeclaration.name is optional as classes can be unnamed/anonymous
-                  argumentsExtracted.className = classNode.name.getText(sourceFile);
-                }
-              }
+    if (ts.isDecorator(node) && ts.isCallExpression(node.expression)) {
+      const expression = node.expression;
+      const decoratorName = expression.expression.getText(sourceFile);
+      if (decoratorName === 'RWSView') {
+        foundDecorator = true;
+        const args = expression.arguments;
+        if (args.length > 0 && ts.isStringLiteral(args[0])) {
+          argumentsExtracted.tagName = args[0].text;
+        }
+        if (args.length > 1) {
+          if (ts.isObjectLiteralExpression(args[1])) {
+            const argVal = args[1].getText(sourceFile);
+            argumentsExtracted.options = JSON5.parse(argVal);
           }
+        }
+
+        if (node.parent && ts.isClassDeclaration(node.parent)) {
+          const classNode = node.parent;
+          if (classNode.name) { // ClassDeclaration.name is optional as classes can be unnamed/anonymous
+            argumentsExtracted.className = classNode.name.getText(sourceFile);
+          }
+        }
       }
+    }
 
-      ts.forEachChild(node, visit);
+    ts.forEachChild(node, visit);
   }
 
   visit(sourceFile);
 
-  if(!foundDecorator){
+  if (!foundDecorator) {
     return null;
   }
 
   return argumentsExtracted;
 }
 
-function extractRWSIgnoreArguments(sourceFile){
+function extractRWSIgnoreArguments(sourceFile) {
   let argumentsExtracted = {
-      params: null,     
+    params: null,
   };
   let foundDecorator = false;
   let ignored = false;
- 
+
   function visit(node) {
-      if (ts.isDecorator(node) && ts.isCallExpression(node.expression)) {
-          const expression = node.expression;
-          const decoratorName = expression.expression.getText(sourceFile);
-          if (decoratorName === 'RWSView') {
-            foundDecorator = true;
-              const args = expression.arguments;
-         
-              if (args.length) {
-                  // Assuming the second argument is an object literal
-                  if (ts.isObjectLiteralExpression(args[0])) {
-                      const argVal = args[0].getText(sourceFile);                        
-                      argumentsExtracted.options = argVal;                      
-
-                      if(argVal.ignorePackaging === true){
-                        ignored = true;
-                      }
-                  }
-              }                
+    if (ts.isDecorator(node) && ts.isCallExpression(node.expression)) {
+      const expression = node.expression;
+      const decoratorName = expression.expression.getText(sourceFile);
+      if (decoratorName === 'RWSView') {
+        foundDecorator = true;
+        const args = expression.arguments;
+
+        if (args.length) {
+          // Assuming the second argument is an object literal
+          if (ts.isObjectLiteralExpression(args[0])) {
+            const argVal = args[0].getText(sourceFile);
+            argumentsExtracted.options = argVal;
+
+            if (argVal.ignorePackaging === true) {
+              ignored = true;
+            }
           }
+        }
       }
+    }
 
-      ts.forEachChild(node, visit);
+    ts.forEachChild(node, visit);
   }
 
   visit(sourceFile);
 
-  if(!foundDecorator){
+  if (!foundDecorator) {
     return true;
   }
 
@@ -288,8 +287,8 @@ function extractRWSIgnoreArguments(sourceFile){
 
 function extractComponentInfo(componentCode) {
   const componentNameRegex = /\@RWSView/g;
-  
-  if(!componentNameRegex.test(componentCode)){
+
+  if (!componentNameRegex.test(componentCode)) {
     return;
   }
 
@@ -297,92 +296,89 @@ function extractComponentInfo(componentCode) {
 
   let decoratorArgs = extractRWSViewArguments(tsSourceFile);
 
-  if(!decoratorArgs){
+  if (!decoratorArgs) {
     decoratorArgs = {};
   }
 
-  decoratorOpts = decoratorArgs.options;  
+  decoratorOpts = decoratorArgs.options;
 
-  return {...decoratorArgs, options: decoratorOpts };
+  return { ...decoratorArgs, options: decoratorOpts };
 }
 
 function getAllFilesInFolder(folderPath, ignoreFilenames = [], recursive = false) {
   const files = [];
   function traverseDirectory(currentPath) {
-      const entries = fs.readdirSync(currentPath, { withFileTypes: true });
-      entries.forEach(entry => {
-          const entryPath = path.join(currentPath, entry.name);
-          if (entry.isFile()) {
-              let pass = true;
-              ignoreFilenames.forEach((regEx) => {
-                  if (regEx.test(entryPath)) {
-                      pass = false;
-                  }
-              });
-              if (pass) {
-                  files.push(entryPath);
-              }
+    const entries = fs.readdirSync(currentPath, { withFileTypes: true });
+    entries.forEach(entry => {
+      const entryPath = path.join(currentPath, entry.name);
+      if (entry.isFile()) {
+        let pass = true;
+        ignoreFilenames.forEach((regEx) => {
+          if (regEx.test(entryPath)) {
+            pass = false;
           }
-          else if (entry.isDirectory() && recursive) {
-              traverseDirectory(entryPath);
-          }
-      });
+        });
+        if (pass) {
+          files.push(entryPath);
+        }
+      }
+      else if (entry.isDirectory() && recursive) {
+        traverseDirectory(entryPath);
+      }
+    });
   }
   traverseDirectory(folderPath);
   return files;
 }
 
-function setupTsConfig(tsConfigPath, executionDir)
-{
-  
-  if(!fs.existsSync(tsConfigPath)){
-    throw new Error(`Typescript config file "${tsConfigPath}" does not exist`);
-  }  
+function setupTsConfig(tsConfigPath, executionDir) {
 
-  console.log('tspath', tsConfigPath);
+  if (!fs.existsSync(tsConfigPath)) {
+    throw new Error(`Typescript config file "${tsConfigPath}" does not exist`);
+  }
 
-  const tsConfigContents = fs.readFileSync(tsConfigPath, 'utf-8');  
+  const tsConfigContents = fs.readFileSync(tsConfigPath, 'utf-8');
 
-  try{
-    let tsConfig = JSON.parse(tsConfigContents);  
+  try {
+    let tsConfig = JSON.parse(tsConfigContents);
 
     const declarationsPath = path.resolve(__dirname, 'types') + '/declarations.d.ts';
     const testsPath = path.resolve(__dirname, 'tests');
     const declarationsPathMD5 = md5(fs.readFileSync(declarationsPath, 'utf-8'));
-    const testsPathMD5 =  fs.existsSync(testsPath) ? md5(fs.readFileSync(testsPath, 'utf-8')) : null;
-  
+    const testsPathMD5 = fs.existsSync(testsPath) ? md5(fs.readFileSync(testsPath, 'utf-8')) : null;
+
     const includedMD5 = [];
 
-    let changed = false;  
+    let changed = false;
 
     const included = [];
-  
-    if(!Object.keys(tsConfig).includes('include')){
+
+    if (!Object.keys(tsConfig).includes('include')) {
       tsConfig['include'] = [];
-    }else{
+    } else {
       tsConfig['include'] = tsConfig['include'].map((inc) => fs.existsSync(rwsPath.relativize(tsConfig['include'], executionDir)))
     }
-  
-    if(!Object.keys(tsConfig).includes('exclude')){
+
+    if (!Object.keys(tsConfig).includes('exclude')) {
       tsConfig['exclude'] = [];
     }
-  
-    if(!included.includes(declarationsPath) && !includedMD5.includes(declarationsPathMD5)){
+
+    if (!included.includes(declarationsPath) && !includedMD5.includes(declarationsPathMD5)) {
       console.log(chalk.blueBright('[RWS TS CONFIG]'), 'adding RWS typescript declarations to project tsconfig.json');
       included.push(declarationsPath);
       includedMD5.push(md5(fs.readFileSync(declarationsPath, 'utf-8')));
       changed = true;
     }
-  
+
     tsConfig['include'] = included;
-  
-    if(testsPathMD5 && (!tsConfig['exclude'].includes(testsPath) && !included.includes(testsPathMD5))){
+
+    if (testsPathMD5 && (!tsConfig['exclude'].includes(testsPath) && !included.includes(testsPathMD5))) {
       console.log(chalk.blueBright('[RWS TS CONFIG]'), 'adding RWS typescript exclusions to project tsconfig.json');
-      tsConfig['exclude'].push(testsPath);      
+      tsConfig['exclude'].push(testsPath);
       changed = true;
     }
-  
-    if(changed){
+
+    if (changed) {
       fs.writeFileSync(tsConfigPath, JSON.stringify(tsConfig, null, 2));
       console.log(chalk.yellowBright('Typescript config file'), `"${chalk.blueBright(tsConfigPath)}"`, chalk.yellowBright('has been changed'));
     }
@@ -396,17 +392,35 @@ function setupTsConfig(tsConfigPath, executionDir)
   }
 }
 
+function getPartedModeVendorsBannerParams(partedDirUrlPrefix, partedPrefix) {
+  return {
+    banner: `if(!window.RWS_PARTS_LOADED){         
+            const script = document.createElement('script');
+            script.src = '${partedDirUrlPrefix}/${partedPrefix}.vendors.js';        
+            script.type = 'text/javascript';
+            document.body.appendChild(script);
+            window.RWS_PARTS_LOADED = true;
+            console.log('[RWS INIT SCRIPT]', 'vendors injected...');
+          }`.replace('\n', ''),
+    raw: true,
+    entryOnly: true,
+    include: `${partedPrefix}.client.js`
+  };
+}
+
+
 module.exports = {
-    findRootWorkspacePath,
-    findPackageDir,
-    getActiveWorkSpaces,
-    runCommand,
-    findComponentFilesWithText,
-    extractComponentInfo,
-    extractRWSViewArguments,
-    extractRWSIgnoreArguments,
-    findServiceFilesWithClassExtend,
-    findSuperclassFilePath,
-    getAllFilesInFolder,
-    setupTsConfig
+  findRootWorkspacePath,
+  findPackageDir,
+  getActiveWorkSpaces,
+  runCommand,
+  findComponentFilesWithText,
+  extractComponentInfo,
+  extractRWSViewArguments,
+  extractRWSIgnoreArguments,
+  findServiceFilesWithClassExtend,
+  findSuperclassFilePath,
+  getAllFilesInFolder,
+  setupTsConfig,
+  getPartedModeVendorsBannerParams
 }

package/cfg/_default.cfg.js

@@ -5,7 +5,7 @@ const _DEFAULT_CONFIG_VARS = {
     report: false,   
     publicDir: './public',
     publicIndex: 'index.html',      
-    outputFileName: 'client.rws.js',
+    outputFileName: 'rws.client.js',
     outputDir: './build',
     tsConfigPath: './tsconfig.json',
     //Frontend RWS client configs  

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rws-framework/client",
   "private": false,
-  "version": "2.5.4",
+  "version": "2.5.5",
   "main": "src/index.ts",
   "scripts": {
     "docs": "typedoc --tsconfig ./tsconfig.json"
@@ -28,7 +28,7 @@
   "dependencies": {
     "@microsoft/fast-element": "^1.12.0",
     "@microsoft/fast-foundation": "^2.46.2",
-    "@rws-framework/console": "^0.3.1",
+    "@rws-framework/console": "^0.3.2",
     "@types/moment": "^2.13.0",
     "dragula": "^3.7.3",
     "he": "^1.2.0",

package/rws.webpack.config.js

@@ -4,7 +4,7 @@ const webpack = require('webpack');
 const uglify = require('uglify-js')
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
-
+const chalk = require('chalk');
 const RWSAfterPlugin = require('./webpack/rws_after_plugin');
 const tools = require('./_tools');
 const { _DEFAULT_CONFIG } = require('./cfg/_default.cfg');
@@ -19,6 +19,7 @@ const json5 = require('json5');
 const { rwsPath } = require('@rws-framework/console');
 
 
+
 const RWSWebpackWrapper = (config) => {  
   const BuildConfigurator = new RWSConfigBuilder(RWSPath.findPackageDir(process.cwd()) + '/.rws.json', _DEFAULT_CONFIG);
 
@@ -26,17 +27,17 @@ const RWSWebpackWrapper = (config) => {
 
   const executionDir = RWSPath.relativize(BuildConfigurator.get('executionDir') || config.executionDir || process.cwd(), config.packageDir);
 
-  const isDev = BuildConfigurator.get('dev') || config.dev;
-  const isHotReload = BuildConfigurator.get('hot') || config.hot;
-  const isReport = BuildConfigurator.get('report') || config.report;
+  const isDev = BuildConfigurator.get('dev', config.dev);
+  const isHotReload = BuildConfigurator.get('hot', config.hot) ;
+  const isReport = BuildConfigurator.get('report', config.report);
+  const isParted = BuildConfigurator.get('parted', config.parted || false);
 
-  const isParted = BuildConfigurator.get('parted') || config.parted;
-  const partedPrefix = BuildConfigurator.get('partedPrefix') || config.partedPrefix;
-  const partedDirUrlPrefix = BuildConfigurator.get('partedDirUrlPrefix') || config.partedDirUrlPrefix;
+  const partedPrefix = BuildConfigurator.get('partedPrefix', config.partedPrefix);
+  const partedDirUrlPrefix = BuildConfigurator.get('partedDirUrlPrefix', config.partedDirUrlPrefix);
 
-  const partedComponentsLocations = BuildConfigurator.get('partedComponentsLocations') || config.partedComponentsLocations;
-  const customServiceLocations = BuildConfigurator.get('customServiceLocations') || config.customServiceLocations;
-  const outputDir = RWSPath.relativize(BuildConfigurator.get('outputDir') || config.outputDir, config.packageDir);
+  const partedComponentsLocations = BuildConfigurator.get('partedComponentsLocations', config.partedComponentsLocations);
+  const customServiceLocations = BuildConfigurator.get('customServiceLocations', config.customServiceLocations);
+  const outputDir = RWSPath.relativize(BuildConfigurator.get('outputDir', config.outputDir), config.packageDir);
 
   const outputFileName = BuildConfigurator.get('outputFileName') || config.outputFileName;
   const publicDir = BuildConfigurator.get('publicDir') || config.publicDir;
@@ -47,6 +48,24 @@ const RWSWebpackWrapper = (config) => {
   
   const tsConfigPath = rwsPath.relativize(BuildConfigurator.get('tsConfigPath') || config.tsConfigPath, executionDir);  
   
+
+  RWSPath.removeDirectory(outputDir, true);
+
+  console.log(chalk.green('Build started with'))
+  console.log({    
+    executionDir,
+    tsConfigPath,
+    outputDir,
+    dev: isDev,
+    publicDir,
+    parted: isParted,
+    partedPrefix,
+    partedDirUrlPrefix     
+  });
+  
+
+  //AFTER OPTION DEFINITIONS
+
   let WEBPACK_PLUGINS = [
     new webpack.DefinePlugin({
       'process.env._RWS_DEFAULTS': JSON.stringify(BuildConfigurator.exportDefaultConfig()),
@@ -55,21 +74,6 @@ const RWSWebpackWrapper = (config) => {
     new webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /en-gb/)
   ];
 
-  // if(isParted){
-  //   WEBPACK_PLUGINS.push(new webpack.BannerPlugin({
-  //     banner: `if(!window.RWS_PARTS_LOADED){         
-  //       const script = document.createElement('script');
-  //       script.src = '${partedDirUrlPrefix}/${partedPrefix}.vendors.js';        
-  //       script.type = 'text/javascript';
-  //       document.body.appendChild(script);
-  //       window.RWS_PARTS_LOADED = true;
-  //     }`.replace('\n', ''),
-  //     raw: true,
-  //     entryOnly: true,
-  //     // include: 'client'
-  //   }));
-  // }
-
   const WEBPACK_AFTER_ACTIONS = config.actions || [];
 
   const aliases = config.aliases = {};
@@ -117,7 +121,7 @@ const RWSWebpackWrapper = (config) => {
     WEBPACK_PLUGINS.push(new RWSAfterPlugin({ actions: WEBPACK_AFTER_ACTIONS }));
   }
 
-  const splitInfoJson = config.outputDir + '/rws_chunks_info.json'
+  const rwsInfoJson = outputDir + '/rws_info.json'
   const automatedEntries = {};
 
   const foundRWSUserClasses = tools.findComponentFilesWithText(executionDir, '@RWSView', ['dist', 'node_modules', '@rws-framework/client']);
@@ -139,18 +143,7 @@ const RWSWebpackWrapper = (config) => {
 
   const optimConfig = {
     minimize: true,
-    minimizer: isDev ? [
-      new TerserPlugin({
-        terserOptions: {
-          mangle: false, //@error breaks FAST view stuff if enabled for all assets             
-          output: {
-            comments: false
-          },
-        },
-        extractComments: false,
-        parallel: true,
-      })
-    ] : [
+    minimizer: [
       new TerserPlugin({
         terserOptions: {
           keep_classnames: true, // Prevent mangling of class names
@@ -171,6 +164,8 @@ const RWSWebpackWrapper = (config) => {
   };
 
   if (isParted) {
+    WEBPACK_PLUGINS.push(new webpack.BannerPlugin(tools.getPartedModeVendorsBannerParams(partedDirUrlPrefix, partedPrefix)));
+
     if (partedComponentsLocations) {
       partedComponentsLocations.forEach((componentDir) => {
         RWSComponents = [...RWSComponents, ...(tools.findComponentFilesWithText(path.resolve(componentDir), '@RWSView', ['dist', 'node_modules', '@rws-framework/client']))];
@@ -188,7 +183,8 @@ const RWSWebpackWrapper = (config) => {
       automatedEntries[fileInfo.sanitName] = fileInfo.filePath;
     });
 
-    fs.writeFileSync(splitInfoJson, JSON.stringify(Object.keys(automatedEntries), null, 2));
+    fs.writeFileSync(rwsInfoJson, JSON.stringify({ components: Object.keys(automatedEntries) }, null, 2));
+
     optimConfig.splitChunks = {
       cacheGroups: {
         vendor: {
@@ -215,10 +211,6 @@ const RWSWebpackWrapper = (config) => {
         }
       }
     };
-  } else {
-    if (fs.existsSync(splitInfoJson)) {
-      fs.unlinkSync(splitInfoJson);
-    }
   }
 
   const tsValidated = tools.setupTsConfig(tsConfigPath, executionDir);
@@ -226,7 +218,7 @@ const RWSWebpackWrapper = (config) => {
   if(!tsValidated){
     throw new Error('RWS Webpack build failed.');
   }
-  
+
   const cfgExport = {
     entry: {
       client: config.entry,

package/src/client.ts

@@ -32,7 +32,7 @@ interface IHotModule extends NodeModule {
     }
 }
 
-
+type RWSInfoType = { components: string[] };
 type RWSEventListener = (event: CustomEvent) => void;
 
 class RWSClient {
@@ -221,9 +221,9 @@ class RWSClient {
     async loadPartedComponents(): Promise<void> {
         this.assignClientToBrowser();
 
-        const componentParts: string[] = await this.apiService.get<string[]>(this.appConfig.get('partedDirUrlPrefix') + '/rws_chunks_info.json');        
+        const componentParts: RWSInfoType = await this.apiService.get<RWSInfoType>(this.appConfig.get('partedDirUrlPrefix') + '/rws_info.json');        
 
-        componentParts.forEach((componentName: string, key: number) => {
+        componentParts.components.forEach((componentName: string, key: number) => {
             const partUrl = `${this.appConfig.get('partedDirUrlPrefix')}/${this.appConfig.get('partedPrefix')}.${componentName}.js`;
 
             const script: HTMLScriptElement = document.createElement('script');
@@ -232,7 +232,7 @@ class RWSClient {
             script.type = 'text/javascript';
             document.body.appendChild(script);
 
-            console.log(`Appended ${componentParts[key]} component (${partUrl})`);
+            console.log(`Appended ${componentParts.components[key]} component (${partUrl})`);
         });        
     }   
     

package/src/services/ConfigService.ts

@@ -46,10 +46,9 @@ class ConfigService extends TheService {
             if(defaultVal && defaultVal[0] === '@'){
                 defaultVal = this.data[((defaultVal as string).slice(1)) as keyof IRWSConfig];
             }
-            
+
             return defaultVal;
-        }
-        
+        }        
 
         return this.data[key as keyof IRWSConfig];
     }