@zohodesk/client_build_tool 0.0.15-exp.9 → 0.0.16-exp.1

package/CHANGELOG.md

@@ -1,5 +1,43 @@
 # Changelog and Release Notes
 
+# v0.0.16 (05-11-2025)
+
+**Adjustments:-** 
+- ChunkHierarchyPlugin.js – Added support for ConcatenatedModule modules.
+- InjectChunkGraphPlugin.js – Changed the template name from {{--preload-chunk-graph-object}} to __PRELOAD_CHUNK_GRAPH__ to resolve minification issues.
+- Disabled CSS source map generation – CSS source maps were being created when RTL split was disabled and sourceMap was enabled, causing issues. Hence, CSS source map creation has been disabled
+- Source map path correction – The resolving paths in source map files appeared as zohodesk-react/./src, which was incompatible with the Murphy tool. Updated it to zohodesk-react/src by adding a function to devtoolModuleFilenameTemplate in the output configuration.
+- ChunkHierarchyPlugin – Made it active in development mode as well by removing the “run only in production” condition.
+
+# 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
+
+if resourceHints not enabled plc , pfc and custom function related to this are not created 
+
+```
+  resourceHints: {
+    enable: true,
+    PreloadChunkNames: [//name of chunks to be preload//]
+  },
+```
+
+
 # v0.0.14 (06-10-2025)
 
 **Feature:-**

package/README.md

@@ -306,6 +306,44 @@ First Release
 - 'templates' command to create es for react library
 # Changelog and Release Notes
 
+# v0.0.16 (05-11-2025)
+
+**Adjustments:-** 
+- ChunkHierarchyPlugin.js – Added support for ConcatenatedModule modules.
+- InjectChunkGraphPlugin.js – Changed the template name from {{--preload-chunk-graph-object}} to __PRELOAD_CHUNK_GRAPH__ to resolve minification issues.
+- Disabled CSS source map generation – CSS source maps were being created when RTL split was disabled and sourceMap was enabled, causing issues. Hence, CSS source map creation has been disabled
+- Source map path correction – The resolving paths in source map files appeared as zohodesk-react/./src, which was incompatible with the Murphy tool. Updated it to zohodesk-react/src by adding a function to devtoolModuleFilenameTemplate in the output configuration.
+- ChunkHierarchyPlugin – Made it active in development mode as well by removing the “run only in production” condition.
+
+# 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
+
+if resourceHints not enabled plc , pfc and custom function related to this are not created 
+
+```
+  resourceHints: {
+    enable: true,
+    PreloadChunkNames: [//name of chunks to be preload//]
+  },
+```
+
+
 # v0.0.14 (06-10-2025)
 
 **Feature:-**
@@ -437,6 +475,44 @@ First Release
 - 'templates' command to create es for react library
 # Changelog and Release Notes
 
+# v0.0.16 (05-11-2025)
+
+**Adjustments:-** 
+- ChunkHierarchyPlugin.js – Added support for ConcatenatedModule modules.
+- InjectChunkGraphPlugin.js – Changed the template name from {{--preload-chunk-graph-object}} to __PRELOAD_CHUNK_GRAPH__ to resolve minification issues.
+- Disabled CSS source map generation – CSS source maps were being created when RTL split was disabled and sourceMap was enabled, causing issues. Hence, CSS source map creation has been disabled
+- Source map path correction – The resolving paths in source map files appeared as zohodesk-react/./src, which was incompatible with the Murphy tool. Updated it to zohodesk-react/src by adding a function to devtoolModuleFilenameTemplate in the output configuration.
+- ChunkHierarchyPlugin – Made it active in development mode as well by removing the “run only in production” condition.
+
+# 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
+
+if resourceHints not enabled plc , pfc and custom function related to this are not created 
+
+```
+  resourceHints: {
+    enable: true,
+    PreloadChunkNames: [//name of chunks to be preload//]
+  },
+```
+
+
 # v0.0.14 (06-10-2025)
 
 **Feature:-**

package/README_backup.md

