@zohodesk/client_build_tool 0.0.15-exp.10 → 0.0.15-exp.11

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # Changelog and Release Notes
 
+# v0.0.15 (11-10-2025)
+
+**Feature:-**
+- Chunk Dependency Mapping: Added a new feature that generates a JSON file listing all chunk dependencies in the Webpack build
+For example, if main.js is a chunk, the generated JSON will include all of its direct imports (dependencies).
+- Purpose:
+To provide clear visibility into chunk relationships and dependencies for debugging, optimization, and performance analysis.
+
+```
+  chunkGraph:{
+    enable: { value: true },
+    fileName: ''
+  }
+```
+
+- Preload Chunk Split Visualization
+Enhanced the Preload Chunk (PLC) mechanism to identify and list the sub-chunks generated from a preloaded parent chunk.
+When a chunk is configured for preloading (e.g., ticket.js), the system now traces and records all the split chunks associated with it — for example
+
+```
+  resourceHints: {
+    enable: true,
+    PreloadChunkNames: [//name of chunks to be preload//]
+  },
+```
+
+
 # v0.0.14 (06-10-2025)
 
 **Feature:-**

package/README.md

@@ -306,136 +306,32 @@ First Release
 - 'templates' command to create es for react library
 # Changelog and Release Notes
 
-# v0.0.14 (06-10-2025)
+# v0.0.15 (11-10-2025)
 
 **Feature:-**
-- Added integrity and crossorigin attributes for all the js and css files in index.html 
+- Chunk Dependency Mapping: Added a new feature that generates a JSON file listing all chunk dependencies in the Webpack build
+For example, if main.js is a chunk, the generated JSON will include all of its direct imports (dependencies).
+- Purpose:
+To provide clear visibility into chunk relationships and dependencies for debugging, optimization, and performance analysis.
 
-```enableSubResourceIntegrity: true
 ```
-**Adjustments:-** 
-- add ts-loader to parse tsx and ts files
-
-# v0.0.13 (02-09-2025)
-
-**Adjustments:-**
-- Source map files are created in the smap/ folder by default. However, they are also being created in the js/ folder to resolve the issue where Murphy was unable to locate them. 
-
-**Feature:-**
-- Added support for Murphy to be built as a separate chunk and injected as the top script in the initial HTML.
-- To enable this support , add this in your configuration 
-
-```murphyBootstrapHtml{
-    enable: true,
-    chunkName: '',
-    filePath: ''
-}```
-
-
-
-# v0.0.12 (14-08-2025)
-
-- Fixed the initial i18n loading issue caused by using the same function in both the i18nRuntimeDealer plugin and decidePublicPath
-
-# v0.0.11 (07-08-2025) (had an issue while enable i18n chunk split plugin)
-- 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.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
+  chunkGraph:{
+    enable: { value: true },
+    fileName: ''
+  }
+```
 
-## v0.0.9 
+- Preload Chunk Split Visualization
+Enhanced the Preload Chunk (PLC) mechanism to identify and list the sub-chunks generated from a preloaded parent chunk.
+When a chunk is configured for preloading (e.g., ticket.js), the system now traces and records all the split chunks associated with it — for example
 
-**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>
-   }
+  resourceHints: {
+    enable: true,
+    PreloadChunkNames: [//name of chunks to be preload//]
+  },
 ```
 
-## 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
-# Changelog and Release Notes
 
 # v0.0.14 (06-10-2025)
 

package/README_backup.md

