@zohodesk/client_build_tool 0.0.15 → 0.0.16-exp.2

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # 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:-**
@@ -19,6 +28,8 @@ To provide clear visibility into chunk relationships and dependencies for debugg
 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,

package/README.md

@@ -306,6 +306,15 @@ 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:-**
@@ -325,6 +334,8 @@ To provide clear visibility into chunk relationships and dependencies for debugg
 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,

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

@@ -1,64 +1,65 @@
 "use strict";
 
 // plugins/ChunkHierarchyPlugin.js
-const fs = require("fs");
+const fs = require('fs');
 
-const path = require("path");
+const path = require('path');
 
 class ChunkHierarchyPlugin {
-  constructor(outputFileName) {
-    this.outputFileName = outputFileName || "chunk-hierarchy-report.json";
+  constructor(outputFile) {
+    this.outputFile = outputFile || 'chunk-hierarchy-report.json';
   }
 
   apply(compiler) {
-    compiler.hooks.afterEmit.tap("ChunkHierarchyPlugin", compilation => {
-      try {
-        const {
-          chunkGraph,
-          moduleGraph
-        } = compilation;
-        const hierarchy = {};
+    compiler.hooks.emit.tapAsync('ChunkHierarchyPlugin', (compilation, callback) => {
+      const result = {};
 
-        for (const chunk of compilation.chunks) {
-          // skip unnamed or runtime chunks
-          if (!chunk.name) {
-            continue;
-          }
+      for (const chunk of compilation.chunks) {
+        const chunkName = chunk.name || chunk.id;
+        const modules = [];
 
-          ;
+        for (const module of compilation.chunkGraph.getChunkModulesIterable(chunk)) {
+          // Recursively extract real modules (handle ConcatenatedModules)
+          collectModules(module, modules, compiler.context);
+        }
+
+        result[chunkName] = modules;
+      }
+
+      const json = JSON.stringify(result, null, 2);
+      const outputPath = path.join(compiler.outputPath, this.outputFile);
+      fs.mkdirSync(outputPath, {
+        recursive: true
+      });
+      fs.writeFileSync(outputPath, json, 'utf-8');
+      callback();
+    });
+  }
 
-          if (chunk.name.includes("runtime")) {
-            continue;
-          }
+}
 
-          ;
-          const modules = chunkGraph.getChunkModulesIterable(chunk);
-          const deps = new Set();
+function collectModules(module, modules, context) {
+  // Handle normal modules
+  if (module.resource) {
+    modules.push(path.relative(context, module.resource));
+    return;
+  } // Handle ConcatenatedModule (webpack internal)
 
-          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]);
-              }
-            }
-          }
 
-          hierarchy[chunk.name] = Array.from(deps);
-        }
+  if (module.modules) {
+    for (const innerModule of module.modules) {
+      collectModules(innerModule, modules, context);
+    }
+  } // Handle Webpack 5 internal API (ConcatenatedModule inside _orderedConcatenationList)
 
-        const outputPath = compiler.options.output.path;
-        const outputFile = path.join(outputPath, this.outputFileName); // Ensure folder exists before writing
 
-        fs.mkdirSync(outputPath, {
-          recursive: true
-        });
-        fs.writeFileSync(outputFile, JSON.stringify(hierarchy, null, 2), "utf-8");
-      } catch (err) {
-        console.error("❌ ChunkHierarchyPlugin failed:", err);
+  if (module._orderedConcatenationList) {
+    for (const item of module._orderedConcatenationList) {
+      if (item.module) {
+        collectModules(item.module, modules, context);
       }
-    });
+    }
   }
-
 }
 
 module.exports = ChunkHierarchyPlugin;

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,7 +145,7 @@ 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;
         preloadChunkGraph[chunkId].forEach(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)(options.mode)) {
+  if (options.chunkGraph.enable) {
     return new _ChunkHierarchyPlugin.default(options.chunkGraph.fileName);
   }
 

package/package.json

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