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

package/CHANGELOG.md

@@ -1,32 +1,5 @@
 # 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,33 +306,6 @@ First Release
 - 'templates' command to create es for react library
 # 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/lib/schemas/defaultConfigValues.js

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

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

@@ -22,8 +22,11 @@ const pluginName = 'prefetch-preload-chunk-plugin';
 
 class ResourceHintsPlugin {
   constructor({
-    publicPath
+    publicPath,
+    resourceHints
   }) {
+    this.resourceHints = resourceHints;
+    this.allowPrefetchingMultipleChunks = resourceHints.allowPrefetchingMultipleChunks;
     this.publicPathsTemplateObj = {
       js: publicPath,
       css: publicPath,
@@ -50,6 +53,7 @@ class ResourceHintsPlugin {
         compilation.addRuntimeModule(entryRuntimeChunk, // eslint-disable-next-line no-use-before-define
         new ResourceHintsRuntimePlugin(compiler, {
           chunk: entryRuntimeChunk,
+          allowPrefetchingMultipleChunks: this.allowPrefetchingMultipleChunks,
           publicPathsTemplateObj
         }));
       };
@@ -65,11 +69,13 @@ exports.default = ResourceHintsPlugin;
 class ResourceHintsRuntimePlugin extends _webpack.RuntimeModule {
   constructor(compiler, {
     chunk,
-    publicPathsTemplateObj
+    publicPathsTemplateObj,
+    allowPrefetchingMultipleChunks
   }) {
     super('ResourceHintsRuntimePlugin loading', 10);
     this.compiler = compiler;
     this.publicPathsTemplateObj = publicPathsTemplateObj;
+    this.allowPrefetchingMultipleChunks = allowPrefetchingMultipleChunks;
     this.chunk = chunk;
   }
 
@@ -79,7 +85,7 @@ class ResourceHintsRuntimePlugin extends _webpack.RuntimeModule {
     } = this;
     const idNameMap = chunk.getChunkMaps().name;
     const nameIdMap = {};
-    let needsMap = false;
+    let needsMap = this.allowPrefetchingMultipleChunks;
     Object.keys(idNameMap).forEach(key => {
       const value = idNameMap[key];
       nameIdMap[value] = key;
@@ -105,7 +111,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");
@@ -123,8 +129,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;
@@ -139,29 +145,33 @@ class ResourceHintsRuntimePlugin extends _webpack.RuntimeModule {
         }
       }
 
-      ${_webpack.RuntimeGlobals.require}.getChunkId = function getChunkId(chunkName) {
-        return ntc[chunkName]||chunkName;
+      ${_webpack.RuntimeGlobals.require}.getChunkId = function getChunkId(chunkId) {
+        ${needsMap ? 'chunkId = ntc[chunkId]||chunkId;' : ''}
+        return chunkId;
       }
-      
-      // Preload a chunk (${pluginName})
-      ${_webpack.RuntimeGlobals.require}.plc = function preloadChunk(chunkId) {
-      const preloadChunkGraph = {{--preload-chunk-graph-object}}
+      ${_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) {
         ${`
-           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);
-            //  })
-              `}
+            let chunkIds = ${_webpack.RuntimeGlobals.require}.getChunkIds(chunkId);
+            chunkIds.forEach(idOfAChunk => {
+              ${_webpack.RuntimeGlobals.require}.e(idOfAChunk);
+            })`}
       };
 
-      // Prefetch a chunk (${pluginName})
-      ${_webpack.RuntimeGlobals.require}.pfc = function prefetchChunk(chunkId) {
-            let idOfAChunk = ${_webpack.RuntimeGlobals.require}.getChunkId(chunkId);
-            lpp(idOfAChunk, "prefetch");
+      // 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})`,
     // `${RuntimeGlobals.require}.pfc = function prefetchChunk(chunkId) {`,
@@ -180,17 +190,4 @@ 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/configChunkHierarchyPlugin.js

@@ -13,7 +13,8 @@ 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 || (0, _modeUtils.isProductionMode)(mode)) {
+    console.log('running');
     return new _ChunkHierarchyPlugin.default(options.chunkGraph.fileName);
   }
 

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

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

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

@@ -53,12 +53,10 @@ var _configCustomScriptLoadingStrategyPlugin = require("./pluginConfigs/configCu
 
 var _configChunkHierarchyPlugin = require("./pluginConfigs/configChunkHierarchyPlugin");
 
-var _configInjectChunkGraphPlugin = require("./pluginConfigs/configInjectChunkGraphPlugin");
-
 // import { IgnorePlugin } from 'webpack';
 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, _configChunkHierarchyPlugin.configChunkHierarchyPlugin)(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), ...webpackPlugins].filter(Boolean);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/client_build_tool",
-  "version": "0.0.15-exp.2",
+  "version": "0.0.15-exp.3",
   "description": "A CLI tool to  build  web applications and client libraries",
   "main": "lib/index.js",
   "bin": {
@@ -32,7 +32,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",