@@ -294,137 +294,6 @@ For example
 - `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
-# Changelog and Release Notes
-
-# v0.0.14 (06-10-2025)
-
-**Feature:-**
-- Added integrity and crossorigin attributes for all the js and css files in index.html 
-
-```enableSubResourceIntegrity: true
-```
-**Adjustments:-** 
-- add ts-loader to parse tsx and ts files
-
-# v0.0.13 (02-09-2025)
-
-**Adjustments:-**
-- Source map files are created in the smap/ folder by default. However, they are also being created in the js/ folder to resolve the issue where Murphy was unable to locate them. 
-
-**Feature:-**
-- Added support for Murphy to be built as a separate chunk and injected as the top script in the initial HTML.
-- To enable this support , add this in your configuration 
-
-```murphyBootstrapHtml{
-    enable: true,
-    chunkName: '',
-    filePath: ''
-}```
-
-
-
-# v0.0.12 (14-08-2025)
-
-- Fixed the initial i18n loading issue caused by using the same function in both the i18nRuntimeDealer plugin and decidePublicPath
-
-# v0.0.11 (07-08-2025) (had an issue while enable i18n chunk split plugin)
-- 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.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

package/lib/schemas/defaultConfigValues.js

@@ -7,6 +7,8 @@ exports.default = void 0;
 
 var _os = require("os");
 
+var _webpack = require("webpack");
+
 // NOTE: Don't use 'config_file' as cli option it was reserved
 var _default = {
   context: {
@@ -360,6 +362,13 @@ var _default = {
   enableSubResourceIntegrity: {
     value: false,
     cli: 'enable_sub_resource_integrity'
+  },
+  chunkGraph: {
+    enable: {
+      value: false,
+      cli: 'chunk_graph_enable'
+    },
+    fileName: ''
   }
 };
 exports.default = _default;

package/lib/shared/bundler/webpack/pluginConfigs/configChunkHierarchyPlugin.js

@@ -13,7 +13,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 /* eslint-disable no-use-before-define */
 function configChunkHierarchyPlugin(options) {
-  if (options.chunkGraph.enable || (0, _modeUtils.isProductionMode)(mode)) {
+  if (options.chunkGraph.enable) {
     return new _ChunkHierarchyPlugin.default(options.chunkGraph.fileName);
   }
 

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

@@ -51,6 +51,8 @@ var _configMurphyInjectorPlugin = require("./pluginConfigs/configMurphyInjectorP
 
 var _configCustomScriptLoadingStrategyPlugin = require("./pluginConfigs/configCustomScriptLoadingStrategyPlugin");
 
+var _configChunkHierarchyPlugin = require("./pluginConfigs/configChunkHierarchyPlugin");
+
 var _configInjectChunkGraphPlugin = require("./pluginConfigs/configInjectChunkGraphPlugin");
 
 // import { IgnorePlugin } from 'webpack';
@@ -58,5 +60,5 @@ function plugins(options) {
   const {
     webpackPlugins
   } = options;
-  return [(0, _configEnvVariables.configEnvVariables)(options), (0, _configCustomAttributesPlugin.configCustomAttributesPlugin)(options), (0, _configTPHashMappingPlugin.configTPHashMappingPlugin)(options), (0, _configCopyPublicFolders.configCopyPublicFolders)(options), (0, _configIgnorePlugin.configIgnorePlugin)(options), (0, _configMiniCSSExtractPlugin.configMiniCSSExtractPlugin)(options), (0, _configSelectorWeightPlugin.configSelectorWeightPlugin)(options), (0, _configVariableConversionPlugin.configVariableConversionPlugin)(options), (0, _configI18nSplitPlugin.configI18nSplitPlugin)(options), (0, _configRtlCssPlugin.configRtlCssPlugin)(options), (0, _configHtmlWebpackPlugin.configHtmlWebpackPlugin)(options), (0, _configCustomScriptLoadingStrategyPlugin.configCustomScriptLoadingStrategyPlugin)(options), (0, _configCdnChangePlugin.configCdnChangePlugin)(options), (0, _configServiceWorkerPlugin.configServiceWorkerPlugin)(options), (0, _configEFCTemplatePlugin.configEFCTemplatePlugin)(options), (0, _configResourceHintsPlugin.configResourceHintsPlugin)(options), (0, _configBundleAnalyzer.configBundleAnalyzer)(options), (0, _configManifestJsonPlugin.configManifestJsonPlugin)(options), (0, _configSourceMapPlugin.configSourceMapPlugin)(options), (0, _configProgressPlugin.configProgressPlugin)(options), (0, _configBundleIntegrityReport.configBundleIntegrityReport)(options), (0, _configRuntimeResourceCleanup.configRuntimeResourceCleanup)(options), (0, _configMurphyInjectorPlugin.configMurphyInjectorPlugin)(options), (0, _configInjectChunkGraphPlugin.configInjectChunkGraphPlugin)(options), ...webpackPlugins].filter(Boolean);
+  return [(0, _configEnvVariables.configEnvVariables)(options), (0, _configCustomAttributesPlugin.configCustomAttributesPlugin)(options), (0, _configTPHashMappingPlugin.configTPHashMappingPlugin)(options), (0, _configCopyPublicFolders.configCopyPublicFolders)(options), (0, _configIgnorePlugin.configIgnorePlugin)(options), (0, _configMiniCSSExtractPlugin.configMiniCSSExtractPlugin)(options), (0, _configSelectorWeightPlugin.configSelectorWeightPlugin)(options), (0, _configVariableConversionPlugin.configVariableConversionPlugin)(options), (0, _configI18nSplitPlugin.configI18nSplitPlugin)(options), (0, _configRtlCssPlugin.configRtlCssPlugin)(options), (0, _configHtmlWebpackPlugin.configHtmlWebpackPlugin)(options), (0, _configCustomScriptLoadingStrategyPlugin.configCustomScriptLoadingStrategyPlugin)(options), (0, _configCdnChangePlugin.configCdnChangePlugin)(options), (0, _configServiceWorkerPlugin.configServiceWorkerPlugin)(options), (0, _configEFCTemplatePlugin.configEFCTemplatePlugin)(options), (0, _configResourceHintsPlugin.configResourceHintsPlugin)(options), (0, _configBundleAnalyzer.configBundleAnalyzer)(options), (0, _configManifestJsonPlugin.configManifestJsonPlugin)(options), (0, _configSourceMapPlugin.configSourceMapPlugin)(options), (0, _configProgressPlugin.configProgressPlugin)(options), (0, _configBundleIntegrityReport.configBundleIntegrityReport)(options), (0, _configRuntimeResourceCleanup.configRuntimeResourceCleanup)(options), (0, _configMurphyInjectorPlugin.configMurphyInjectorPlugin)(options), (0, _configChunkHierarchyPlugin.configChunkHierarchyPlugin)(options), (0, _configInjectChunkGraphPlugin.configInjectChunkGraphPlugin)(options), ...webpackPlugins].filter(Boolean);
 }

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

@@ -8,7 +8,6 @@ exports.tsLoaders = tsLoaders;
 var _babelLoaderConfig = require("./loaderConfigs/babelLoaderConfig");
 
 function tsLoaders(options) {
-  console.log('testing');
   return [{
     test: /\.tsx?$/,
     exclude: /node_modules/,

package/npm-shrinkwrap.json

@@ -1,12 +1,12 @@
 {
   "name": "@zohodesk/client_build_tool",
-  "version": "0.0.14-exp.3",
+  "version": "0.0.10-exp.10",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@zohodesk/client_build_tool",
-      "version": "0.0.14-exp.3",
+      "version": "0.0.10-exp.10",
       "license": "ISC",
       "dependencies": {
         "@babel/cli": "7.17.10",
@@ -14,7 +14,6 @@
         "@babel/preset-env": "7.18.2",
         "@babel/preset-react": "7.17.12",
         "@babel/preset-typescript": "7.23.2",
-        "@zohodesk-private/client_dev_cert": "^1.0.6",
         "@zohodesk/client_packages_group": "1.0.2",
         "babel-loader": "9.1.2",
         "babel-plugin-module-resolver": "5.0.2",
@@ -2484,15 +2483,6 @@
       "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
       "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ=="
     },
-    "node_modules/@zohodesk-private/client_dev_cert": {
-      "version": "1.0.6",
-      "resolved": "http://cm-npmregistry.csez.zohocorpin.com/@zohodesk-private%2fclient_dev_cert/-/client_dev_cert-1.0.6.tgz",
-      "integrity": "sha512-WIupOy5tTEdJdIM7c8aCkAIXDxP3EuGrncc/USE4YSEibi7uyatqqgXH1QBQUMJBUDhBQhy1F8vlLF+Bd8pvRg==",
-      "license": "ISC",
-      "bin": {
-        "cert_update": "src/cert-fallback.js"
-      }
-    },
     "node_modules/@zohodesk/client_packages_group": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/@zohodesk/client_packages_group/-/client_packages_group-1.0.2.tgz",
@@ -9788,11 +9778,6 @@
       "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
       "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ=="
     },
-    "@zohodesk-private/client_dev_cert": {
-      "version": "1.0.6",
-      "resolved": "http://cm-npmregistry.csez.zohocorpin.com/@zohodesk-private%2fclient_dev_cert/-/client_dev_cert-1.0.6.tgz",
-      "integrity": "sha512-WIupOy5tTEdJdIM7c8aCkAIXDxP3EuGrncc/USE4YSEibi7uyatqqgXH1QBQUMJBUDhBQhy1F8vlLF+Bd8pvRg=="
-    },
     "@zohodesk/client_packages_group": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/@zohodesk/client_packages_group/-/client_packages_group-1.0.2.tgz",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/client_build_tool",
-  "version": "0.0.15-exp.10",
+  "version": "0.0.15-exp.11",
   "description": "A CLI tool to  build  web applications and client libraries",
   "main": "lib/index.js",
   "bin": {
@@ -18,7 +18,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://zgit.csez.zohocorpin.com/zohodesk/react-cli.git"
+    "url": "https://zgit.csecz.zohocorpin.com/zohodesk/react-cli.git"
   },
   "keywords": [
     "buildtool",