@@ -306,6 +306,44 @@ First Release
 - 'templates' command to create es for react library
 # Changelog and Release Notes
 
+# v0.0.16 (05-11-2025)
+
+**Adjustments:-** 
+- ChunkHierarchyPlugin.js – Added support for ConcatenatedModule modules.
+- InjectChunkGraphPlugin.js – Changed the template name from {{--preload-chunk-graph-object}} to __PRELOAD_CHUNK_GRAPH__ to resolve minification issues.
+- Disabled CSS source map generation – CSS source maps were being created when RTL split was disabled and sourceMap was enabled, causing issues. Hence, CSS source map creation has been disabled
+- Source map path correction – The resolving paths in source map files appeared as zohodesk-react/./src, which was incompatible with the Murphy tool. Updated it to zohodesk-react/src by adding a function to devtoolModuleFilenameTemplate in the output configuration.
+- ChunkHierarchyPlugin – Made it active in development mode as well by removing the “run only in production” condition.
+
+# 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
+
+if resourceHints not enabled plc , pfc and custom function related to this are not created 
+
+```
+  resourceHints: {
+    enable: true,
+    PreloadChunkNames: [//name of chunks to be preload//]
+  },
+```
+
+
 # v0.0.14 (06-10-2025)
 
 **Feature:-**

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/babel/babelWebConfig.js

@@ -30,7 +30,7 @@ function babelWebConfig(options, mode) {
   } = options.typeScript;
   return {
     presets: typeScriptEnable ? [getBabelPresetEnvConfig(browserList, mode), require.resolve('@babel/preset-react'), require.resolve('@babel/preset-typescript')] : [getBabelPresetEnvConfig(browserList, mode), require.resolve('@babel/preset-react')],
-    plugins: customBabelPlugins(babelPlugins).concat((0, _getBabelPlugin.getBabelPlugin)(options)).filter(Boolean)
+    plugins: customBabelPlugins(babelPlugins).concat((0, _getBabelPlugin.getBabelPlugin)(options, mode)).filter(Boolean)
   };
 }
 

package/lib/shared/babel/getBabelPlugin.js

@@ -16,12 +16,22 @@ const babelPluginMapping = {
 };
 const babelPluginOrder = ['removeAttribute', 'removePropTypes', 'devConsoleExclude'];
 
