@zohodesk/client_build_tool 0.0.18-exp.2 → 0.0.18-exp.3

package/CHANGELOG.md

@@ -1,12 +1,32 @@
 # Changelog and Release Notes
 
-# v0.0.18 (23-12-2025)
+# v0.0.19 (06-01-2026)
+
+**Feature:-**
+- Added InjectChunkGraphPlugin and added plc and plc function new flow 
+- During class name generation, when the template included the file name, it was converted to lowercase by default. Support has now been added to include the file name in class names in a case-insensitive manner.
+
+```
+  css: {
+    classNameOptions: {
+      caseOnlyFilename: true
+    }
+  }
+```
+
+**Adjustments:-** 
+- issue in CssCustomOrderPlugin has been fixed 
+
+# v0.0.18 (23-12-2025)(issue in CssCustomOrderPlugin)
 
 **Adjustments:-** 
 - remove the unwanted console in the previous version 
 - html not creation issue due to the generate html option fixed 
 
-# v0.0.17 (22-12-2025)
+# v0.0.17 (22-12-2025) (html not creation issue) (issue in CssCustomOrderPlugin)
+
+**revert:-**
+- InjectChunkGraphPlugin and the pfc and plc functions were reverted due to UAT issues unrelated to our tool. Consequently, the plugin could not be included in this version. we rewriting the plc and pfc in resource hints plugins recently, it will function correctly when the new plugin is enabled,so revert this changes from this version 
 
 **Feature:-**
 - `alias` support for `build:es` and `build:lib`
@@ -20,7 +40,7 @@
 - ChunkHierarchyPlugin.js – modified and rewrite the plugin to get the proper output (this is the stable version of this plugin).
 
 
-# v0.0.16 (05-11-2025)
+# v0.0.16 (05-11-2025) (deprecated)
 
 **Adjustments:-** 
 - ChunkHierarchyPlugin.js – Added support for ConcatenatedModule modules.
@@ -29,7 +49,7 @@
 - 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)
+# v0.0.15 (11-10-2025) (deprecated)
 
 **Feature:-**
 - Chunk Dependency Mapping: Added a new feature that generates a JSON file listing all chunk dependencies in the Webpack build
@@ -46,7 +66,9 @@ To provide clear visibility into chunk relationships and dependencies for debugg
 
 - 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
+When a chunk is configured for preloading (e.g., ticket.js), the system now traces and records all the split chunks associated with it
+
+rewrite the plc and pfc fucntion in resourceHints plugin and created a new plugin to inject the sub chunks of the preloaded chunks in runtime file 
 
 if resourceHints not enabled plc , pfc and custom function related to this are not created 
 

package/README.md

@@ -475,13 +475,33 @@ First Release
 - 'templates' command to create es for react library
 # Changelog and Release Notes
 
-# v0.0.18 (23-12-2025)
+# v0.0.19 (06-01-2026)
+
+**Feature:-**
+- Added InjectChunkGraphPlugin and added plc and plc function new flow 
+- During class name generation, when the template included the file name, it was converted to lowercase by default. Support has now been added to include the file name in class names in a case-insensitive manner.
+
+```
+  css: {
+    classNameOptions: {
+      caseOnlyFilename: true
+    }
+  }
+```
+
+**Adjustments:-** 
+- issue in CssCustomOrderPlugin has been fixed 
+
+# v0.0.18 (23-12-2025)(issue in CssCustomOrderPlugin)
 
 **Adjustments:-** 
 - remove the unwanted console in the previous version 
 - html not creation issue due to the generate html option fixed 
 
-# v0.0.17 (22-12-2025)
+# v0.0.17 (22-12-2025) (html not creation issue) (issue in CssCustomOrderPlugin)
+
+**revert:-**
+- InjectChunkGraphPlugin and the pfc and plc functions were reverted due to UAT issues unrelated to our tool. Consequently, the plugin could not be included in this version. we rewriting the plc and pfc in resource hints plugins recently, it will function correctly when the new plugin is enabled,so revert this changes from this version 
 
 **Feature:-**
 - `alias` support for `build:es` and `build:lib`
@@ -495,7 +515,7 @@ First Release
 - ChunkHierarchyPlugin.js – modified and rewrite the plugin to get the proper output (this is the stable version of this plugin).
 
 
-# v0.0.16 (05-11-2025)
+# v0.0.16 (05-11-2025) (deprecated)
 
 **Adjustments:-** 
 - ChunkHierarchyPlugin.js – Added support for ConcatenatedModule modules.
