@zohodesk/client_build_tool 0.0.11-exp.15.2 → 0.0.11-exp.15.4

package/README.md

@@ -98,105 +98,3 @@ fixes :-
 
 - preload plc undefined url fixed 
 
-# Changelog and Release Notes
-
-- remove babel-plugin-module-resolver dependencies
-
-**Adjustments:-**
- - Public Folder configuration is separated for development and production
-
-**Bug Fix:-**
-- Fixed the issue where the build log was not visible when `stats (bundle integrity)` was enabled. The problem was resolved by adding an error check in the `bundleIntegrity plugin`.
-- Removed the babel-plugin-module-resolver dependency to resolve the alias resolution issue in the application.
-- Fixed the issue where a space in the variable name causes it to return an undefined value.
-- Fixed the URL path generation issue that occurred while using context in the development setup.
-
-
-
-# v0.0.11
-
-# v0.0.10 (12-05-2025)
-**Feature:-**
-- `alias` support for `build:es` and `build:lib`
-    - Add babel-plugin-module-resolver dependencies
-    - Modify getBabelPlugin to include module resolver with aliases
-
-**Bug Fix:-**
-- Enhance runBabelForTSFile to handle both .tsx and .ts file extensions
-- Update mockApiHandler to ensure mock function is called correctly
-
-**Change:-**
-- Refactor defaultConfigValues.js to include cli options for enableRTLSplit
-
-## v0.0.9 
-
-**Feature:-**
-- externals was added to  Prevent bundling of certain imported packages and retrieve these external dependencies at runtime.
-- to use externals, we use the following pattern in `app > externals` :
-
-For example
-```
-   externals: {
-    <key> : <value>
-   }
-```
-
-## v0.0.6 (4-09-2023)
-
-**Feature:-**
-- Generating bundle integrity report json file for the build assets only in production mode. To use this feature we need to add `stats > enable` or cli flags `enable_stats`.
-- Added Resource Cleanup plugin to cleanup resource retained by build tool. this plugin is controlled by efc flag resourcecleanup flag.
-- added support for using regex expression to get group of chunks chunkId via Resource Hint plugin prefetch/preload hook.
-  only will be activate when `resourceHints` => `allowPrefetchingMultipleChunks` as `true`
-- added support for glob pattern for custom chunks split logic.
-- added options to split chunks base config in the key `app` => `customChunksBaseConfig` as object
-
-**Change:-**
-- i18n name not generated issue fix.
-- public path not correctly set issue fix.
-- changing plugin hook stages in i18nRuntimePlugin and sourceMapPlugin
-## v0.0.5 (6-08-2023)
-
-**Changes:--**
-- Typo fix in i18nRuntimeDealerPlugin.js
-- fixing some bugs in resolvers.js file
-
-## v0.0.3 (1-08-2023)
-
-**Changes:--**
-- `devtool` default value changed from `hidden-cheap-source-map` to `source-map`
-- unwanted files deleted from build
-
-**Issue Fix:--**
-- The issue with the source map not being created in the build has been fixed."
-
-
-## v0.0.2 (28-04-2023)
-
-**Features:-**
-
-- `devModeContentHashAllowedTypes` support added for some project there will be a need for hash even though they run dev mode. for details [details](https://zgit.csez.zohocorpin.com/zohodesk/react-cli/-/blob/3.0.0/packages/client_build_tool/ConfigurationDocumentation.md#devModeContentHashAllowedTypes)
-- `devLikeHash` support for disable content hash for file names in production mode. for details [details](https://zgit.csez.zohocorpin.com/zohodesk/react-cli/-/blob/3.0.0/packages/client_build_tool/ConfigurationDocumentation.md#devLikeHash)
-- `disableReactDevWarning` disable react dev warning such as prop-type warnings will be removed in dev mode build or server. for details [details](https://zgit.csez.zohocorpin.com/zohodesk/react-cli/-/blob/3.0.0/packages/client_build_tool/ConfigurationDocumentation.md#disableReactDevWarning) can be enabled via `--disable_react_dev_warning` too.
-- `statsLogConfig` support to customize default webpack log after build finished. for details [details](https://zgit.csez.zohocorpin.com/zohodesk/react-cli/-/blob/3.0.0/packages/client_build_tool/ConfigurationDocumentation.md#statsLogConfig) can be enabled via `--disable_react_dev_warning` too.
-- `enableChunkHash` renamed as `enableFileNameHashing`
-
-- `pre_processor` command to run the preprocessor.js file.preProcessor runs in build, start, buildEs, buildLib commands bu default. and we have watch mode support as well with the option (`-w`)
-- `createSeparateSmap` flag `source_map_enable` renamed as `enable_smap`
-- `removeAttribute` option changes as `babelCustomizations.removeAttribute`
-- `removePropTypes` support for remove the prop types package in the output build.
-- `devConsoleExclude` support for remove the _console statements_ such as _console.log_, _console.warn_ in the output build.
-- `manifestJson` default value set as false.
-- `customAttributes` support for add attributes to html, link , script tag in the output build.
-
-
-## v0.0.1 (18-04-2023)
-
-First Release
-**Features:-**
-
-- 'start' command to run react app
-- 'build' command to create build for react app
-- 'build:lib' command to create lib for react library
-- 'build:es' command to create es for react library
-- 'templates' command to create es for react library

package/lib/shared/bundler/webpack/custom_plugins/I18nNumericIndexPlugin/I18nNumericIndexPlugin.js

@@ -15,6 +15,8 @@ var _propertiesUtils = require("../I18nSplitPlugin/utils/propertiesUtils");
 
 var _I18nGroupRuntimeModule = require("./I18nGroupRuntimeModule");
 
+var _i18nDataLoader = require("./utils/i18nDataLoader");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const {
@@ -27,7 +29,6 @@ class I18nNumericIndexPlugin {
     this.options = options;
     this.numericMap = {};
     this.customGroups = {};
-    this.nextNumericId = 1;
   }
 
   apply(compiler) {
@@ -99,6 +100,20 @@ class I18nNumericIndexPlugin {
 
     if (!jsResourcePath || !propertiesFolderPath) {
       return;
+    } // Load existing numeric map if available
+
+
+    if (numericMapPath) {
+      const mapData = (0, _i18nDataLoader.loadNumericMap)(numericMapPath, compilation);
+
+      if (mapData && mapData.sortedKeys) {
+        // Initialize numericMap from existing data
+        mapData.sortedKeys.forEach((key, id) => {
+          if (key) {
+            this.numericMap[key] = id;
+          }
+        });
+      }
     } // Read JSResources.properties
 
 
@@ -113,7 +128,15 @@ class I18nNumericIndexPlugin {
       folderPath: propertiesFolderPath,
       disableDefault: false,
       jsResourceI18nKeys: jsResourceKeys
-    });
+    }); // For en_US, use only JSResources (don't merge with ApplicationResources_en_US)
+
+    if (allI18nObject['en_US']) {
+      allI18nObject['en_US'] = jsResourceKeys;
+    } else {
+      // If en_US doesn't exist in the folder, create it from JSResources
+      allI18nObject['en_US'] = jsResourceKeys;
+    }
+
     const locales = Object.keys(allI18nObject); // Process each locale
 
     locales.forEach(locale => {
@@ -127,21 +150,21 @@ class I18nNumericIndexPlugin {
       }); // Process each key
 
       Object.keys(localeData).forEach(key => {
-        const value = localeData[key]; // Check if key belongs to a custom group
+        const value = localeData[key]; // Simple logic: if has numeric ID use it, otherwise it's dynamic
 
-        const belongsToGroup = this.getKeyGroup(key);
+        if (this.numericMap[key]) {
+          const numericKey = String(this.numericMap[key]); // Check if belongs to a custom group
 
-        if (belongsToGroup) {
-          // Add to custom group
-          const numericKey = this.getNumericKey(key);
-          groupData[belongsToGroup][numericKey] = value;
-        } else if (this.isDynamicKey(value)) {
-          // Add to dynamic chunk (keep string keys for dynamic)
-          dynamicData[key] = value;
+          const belongsToGroup = this.getKeyGroup(key);
+
+          if (belongsToGroup) {
+            groupData[belongsToGroup][numericKey] = value;
+          } else {
+            numericData[numericKey] = value;
+          }
         } else {
-          // Add to numeric chunk
-          const numericKey = this.getNumericKey(key);
-          numericData[numericKey] = value;
+          // No numeric ID = dynamic key (regardless of placeholders)
+          dynamicData[key] = value;
         }
       }); // Emit numeric chunk
 
@@ -156,11 +179,7 @@ class I18nNumericIndexPlugin {
           this.emitChunk(compilation, groupConfig.filenameTemplate || `i18n-chunk/[locale]/${groupName}.i18n.js`, locale, data, jsonpFunc, groupName);
         }
       });
-    }); // Save numeric map
-
-    if (numericMapPath) {
-      this.saveNumericMap(numericMapPath);
-    }
+    }); // Don't save numeric map - it should only be generated by the external script
   }
 
   parseCustomGroups(jsResourcePath, customGroups) {
@@ -207,11 +226,8 @@ class I18nNumericIndexPlugin {
   }
 
   getNumericKey(key) {
-    if (!this.numericMap[key]) {
-      this.numericMap[key] = this.nextNumericId++;
-    }
-
-    return String(this.numericMap[key]);
+    // Return numeric ID if it exists, null otherwise
+    return this.numericMap[key] ? String(this.numericMap[key]) : null;
   }
 
   emitChunk(compilation, filenameTemplate, locale, data, jsonpFunc, groupName = null) {
@@ -221,7 +237,8 @@ class I18nNumericIndexPlugin {
   }
 
   generateChunkContent(data, jsonpFunc, groupName) {
-    const jsonString = JSON.stringify(data);
+    // Decode Unicode escapes to convert \uXXXX to actual characters
+    const jsonString = (0, _propertiesUtils.decodeUnicodeEscapes)(JSON.stringify(data));
 
     if (groupName) {
       // Include group name for lazy loading identification
@@ -231,18 +248,6 @@ class I18nNumericIndexPlugin {
     return `${jsonpFunc}(${jsonString});`;
   }
 
-  saveNumericMap(mapPath) {
-    const dir = _path.default.dirname(mapPath);
-
-    if (!_fs.default.existsSync(dir)) {
-      _fs.default.mkdirSync(dir, {
-        recursive: true
-      });
-    }
-
-    _fs.default.writeFileSync(mapPath, JSON.stringify(this.numericMap, null, 2));
-  }
-
 }
 
 exports.default = I18nNumericIndexPlugin;

package/lib/shared/bundler/webpack/custom_plugins/I18nNumericIndexPlugin/utils/i18nDataLoader.js

@@ -0,0 +1,141 @@
+"use strict";
+
+const fs = require('fs');
+
+const path = require('path');
+
+const {
+  getPropertiesAsJSON
+} = require('../../I18nSplitPlugin/utils/propertiesUtils');
+/**
+ * Load and parse a properties file
+ */
+
+
+function loadPropertiesFile(filePath, compilation, description) {
+  try {
+    const parsed = getPropertiesAsJSON(filePath);
+    return parsed;
+  } catch (err) {
+    if (compilation) {
+      compilation.errors.push(new Error(`I18nNumericIndexPlugin: Error loading ${description}: ${err.message}`));
+    }
+
+    return {};
+  }
+}
+/**
+ * Load numeric mapping from JSON file
+ */
+
+
+function loadNumericMap(numericMapPath, compilation) {
+  try {
+    const fileContent = fs.readFileSync(numericMapPath, 'utf-8');
+    const parsedData = JSON.parse(fileContent);
+    let numericMap;
+    let totalKeys; // Handle both wrapped and flat formats
+
+    if (parsedData.originalKeyToNumericId) {
+      // New format with metadata
+      numericMap = parsedData.originalKeyToNumericId;
+      totalKeys = parsedData.totalKeysInMap || Object.keys(numericMap).length;
+    } else {
+      // Flat format - use directly
+      numericMap = parsedData;
+      totalKeys = Object.keys(numericMap).length;
+    } // Create sorted array for numeric ID lookups
+
+
+    const maxId = Math.max(...Object.values(numericMap));
+    const sortedKeys = new Array(maxId + 1);
+    Object.entries(numericMap).forEach(([key, id]) => {
+      sortedKeys[id] = key;
+    });
+    return {
+      sortedKeys,
+      totalKeys
+    };
+  } catch (err) {
+    if (compilation) {
+      compilation.errors.push(new Error(`I18nNumericIndexPlugin: Error loading numeric map: ${err.message}`));
+    }
+
+    return {
+      sortedKeys: [],
+      totalKeys: 0
+    };
+  }
+}
+/**
+ * Load all locale files from properties directory
+ */
+
+
+function loadAllLocaleFiles(propertiesPath, compilation, jsResourceBase) {
+  const allI18n = {};
+  const locales = []; // Start with English base
+
+  allI18n['en_US'] = jsResourceBase;
+  locales.push('en_US');
+
+  try {
+    const files = fs.readdirSync(propertiesPath);
+    files.forEach(file => {
+      if (!file.endsWith('.properties')) return; // Match locale-specific property files
+
+      const match = file.match(/^ApplicationResources_([a-z]{2}_[A-Z]{2})\.properties$/);
+
+      if (match) {
+        const locale = match[1];
+        const filePath = path.join(propertiesPath, file);
+        const localeData = loadPropertiesFile(filePath, compilation, `locale ${locale}`); // Merge with base resources
+
+        allI18n[locale] = { ...jsResourceBase,
+          ...localeData
+        };
+
+        if (!locales.includes(locale)) {
+          locales.push(locale);
+        }
+      }
+    });
+  } catch (err) {
+    if (compilation) {
+      compilation.errors.push(new Error(`I18nNumericIndexPlugin: Error reading properties folder: ${err.message}`));
+    }
+  }
+
+  return {
+    allI18n,
+    locales
+  };
+}
+/**
+ * Main loader function for i18n data
+ */
+
+
+function loadI18nData(options, compilation) {
+  const jsResourcePath = path.resolve(compilation.compiler.context, options.jsResourcePath);
+  const propertiesPath = path.resolve(compilation.compiler.context, options.propertiesFolderPath); // Load base JS resources
+
+  const jsResourceBase = loadPropertiesFile(jsResourcePath, compilation, 'JS resources'); // Load all locale files
+
+  const {
+    allI18n,
+    locales
+  } = loadAllLocaleFiles(propertiesPath, compilation, jsResourceBase);
+  return {
+    jsResourceBase,
+    allI18n,
+    locales
+  };
+}
+
+module.exports = {
+  loadPropertiesFile,
+  loadNumericMap,
+  loadAllLocaleFiles,
+  loadI18nData
+};

package/lib/shared/bundler/webpack/custom_plugins/I18nSplitPlugin/utils/propertiesUtils.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.decodeUnicodeEscapes = decodeUnicodeEscapes;
 exports.getAllI18n = getAllI18n;
 exports.getPropertiesAsJSON = getPropertiesAsJSON;
 exports.jsonToString = jsonToString;
@@ -16,6 +17,21 @@ var _constants = require("../../../../../constants");
 function isComment(line) {
   return line[0] === '#';
 }
+/**
+ * Decode Unicode escape sequences in a string
+ * Converts \uXXXX to the actual character
+ */
+
+
+function decodeUnicodeEscapes(str) {
+  if (typeof str !== 'string') {
+    return str;
+  }
+
+  return str.replace(/\\u([0-9a-fA-F]{4})/g, (match, hex) => {
+    return String.fromCharCode(parseInt(hex, 16));
+  });
+}
 
 function getPropertiesAsJSON(filePath) {
   try {
@@ -31,9 +47,11 @@ function getPropertiesAsJSON(filePath) {
 
       const ind = line.indexOf('=');
       const key = line.slice(0, ind).replace(/\\ /g, ' ');
-      const value = line.slice(ind + 1);
+      let value = line.slice(ind + 1);
 
       if (key && value) {
+        // Decode Unicode escapes in the value
+        value = decodeUnicodeEscapes(value);
         i18nObj[key] = value;
       }
     }, {});

package/lib/shared/bundler/webpack/jsLoaders.js

@@ -7,11 +7,34 @@ exports.jsLoaders = jsLoaders;
 
 var _babelLoaderConfig = require("./loaderConfigs/babelLoaderConfig");
 
+const {
+  i18nIdReplaceLoaderConfig
+} = require('./loaderConfigs/i18nIdReplaceLoaderConfig');
+
 function jsLoaders(options) {
+  const useLoaders = []; // Always add babel loader first
+
+  useLoaders.push((0, _babelLoaderConfig.babelLoaderConfig)(options)); // Add i18n ID replace loader if numeric indexing is enabled
+
+  const shouldUseNumericIndexing = options.i18nIndexing && options.i18nIndexing.enable || options.i18nChunkSplit && options.i18nChunkSplit.chunkSplitEnable && options.i18nChunkSplit.useNumericIndexing;
+
+  if (shouldUseNumericIndexing) {
+    try {
+      const loaderConfig = i18nIdReplaceLoaderConfig(options, options.context);
+
+      if (loaderConfig) {
+        useLoaders.push(loaderConfig);
+      }
+    } catch (err) {
+      // Silently skip if configuration fails
+      console.warn('[jsLoaders] Failed to configure i18n ID replace loader:', err.message);
+    }
+  }
+
   return [{
     test: /\.js$/,
     exclude: /node_modules/,
-    use: [(0, _babelLoaderConfig.babelLoaderConfig)(options)] // include: path.join(appPath, folder)
+    use: useLoaders // include: path.join(appPath, folder)
 
   }];
 }

package/lib/shared/bundler/webpack/loaderConfigs/i18nIdReplaceLoaderConfig.js

@@ -0,0 +1,80 @@
+"use strict";
+
+const {
+  getPropertiesAsJSON
+} = require('../custom_plugins/I18nSplitPlugin/utils/propertiesUtils');
+/**
+ * Load i18n data from JSResources file once for all chunks
+ */
+
+
+function loadJSResourcesOnce(options) {
+  let jsResourcePath; // Determine the JSResource path based on configuration
+
+  if (options.i18nIndexing && options.i18nIndexing.enable) {
+    jsResourcePath = options.i18nIndexing.jsResourcePath;
+  } else if (options.i18nChunkSplit && options.i18nChunkSplit.chunkSplitEnable && options.i18nChunkSplit.useNumericIndexing) {
+    jsResourcePath = options.i18nChunkSplit.jsResource;
+  } else {
+    throw new Error('i18nIdReplaceLoader requires either i18nIndexing to be enabled or i18nChunkSplit with useNumericIndexing');
+  }
+
+  if (!jsResourcePath) {
+    throw new Error('Missing required jsResourcePath in i18n options');
+  }
+
+  try {
+    const i18nData = getPropertiesAsJSON(jsResourcePath);
+
+    if (Object.keys(i18nData).length === 0) {
+      console.warn(`[i18nIdReplaceLoaderConfig] Warning: No i18n data found in JSResource file: ${jsResourcePath}`);
+      return {};
+    }
+
+    return i18nData;
+  } catch (err) {
+    throw new Error(`Error reading JSResource file ${jsResourcePath}: ${err.message}`);
+  }
+}
+/**
+ * Configure the i18n ID replace loader
+ */
+
+
+function i18nIdReplaceLoaderConfig(options, webpackContext) {
+  let numericMapPath; // Determine the numeric map path based on configuration
+
+  if (options.i18nIndexing && options.i18nIndexing.enable) {
+    numericMapPath = options.i18nIndexing.numericMapPath;
+  } else if (options.i18nChunkSplit && options.i18nChunkSplit.chunkSplitEnable && options.i18nChunkSplit.useNumericIndexing) {
+    numericMapPath = options.i18nChunkSplit.numericMapPath;
+  } else {
+    throw new Error('i18nIdReplaceLoader requires either i18nIndexing to be enabled or i18nChunkSplit with useNumericIndexing');
+  }
+
+  if (!numericMapPath) {
+    throw new Error('numericMapPath is required in i18nIndexing or i18nChunkSplit config');
+  } // Load all i18n data for key detection
+
+
+  const allI18nData = loadJSResourcesOnce(options);
+
+  const i18nKeyReplaceLoaderPath = require.resolve('../loaders/i18nIdReplaceLoader.js');
+
+  const loaderOptions = {
+    allI18nData: allI18nData,
+    sourceMaps: false,
+    numericMapPath: numericMapPath,
+    devMode: options.i18nIndexing?.devMode || false,
+    includePaths: options.i18nIndexing?.loaderOptions?.includePaths || [],
+    excludePaths: options.i18nIndexing?.loaderOptions?.excludePaths || ['node_modules', 'tests']
+  };
+  return {
+    loader: i18nKeyReplaceLoaderPath,
+    options: loaderOptions
+  };
+}
+
+module.exports = {
+  i18nIdReplaceLoaderConfig
+};

package/lib/shared/bundler/webpack/loaders/i18nIdReplaceLoader.js

@@ -0,0 +1,120 @@
+"use strict";
+
+const fs = require('fs');
+
+const path = require('path');
+
+const parser = require('@babel/parser');
+
+const traverse = require('@babel/traverse').default;
+
+const generator = require('@babel/generator').default;
+
+const t = require('@babel/types');
+
+const {
+  getOptions
+} = require('loader-utils');
+
+module.exports = function i18nIdReplaceLoader(source, map) {
+  const resourcePath = this.resourcePath;
+  this.cacheable && this.cacheable();
+  const options = getOptions(this) || {};
+  const callback = this.async(); // Skip files in excluded paths
+
+  if (options.excludePaths) {
+    const shouldExclude = options.excludePaths.some(excludePath => resourcePath.includes(excludePath));
+
+    if (shouldExclude) {
+      return callback(null, source, map);
+    }
+  } // Only process files in included paths if specified
+
+
+  if (options.includePaths && options.includePaths.length > 0) {
+    const shouldInclude = options.includePaths.some(includePath => resourcePath.includes(includePath));
+
+    if (!shouldInclude) {
+      return callback(null, source, map);
+    }
+  } // Validate i18n data exists
+
+
+  if (!options.allI18nData || Object.keys(options.allI18nData).length === 0) {
+    return callback(new Error(`i18nIdReplaceLoader: 'allI18nData' option is missing or empty`));
+  } // Load numeric ID mapping
+
+
+  let numericIdMap = null;
+
+  if (options.numericMapPath) {
+    try {
+      if (fs.existsSync(options.numericMapPath)) {
+        const fileContent = fs.readFileSync(options.numericMapPath, 'utf-8');
+        const parsedData = JSON.parse(fileContent); // Handle both wrapped and flat formats
+
+        if (parsedData) {
+          if (parsedData.originalKeyToNumericId) {
+            // New format with wrapper
+            numericIdMap = parsedData.originalKeyToNumericId;
+          } else if (typeof parsedData === 'object') {
+            // Flat format - use directly
+            numericIdMap = parsedData;
+          }
+        }
+      }
+    } catch (err) {// Silently continue without numeric mapping
+    }
+  } // If no numeric map available, return source as-is
+
+
+  if (!numericIdMap) {
+    return callback(null, source, map);
+  }
+
+  const isDevMode = options.devMode || process.env.NODE_ENV === 'development';
+
+  try {
+    // Parse the JavaScript/TypeScript source code
+    const ast = parser.parse(source, {
+      sourceType: 'module',
+      plugins: ['jsx', 'typescript', 'classProperties', 'optionalChaining', 'nullishCoalescingOperator'],
+      sourceFilename: resourcePath
+    });
+    let hasTransformations = false; // Traverse AST and replace i18n keys with numeric IDs
+
+    traverse(ast, {
+      StringLiteral(path) {
+        const {
+          node
+        } = path; // Check if this string is an i18n key
+
+        if (!options.allI18nData.hasOwnProperty(node.value)) {
+          return;
+        } // Replace with numeric ID if available
+
+
+        if (numericIdMap.hasOwnProperty(node.value)) {
+          const numericId = String(numericIdMap[node.value]);
+          path.replaceWith(t.stringLiteral(numericId));
+          hasTransformations = true;
+        }
+      }
+
+    }); // Generate code if transformations were made
+
+    if (hasTransformations) {
+      const output = generator(ast, {
+        sourceMaps: !!options.sourceMaps,
+        sourceFileName: resourcePath,
+        retainLines: false,
+        comments: true
+      }, source);
+      callback(null, output.code, output.map);
+    } else {
+      callback(null, source, map);
+    }
+  } catch (err) {
+    callback(err);
+  }
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/client_build_tool",
-  "version": "0.0.11-exp.15.2",
+  "version": "0.0.11-exp.15.4",
   "description": "A CLI tool to  build  web applications and client libraries",
   "main": "lib/index.js",
   "bin": {

package/README_backup.md

@@ -1,100 +0,0 @@
-# Client Build Tool
-
-This is a build tool for react based web applications.
-
-Supported and Tested Environment
-
-| Name | Version  |
-| :--: | :------: |
-| node | v18.11.0 |
-| npm  |  8.19.2  |
-
-OS : Mac , ubuntu
-
-# client_build_tool
-
-A CLI tool for build modern web application and libraries
-
-# Installation
-
-Below Steps:-
-
-> `npm i -g @zohodesk/client_build_tool`
-
-# Usage
-
-## Step 1
-
-> `cbt template app <your-project-folder> && cd <your-project-folder>`
-
-## Step 2
-
-Now to run app
-
-> `npm run start`
-
----
-
-Happy Code :>) 🤟
-
-# "Client Build Tool (CBT): Streamline and Optimize Your Client-side Build Process"
-
-## Description:
-
-CBT is a powerful client-side build tool designed to streamline and optimize your development workflow. With CBT, you can effortlessly manage and configure your project's build process, automating tasks, and improving efficiency. It provides an intuitive interface and a comprehensive set of features to simplify the build pipeline, allowing you to focus more on coding and less on tedious configuration.
-
-## Key Features:
-
-- **Integrated Dev Server:** Run your application locally with a built-in development server for quick feedback and real-time updates.
-- **Mock API Server:** Seamlessly integrate a mock API server to simulate backend interactions during development.
-- **Intelligent CSS Processing:** Automatically process and optimize CSS files, including customizable class name generation and advanced postcss plugins.
-- **Internationalization Support:** Easily manage internationalization (i18n) with efficient chunk splitting and language-specific resource loading.
-- **CDN Mapping:** Effortlessly map assets to a Content Delivery Network (CDN) for faster delivery and improved performance.
-- **Comprehensive Configuration:** Fine-tune your build process with extensive configuration options, including source maps, Babel customizations, and more.
-- **Service Worker Integration:** Enable service worker functionality for offline support and improved caching capabilities.
-- **Customizable Build Artifacts:** Define custom chunks, modify HTML templates, and generate a manifest.json file for better control over your build output.
-- **User-friendly Interface:** CBT provides a user-friendly interface, making it easy to configure, customize, and monitor your build process.
-
-With CBT, you can optimize your client-side development workflow, increase productivity, and deliver high-quality applications faster. Start using CBT today and experience the power of efficient and streamlined client-side builds.
-
-# Commands
-
-The following commands are available options for the `cbt` (Client Build Tool) CLI. You can execute these commands by prefixing them with `cbt`. For example, `cbt start`.
-
-- **preProcessor:** Runs the preProcessor.js in the app to set the variables before the build or run the dev mode.
-
-- **start**: Starts the development server with mode support. You can specify the mode as either `dev` or `prod`. This command is used for local development and testing.
-
-- **build**: Executes the build command with mode support. You can specify the mode as either `dev` or `prod`. This command compiles and bundles your application for deployment.
-
-- **build:lib**: Transpile the `src` folder to the `lib` folder, generating CommonJS modules. This command is specifically designed for building libraries that require CommonJS module format.
-
-- **build:es**: Transpile the `src` folder to the `es` folder, generating modules using import statements. This command is useful for building libraries that use ECMAScript module syntax.
-
-- **version**: Prints the version of the CBT CLI tool.
-
-- **template**: Creates an initial template or skeleton for your project. You can specify the option as `app`. This command sets up a basic project structure and configuration files to get you started quickly.
-
-- **mock:server**: Starts an external mock API server. This command enables you to run a separate server specifically for mocking API responses during development and testing.
-
-> Note: Make sure to replace `start` in the examples above with the actual command or script that you use to run the Client Build Tool CLI.
-
-These commands provide flexibility and control over your client-side build process, allowing you to start the development server, build your application, transpile libraries, create templates, run a mock API server, and more.
-
-For more [Details](ConfigurationDocumentation.md)
-
-
-version details :- 
-
-# 0.0.8 
-
-- Main version 
-
-# 0.0.9 
-
-fixes :- 
-
-- service worker wrong i18n entry fixed 
-
-- preload plc undefined url fixed 
-