-function getBabelPlugin(options) {
+function getBabelPlugin(options, command) {
   const {
     mode
-  } = options; // let customPlugins = [];
-
+  } = options;
+  const {
+    alias
+  } = options.resolve;
   let customPlugins = [];
+
+  if (command == 'es' || command == 'lib') {
+    customPlugins = [[require.resolve('babel-plugin-module-resolver'), {
+      root: ['./'],
+      alias
+    }]];
+  }
+
   const {
     babelCustomizations
   } = options;

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

@@ -21,13 +21,7 @@ class ChunkHierarchyPlugin {
 
         for (const chunk of compilation.chunks) {
           // skip unnamed or runtime chunks
-          if (!chunk.name) {
-            continue;
-          }
-
-          ;
-
-          if (chunk.name.includes("runtime")) {
+          if (chunk.name && chunk.name.includes("runtime")) {
             continue;
           }
 
@@ -37,13 +31,33 @@ class ChunkHierarchyPlugin {
 
           for (const module of modules) {
             for (const conn of moduleGraph.getOutgoingConnections(module)) {
-              if (conn.module && conn.module.resource) {
-                deps.add(conn.module.resource.match(/jsapps\/supportapp.*/)?.[0]);
+              if (!conn.module) continue;
+              const mod = conn.module;
+
+              const ConcatenatedModule = require("webpack/lib/optimize/ConcatenatedModule");
+
+              if (mod instanceof ConcatenatedModule) {
+                for (const inner of mod.modules) {
+                  if (inner.resource) {
+                    const match = inner.resource.match(/(?<!node_modules\/)jsapps\/.*/);
+
+                    if (match && /^(?!.*node_modules).*$/.test(match)) {
+                      deps.add(match[0]);
+                    }
+                  }
+                }
+              } else {
+                const identifier = mod.resource || mod.identifier();
+                const match = identifier && identifier.match(/(?<!node_modules\/)jsapps\/.*/);
+
+                if (match && /^(?!.*node_modules).*$/.test(match)) {
+                  deps.add(match[0]);
+                }
               }
             }
           }
 
-          hierarchy[chunk.name] = Array.from(deps);
+          hierarchy[chunk.name || chunk.id] = Array.from(deps);
         }
 
         const outputPath = compiler.options.output.path;

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

@@ -33,9 +33,13 @@ class InjectChunkGraphPlugin {
         const runtimeChunk = stats.chunks.find(chunk => chunk.names?.some(n => n.includes('runtime~main')));
         const runtimeChunkName = runtimeChunk.files[0];
         const originalSource = compilation.assets[runtimeChunkName].source();
-        const newSource = originalSource.replace('{{--preload-chunk-graph-object}}', `${JSON.stringify(chunkGraph)}`); // Update the runtime asset with injected code
+        const newSource = originalSource.replace('__PRELOAD_CHUNK_GRAPH__', `${JSON.stringify(chunkGraph)}`); // Update the runtime asset with injected code
 
         compilation.updateAsset(runtimeChunkName, new RawSource(newSource));
+
+        if (runtimeChunkName.includes('smap/')) {
+          compilation.updateAsset(runtimeChunkName.replace('smap/', ''), new RawSource(newSource));
+        }
       });
     });
   }

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

@@ -145,12 +145,12 @@ class ResourceHintsRuntimePlugin extends _webpack.RuntimeModule {
       
       // Preload a chunk (${pluginName})
       ${_webpack.RuntimeGlobals.require}.plc = function preloadChunk(chunkId) {
-      const preloadChunkGraph = {{--preload-chunk-graph-object}}
+      const preloadChunkGraph = __PRELOAD_CHUNK_GRAPH__
         ${`
-          //  if (typeof preloadChunkGraph !== 'object' || !preloadChunkGraph) return;
+           if (typeof preloadChunkGraph !== 'object' || !preloadChunkGraph) return;
         preloadChunkGraph[chunkId].forEach(idOfAChunk => {
              ${_webpack.RuntimeGlobals.require}.e(idOfAChunk);
-            // })
+            })
             // let idOfAChunk = ${_webpack.RuntimeGlobals.require}.getChunkId(chunkId);
             //  chunkIds.forEach(idOfAChunk => {
             //   ${_webpack.RuntimeGlobals.require}.e(idOfAChunk);

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

@@ -15,7 +15,7 @@ function getCssLoaderOptions(options) {
     modules: {
       getLocalIdent: (0, _cssClassNameGenerate.default)(options)
     },
-    sourceMap: true
+    sourceMap: false
   };
   return cssLoaderOptions;
 }

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

@@ -27,7 +27,17 @@ function outputConfig(options) {
     chunkLoadingGlobal: (0, _modeUtils.getGlobalCacheStorageName)(options),
     publicPath,
     // clean: true,
-    path: _path.default.resolve(_constants.appPath, output)
+    path: _path.default.resolve(_constants.appPath, output),
+    devtoolModuleFilenameTemplate: info => {
+      let resourcePath = info.resourcePath;
+      const namespace = info.namespace;
+
+      if (resourcePath.startsWith('./')) {
+        resourcePath = resourcePath.substring(2);
+      }
+
+      return `webpack://${namespace}/${resourcePath}`;
+    }
   };
 
   if (htmlTemplate.crossorigin) {

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.9",
+  "version": "0.0.16-exp.1",
   "description": "A CLI tool to  build  web applications and client libraries",
   "main": "lib/index.js",
   "bin": {
@@ -17,8 +17,8 @@
     "test": "react-cli test"
   },
   "repository": {
-    "type": "git",
-    "url": "https://zgit.csez.zohocorpin.com/zohodesk/react-cli.git"
+    "type": "git", 
+    "url": "https://zgit.csecz.zohocorpin.com/zohodesk/react-cli.git"
   },
   "keywords": [
     "buildtool",