@@ -504,7 +524,7 @@ First Release
 - 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)
+# v0.0.15 (11-10-2025) (deprecated)
 
 **Feature:-**
 - Chunk Dependency Mapping: Added a new feature that generates a JSON file listing all chunk dependencies in the Webpack build
@@ -521,7 +541,9 @@ To provide clear visibility into chunk relationships and dependencies for debugg
 
 - 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
+When a chunk is configured for preloading (e.g., ticket.js), the system now traces and records all the split chunks associated with it
+
+rewrite the plc and pfc fucntion in resourceHints plugin and created a new plugin to inject the sub chunks of the preloaded chunks in runtime file 
 
 if resourceHints not enabled plc , pfc and custom function related to this are not created 
 

package/lib/schemas/defaultConfigValues.js

@@ -310,7 +310,8 @@ var _default = {
   },
   customLoaders: [],
   resourceHints: {
-    allowPrefetchingMultipleChunks: false
+    enable: false,
+    PreloadChunkNames: []
   },
   devModeContentHashAllowedTypes: null,
   nameTemplateCustomization: null,

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

@@ -22,11 +22,8 @@ const pluginName = 'prefetch-preload-chunk-plugin';
 
 class ResourceHintsPlugin {
   constructor({
-    publicPath,
-    resourceHints
+    publicPath
   }) {
-    this.resourceHints = resourceHints;
-    this.allowPrefetchingMultipleChunks = resourceHints.allowPrefetchingMultipleChunks;
     this.publicPathsTemplateObj = {
       js: publicPath,
       css: publicPath,
@@ -53,7 +50,6 @@ class ResourceHintsPlugin {
         compilation.addRuntimeModule(entryRuntimeChunk, // eslint-disable-next-line no-use-before-define
         new ResourceHintsRuntimePlugin(compiler, {
           chunk: entryRuntimeChunk,
-          allowPrefetchingMultipleChunks: this.allowPrefetchingMultipleChunks,
           publicPathsTemplateObj
         }));
       };
@@ -69,13 +65,11 @@ exports.default = ResourceHintsPlugin;
 class ResourceHintsRuntimePlugin extends _webpack.RuntimeModule {
   constructor(compiler, {
     chunk,
-    publicPathsTemplateObj,
-    allowPrefetchingMultipleChunks
+    publicPathsTemplateObj
   }) {
     super('ResourceHintsRuntimePlugin loading', 10);
     this.compiler = compiler;
     this.publicPathsTemplateObj = publicPathsTemplateObj;
-    this.allowPrefetchingMultipleChunks = allowPrefetchingMultipleChunks;
     this.chunk = chunk;
   }
 
@@ -85,7 +79,7 @@ class ResourceHintsRuntimePlugin extends _webpack.RuntimeModule {
     } = this;
     const idNameMap = chunk.getChunkMaps().name;
     const nameIdMap = {};
-    let needsMap = this.allowPrefetchingMultipleChunks;
+    let needsMap = false;
     Object.keys(idNameMap).forEach(key => {
       const value = idNameMap[key];
       nameIdMap[value] = key;
@@ -111,7 +105,7 @@ class ResourceHintsRuntimePlugin extends _webpack.RuntimeModule {
      */
 
     return _webpack.Template.asString([`const ntc = ${JSON.stringify(needsMap ? nameIdMap : {})};
-       const cns = Object.keys(ntc);
+      //  const cns = Object.keys(ntc);      
 
       function clt(href, rel) {
         let link = document.createElement("link");
@@ -129,8 +123,8 @@ class ResourceHintsRuntimePlugin extends _webpack.RuntimeModule {
         //return !url.includes(".undefined.");
         return url.indexOf(".undefined") === -1;
       }
-      function lpp(_chunkId, rel) {
-        let chunkId = ${_webpack.RuntimeGlobals.require}.getChunkId(_chunkId);
+      function lpp(chunkId, rel) {
+        // let chunkId = ${_webpack.RuntimeGlobals.require}.getChunkId(_chunkId);
         // ${_webpack.RuntimeGlobals.require}.e(chunkId);
         if(__webpack_require__.O.j(chunkId)) {
           return;
@@ -145,33 +139,29 @@ class ResourceHintsRuntimePlugin extends _webpack.RuntimeModule {
         }
       }
 
-      ${_webpack.RuntimeGlobals.require}.getChunkId = function getChunkId(chunkId) {
-        ${needsMap ? 'chunkId = ntc[chunkId]||chunkId;' : ''}
-        return chunkId;
+      ${_webpack.RuntimeGlobals.require}.getChunkId = function getChunkId(chunkName) {
+        return ntc[chunkName]||chunkName;
       }
-      ${_webpack.RuntimeGlobals.require}.getChunkIds = function getChunkIds(chunkId) {
-        ${// eslint-disable-next-line no-nested-ternary
-    this.allowPrefetchingMultipleChunks ? `
-            const isRegExAsChunkId = chunkId instanceof RegExp;
-            if(isRegExAsChunkId) {
-              return cns.filter(chunkName => chunkId.test(chunkName)).map(chunkName => ntc[chunkName]);
-            }
-            return [${_webpack.RuntimeGlobals.require}.getChunkId(chunkId)];
-            ` : `return [${_webpack.RuntimeGlobals.require}.getChunkId(chunkId)];`}
-      }
-      // Prefetch a chunk (${pluginName})
-      ${_webpack.RuntimeGlobals.require}.pfc = function prefetchChunk(chunkId) {
+      
+      // Preload a chunk (${pluginName})
+      ${_webpack.RuntimeGlobals.require}.plc = function preloadChunk(chunkId) {
+      const preloadChunkGraph = __PRELOAD_CHUNK_GRAPH__
         ${`
-            let chunkIds = ${_webpack.RuntimeGlobals.require}.getChunkIds(chunkId);
-            chunkIds.forEach(idOfAChunk => {
-              ${_webpack.RuntimeGlobals.require}.e(idOfAChunk);
-            })`}
+           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);
+            //  })
+              `}
       };
 
-      // Preload a chunk (${pluginName})
-      ${_webpack.RuntimeGlobals.require}.plc = function preloadChunk(chunkId) {
-            let idOfAChunk = ${_webpack.RuntimeGlobals.require}.getChunkIds(chunkId)[0];
-            lpp(idOfAChunk, "preload");
+      // Prefetch a chunk (${pluginName})
+      ${_webpack.RuntimeGlobals.require}.pfc = function prefetchChunk(chunkId) {
+            let idOfAChunk = ${_webpack.RuntimeGlobals.require}.getChunkId(chunkId);
+            lpp(idOfAChunk, "prefetch");
         }
         ` // `// Prefetch a chunk (${pluginName})`,
     // `${RuntimeGlobals.require}.pfc = function prefetchChunk(chunkId) {`,
@@ -190,4 +180,17 @@ class ResourceHintsRuntimePlugin extends _webpack.RuntimeModule {
     ]);
   }
 
-}
+} // ${RuntimeGlobals.require}.getChunkIds = function getChunkIds(chunkId) {
+//         ${
+//           // eslint-disable-next-line no-nested-ternary
+//           this.allowPrefetchingMultipleChunks
+//             ? `
+//             const isRegExAsChunkId = chunkId instanceof RegExp;
+//             if(isRegExAsChunkId) {
+//               return cns.filter(chunkName => chunkId.test(chunkName)).map(chunkName => ntc[chunkName]);
+//             }
+//             return [${RuntimeGlobals.require}.getChunkId(chunkId)];
+//             `
+//             : `return [${RuntimeGlobals.require}.getChunkId(chunkId)];`
+//         }
+//       }

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

@@ -14,8 +14,12 @@ function configResourceHintsPlugin(options) {
     publicPath,
     resourceHints
   } = options;
-  return new _ResourceHintsPlugin.default({
-    resourceHints,
-    publicPath: JSON.stringify(publicPath)
-  });
+
+  if (resourceHints.enable) {
+    return new _ResourceHintsPlugin.default({
+      publicPath: JSON.stringify(publicPath)
+    });
+  }
+
+  return null;
 }

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

@@ -62,5 +62,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, _configCssCustomOrderPlugin.configCssCustomOrderPlugin)(options), (0, _configChunkHierarchyPlugin.configChunkHierarchyPlugin)(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, _configCssCustomOrderPlugin.configCssCustomOrderPlugin)(options), (0, _configChunkHierarchyPlugin.configChunkHierarchyPlugin)(options), (0, _configInjectChunkGraphPlugin.configInjectChunkGraphPlugin)(options), ...webpackPlugins].filter(Boolean);
 }

package/package.json

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