@zohodesk/client_build_tool 0.0.16 → 0.0.17

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog and Release Notes
 
+# v0.0.17 (22-12-2025)
+
+**Feature:-**
+- `alias` support for `build:es` and `build:lib`
+    - Add babel-plugin-module-resolver dependencies for library only
+    - Modify getBabelPlugin to include module resolver with aliases
+- An additional entry point support has been added.
+- An option for HTML generation has been provided.
+- Support for CssCustomOrderPlugin has been added.
+
+**Adjustments:-** 
+- 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)
 
 **Adjustments:-** 

package/README.md

@@ -463,6 +463,189 @@ 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.17 (22-12-2025)
+
+**Feature:-**
+- `alias` support for `build:es` and `build:lib`
+    - Add babel-plugin-module-resolver dependencies for library only
+    - Modify getBabelPlugin to include module resolver with aliases
+- An additional entry point support has been added.
+- An option for HTML generation has been provided.
+- Support for CssCustomOrderPlugin has been added.
+
+**Adjustments:-** 
+- 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)
+
+**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:-**
+- 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/README_backup.md

@@ -294,6 +294,175 @@ 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.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:-**
+- 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,14 +7,15 @@ 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: {
     value: 'app',
     cli: 'context'
   },
+  library: {
+    ignorePatterns: []
+  },
   devtool: 'source-map',
   statsLogConfig: null,
   stats: {
@@ -183,6 +184,11 @@ var _default = {
     prod: ['...']
   },
   app: {
+    AdditionalEntry: {
+      enable: false,
+      entryFile: 'src/widget.js',
+      entryPointName: 'widget'
+    },
     entryFile: {
       value: 'src/index.js',
       cli: 'entry'
@@ -198,6 +204,7 @@ var _default = {
     alias: null
   },
   htmlTemplate: {
+    generateHtml: true,
     crossorigin: {
       value: false,
       cli: 'enable_crossorigin'
@@ -302,8 +309,7 @@ var _default = {
   },
   customLoaders: [],
   resourceHints: {
-    enable: false,
-    PreloadChunkNames: []
+    allowPrefetchingMultipleChunks: false
   },
   devModeContentHashAllowedTypes: null,
   nameTemplateCustomization: null,
@@ -369,6 +375,10 @@ var _default = {
       cli: 'chunk_graph_enable'
     },
     fileName: ''
+  },
+  cssOrderControler: {
+    enable: false,
+    className: 'customCss'
   }
 };
 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/babel/runBabelForTsFile.js

@@ -11,18 +11,32 @@ var _babelWebConfig = require("./babelWebConfig");
 
 var _copyFile = require("../fileUtils/copyFile");
 
+var _fs = require("fs");
+
 function runBabelForTSFile({
   filename,
   outputFile,
   options,
   mode = 'es'
 }) {
+  const {
+    ignorePatterns
+  } = options.library;
   const {
     enable
   } = options.typeScript;
 
   if (enable) {
-    // const jsSourceCode = readFileSync(filename).toString();
+    function shouldIgnore(filename) {
+      return ignorePatterns.some(pattern => pattern.test(filename));
+    }
+
+    if (shouldIgnore(filename)) {
+      const jsSourceCode = (0, _fs.readFileSync)(filename).toString();
+      (0, _copyFile.writeFile)(outputFile, jsSourceCode);
+      return;
+    }
+
     const babelConfig = (0, _babelWebConfig.babelWebConfig)(options, mode);
     const result = (0, _core.transformFileSync)(filename, babelConfig);
     (0, _copyFile.writeFile)(outputFile.replace('.tsx', '.js').replace('.ts', '.js'), result.code);

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

@@ -1,78 +1,68 @@
 "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 = {};
+      const rootContext = path.resolve(compiler.context, '..', '..');
 
-        for (const chunk of compilation.chunks) {
-          // skip unnamed or runtime chunks
-          if (chunk.name && chunk.name.includes("runtime")) {
-            continue;
-          }
+      for (const chunk of compilation.chunks) {
+        const chunkName = chunk.name || chunk.id;
+        const modules = [];
 
-          ;
-          const modules = chunkGraph.getChunkModulesIterable(chunk);
-          const deps = new Set();
+        for (const module of compilation.chunkGraph.getChunkModulesIterable(chunk)) {
+          // Recursively extract real modules (handle ConcatenatedModules)
+          collectModules(module, modules, rootContext);
+        }
 
-          for (const module of modules) {
-            for (const conn of moduleGraph.getOutgoingConnections(module)) {
-              if (!conn.module) continue;
-              const mod = conn.module;
+        result[chunkName] = modules;
+      }
 
-              const ConcatenatedModule = require("webpack/lib/optimize/ConcatenatedModule");
+      const json = JSON.stringify(result, null, 2);
+      const outputPath = compiler.outputPath;
+      const outputFile = path.join(outputPath, this.outputFile);
+      fs.mkdirSync(outputPath, {
+        recursive: true
+      });
+      fs.writeFileSync(outputFile, json, 'utf-8');
+      callback();
+    });
+  }
 
-              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\/.*/);
+function collectModules(module, modules, context) {
+  // Handle normal modules
+  if (module.resource) {
+    console.log(module.resource);
+    modules.push(path.relative(context, module.resource));
+    return;
+  } // Handle ConcatenatedModule (webpack internal)
 
-                if (match && /^(?!.*node_modules).*$/.test(match)) {
-                  deps.add(match[0]);
-                }
-              }
-            }
-          }
 
-          hierarchy[chunk.name || chunk.id] = 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/CssCustomOrderPlugin.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _webpack = require("webpack");
+
+/* eslint-disable class-methods-use-this */
+const pluginName = 'CssCustomOrderPlugin'; // TODO: Check for css minimizer plugin
+
+class CssCustomOrderPlugin {
+  constructor(className) {
+    this.className = className || 'customCss';
+  }
+
+  apply(compiler) {
+    const {
+      RawSource
+    } = compiler.webpack.sources;
+    compiler.hooks.compilation.tap(pluginName, compilation => {
+      compilation.hooks.processAssets.tapAsync({
+        name: pluginName,
+        stage: _webpack.Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE_SIZE
+      }, (assets, callback) => {
+        Object.keys(assets).filter(file => file.includes('runtime')).forEach(filename => {
+          try {
+            let source = assets[filename].source().toString();
+            let changedCode = `var referenceTag = document.getElementById(${this.className});
+                   document.head.insertBefore(linkTag, referenceTag);`;
+            const result = source.replace('document.head.appendChild(linkTag);', changedCode);
+            compilation.updateAsset(filename, new RawSource(result));
+            callback();
+          } catch (e) {
+            console.error("issue in CssCustomOrderPlugin");
+            compilation.errors.push(e);
+            callback(e);
+          }
+        });
+      });
+    });
+  }
+
+}
+
+exports.default = CssCustomOrderPlugin;

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__
+      ${_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/entryConfig.js

@@ -14,7 +14,8 @@ function entryConfig(options) {
     entryPointName
   } = options.efc;
   const {
-    entryFile: mainEntry
+    entryFile: mainEntry,
+    AdditionalEntry
   } = options.app;
   const entry = {
     main: (0, _constants.joinWithAppPath)(mainEntry)
@@ -24,5 +25,9 @@ function entryConfig(options) {
     entry[entryPointName] = (0, _constants.joinWithAppPath)(entryFile);
   }
 
+  if (AdditionalEntry.enable) {
+    entry[AdditionalEntry.entryPointName] = (0, _constants.joinWithAppPath)(AdditionalEntry.entryFile);
+  }
+
   return entry;
 }

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.configCssCustomOrderPlugin = configCssCustomOrderPlugin;
+
+var _CssCustomOrderPlugin = _interopRequireDefault(require("../custom_plugins/CssCustomOrderPlugin"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function configCssCustomOrderPlugin(options) {
+  if (options.cssOrderControler.enable) {
+    return new _CssCustomOrderPlugin.default(options.cssOrderControler.className);
+  }
+
+  return null;
+}

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

@@ -17,13 +17,19 @@ function configHtmlWebpackPlugin(options) {
   const {
     htmlTemplate,
     mode,
-    enableSubResourceIntegrity
+    enableSubResourceIntegrity,
+    generateHtml
   } = options;
   const {
     inject,
     templateFile
   } = htmlTemplate;
   const appInitialHTMLTemplatePath = (0, _constants.joinWithAppPath)(templateFile);
+
+  if (!generateHtml) {
+    return null;
+  }
+
   const minifyHtmlOptions = (0, _modeUtils.isProductionMode)(mode) ? // eslint-disable-next-line no-use-before-define
   getHTMLMinifyOptions(htmlTemplate) : false;
   return new _InitialHtmlPlugin.InitialHtmlPlugin({

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

@@ -55,10 +55,12 @@ var _configChunkHierarchyPlugin = require("./pluginConfigs/configChunkHierarchyP
 
 var _configInjectChunkGraphPlugin = require("./pluginConfigs/configInjectChunkGraphPlugin");
 
+var _configCssCustomOrderPlugin = require("./pluginConfigs/configCssCustomOrderPlugin");
+
 // 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, _configCssCustomOrderPlugin.configCssCustomOrderPlugin)(options), (0, _configChunkHierarchyPlugin.configChunkHierarchyPlugin)(options), ...webpackPlugins].filter(Boolean);
 }

package/npm-shrinkwrap.json

@@ -1,12 +1,12 @@
 {
   "name": "@zohodesk/client_build_tool",
-  "version": "0.0.10-exp.10",
+  "version": "0.0.17",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@zohodesk/client_build_tool",
-      "version": "0.0.10-exp.10",
+      "version": "0.0.17",
       "license": "ISC",
       "dependencies": {
         "@babel/cli": "7.17.10",
@@ -14,6 +14,7 @@
         "@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",
@@ -2483,6 +2484,15 @@
       "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",
@@ -9778,6 +9788,11 @@
       "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.16",
+  "version": "0.0.17",
   "description": "A CLI tool to  build  web applications and client libraries",
   "main": "lib/index.js",
   "bin": {