@zohodesk/client_build_tool 0.0.6-exp.26 → 0.0.6-exp.28

package/README.md

@@ -86,80 +86,6 @@ For more [Details](ConfigurationDocumentation.md)
 
 
 
-**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
-**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
-
-
-
 **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` :

package/README_backup.md

@@ -82,77 +82,3 @@ The following commands are available options for the `cbt` (Client Build Tool) C
 These commands provide flexibility and control over your client-side build process, allowing you to start the development server, build your application, transpile libraries, create templates, run a mock API server, and more.
 
 For more [Details](ConfigurationDocumentation.md)
-# Changelog and Release Notes
-
-
-
-**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
-**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

package/cli.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-console.log("hellobab")
+
 const { polyfillForOldNodeVersion } = require('./polyfillForOldNodeVersion');
 
 polyfillForOldNodeVersion();

package/lib/schemas/defaultConfigValues.js

@@ -13,7 +13,7 @@ var _default = {
     value: 'app',
     cli: 'context'
   },
-  devtool: 'cheap-eval-source-map',
+  devtool: 'source-map',
   statsLogConfig: null,
   stats: {
     enable: {
@@ -228,10 +228,9 @@ var _default = {
     }
   },
   createSeparateSMap: {
-    value: true,
+    value: false,
     cli: 'enable_smap'
   },
-  nameTemplateCustomization: null,
   babelCustomizations: {
     browserList: null,
     // NOTE: need to consider
@@ -292,6 +291,7 @@ var _default = {
     allowPrefetchingMultipleChunks: false
   },
   devModeContentHashAllowedTypes: null,
+  nameTemplateCustomization: null,
   devLikeHash: {
     value: false,
     cli: 'dev_like_hash'

package/lib/shared/bundler/webpack/custom_plugins/I18nSplitPlugin/getI18nLoadingRuntimeModule.js

@@ -65,7 +65,7 @@ function getI18nLoadingRuntimeModule({
       return _webpack.Template.asString([`${prefixFunc(i18nChunks)}`, `var createI18nScriptTag = ${runtimeTemplate.basicFunction('chunkId, fullsrc, resolve, reject', ['var scriptTag = document.createElement("script");', attributes ? _webpack.Template.asString(Object.entries(attributes).map(entry => {
         const [key, value] = entry;
         return `scriptTag.setAttribute(${JSON.stringify(key)}, ${JSON.stringify(value)});`;
-      })) : '', scriptType ? `scriptTag.type = ${JSON.stringify(scriptType)};` : '', `var onScriptComplete = ${runtimeTemplate.basicFunction('event', ['// avoid mem leaks.', 'scriptTag.onerror = scriptTag.onload = null;', 'if (event.type === \'load\') {', _webpack.Template.indent(['resolve();']), '} else {', _webpack.Template.indent(['var errorType = event && (event.type === \'load\' ? \'missing\' : event.type);', 'var realSrc = event && event.target && event.target.src || fullsrc;', 'var err = new Error("Loading I18N chunk " + chunkId + " failed.\\n(" + realSrc + ")");', 'err.code = "I18N_CHUNK_LOAD_FAILED";', 'err.type = errorType;', 'err.request = realSrc;', 'scriptTag.parentNode.removeChild(scriptTag)', 'reject(err);']), '}'])}`, 'scriptTag.onerror = scriptTag.onload = onScriptComplete;', 'scriptTag.src = fullsrc;', crossOriginLoading ? _webpack.Template.asString(['if (scriptTag.src.indexOf(window.location.origin + \'/\') !== 0) {', _webpack.Template.indent(`scriptTag.crossOrigin = ${JSON.stringify(crossOriginLoading)};`), '}']) : '', insertRoot && insertPlace || _webpack.Template.asString(['document.head.appendChild(scriptTag);']), 'return scriptTag;'])};`, `var findI18nScriptTag = ${runtimeTemplate.basicFunction('src, fullsrc', ['var existingScriptTags = document.getElementsByTagName("script");', 'for(var i = 0; i < existingScriptTags.length; i++) {', _webpack.Template.indent(['var tag = existingScriptTags[i];', 'var dataSrc = tag.getAttribute("data-src") || tag.getAttribute("src");', 'if((dataSrc === src || dataSrc === fullsrc)) return tag;']), '}', 'var existingStyleTags = document.getElementsByTagName("style");', 'for(var i = 0; i < existingStyleTags.length; i++) {', _webpack.Template.indent(['var tag = existingStyleTags[i];', 'var dataSrc = tag.getAttribute("data-src");', 'if(dataSrc === src || dataSrc === fullsrc) return tag;']), '}'])};`, `var loadI18nScriptTag = ${runtimeTemplate.basicFunction('chunkId', `return new Promise(${runtimeTemplate.basicFunction('resolve, reject', [`var src = ${_webpack.RuntimeGlobals.require}.miniI18nF(chunkId);`, `var fullsrc = ${_webpack.RuntimeGlobals.publicPath} + src;`, 'if(findI18nScriptTag(src, fullsrc)) return resolve();', 'createI18nScriptTag(chunkId, fullsrc, resolve, reject);'])});`)}`, '// object to store loaded I18N chunks', 'var installedI18nChunks = {', _webpack.Template.indent(
+      })) : '', '__webpack_require__.nc && scriptTag.setAttribute("nonce", __webpack_require__.nc)', scriptType ? `scriptTag.type = ${JSON.stringify(scriptType)};` : '', `var onScriptComplete = ${runtimeTemplate.basicFunction('event', ['// avoid mem leaks.', 'scriptTag.onerror = scriptTag.onload = null;', 'if (event.type === \'load\') {', _webpack.Template.indent(['resolve();']), '} else {', _webpack.Template.indent(['var errorType = event && (event.type === \'load\' ? \'missing\' : event.type);', 'var realSrc = event && event.target && event.target.src || fullsrc;', 'var err = new Error("Loading I18N chunk " + chunkId + " failed.\\n(" + realSrc + ")");', 'err.code = "I18N_CHUNK_LOAD_FAILED";', 'err.type = errorType;', 'err.request = realSrc;', 'scriptTag.parentNode.removeChild(scriptTag)', 'reject(err);']), '}'])}`, 'scriptTag.onerror = scriptTag.onload = onScriptComplete;', 'scriptTag.src = fullsrc;', crossOriginLoading ? _webpack.Template.asString(['if (scriptTag.src.indexOf(window.location.origin + \'/\') !== 0) {', _webpack.Template.indent(`scriptTag.crossOrigin = ${JSON.stringify(crossOriginLoading)};`), '}']) : '', insertRoot && insertPlace || _webpack.Template.asString(['document.head.appendChild(scriptTag);']), 'return scriptTag;'])};`, `var findI18nScriptTag = ${runtimeTemplate.basicFunction('src, fullsrc', ['var existingScriptTags = document.getElementsByTagName("script");', 'for(var i = 0; i < existingScriptTags.length; i++) {', _webpack.Template.indent(['var tag = existingScriptTags[i];', 'var dataSrc = tag.getAttribute("data-src") || tag.getAttribute("src");', 'if((dataSrc === src || dataSrc === fullsrc)) return tag;']), '}', 'var existingStyleTags = document.getElementsByTagName("style");', 'for(var i = 0; i < existingStyleTags.length; i++) {', _webpack.Template.indent(['var tag = existingStyleTags[i];', 'var dataSrc = tag.getAttribute("data-src");', 'if(dataSrc === src || dataSrc === fullsrc) return tag;']), '}'])};`, `var loadI18nScriptTag = ${runtimeTemplate.basicFunction('chunkId', `return new Promise(${runtimeTemplate.basicFunction('resolve, reject', [`var src = ${_webpack.RuntimeGlobals.require}.miniI18nF(chunkId);`, `var fullsrc = ${_webpack.RuntimeGlobals.publicPath} + src;`, 'if(findI18nScriptTag(src, fullsrc)) return resolve();', 'createI18nScriptTag(chunkId, fullsrc, resolve, reject);'])});`)}`, '// object to store loaded I18N chunks', 'var installedI18nChunks = {', _webpack.Template.indent(
       /** @type {string[]} */
       chunk.ids.map(id => `${JSON.stringify(id)}: 0`).join(',\n')), '};', '', `${_webpack.RuntimeGlobals.ensureChunkHandlers}.miniI18n = ${runtimeTemplate.basicFunction('chunkId, promises', [`var i18nChunks = ${JSON.stringify(chunkMap)};`, 'if(installedI18nChunks[chunkId]) promises.push(installedI18nChunks[chunkId]);', 'else if(installedI18nChunks[chunkId] !== 0 && i18nChunks[chunkId]) {', _webpack.Template.indent([`promises.push(installedI18nChunks[chunkId] = loadI18nScriptTag(chunkId).then(${runtimeTemplate.basicFunction('', 'installedI18nChunks[chunkId] = 0;')}, ${runtimeTemplate.basicFunction('e', ['delete installedI18nChunks[chunkId];', 'throw e;'])}));`]), '}'])};`, '']);
     }

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

@@ -37,6 +37,10 @@ class InitialHtmlPlugin {
         const headTags = [];
         const bodyTags = [];
         data.headTags.forEach(tag => {
+          Object.assign(tag.attributes, {
+            nonce: '{{--CSP-nonce}}'
+          });
+
           if (tag.tagName === 'link') {
             headTags.push(tag);
           } else {

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

@@ -117,6 +117,7 @@ class ResourceHintsRuntimePlugin extends _webpack.RuntimeModule {
         let link = document.createElement("link");
         link.href = href;
         link.rel = rel;
+        __webpack_require__.nc && link.setAttribute("nonce", __webpack_require__.nc)
         if(href.endsWith(".css")) {
           link.as="style";
         } else if (href.endsWith(".js")) {

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

@@ -12,7 +12,7 @@ function babelLoaderConfig(options) {
   return {
     loader: 'babel-loader',
     options: { ...babelConfig,
-      cacheDirectory: false
+      cacheDirectory: true
     }
   };
 }

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

@@ -23,8 +23,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
   @return {Boolean} : true or false
 */
-function checkIsPatternsMatchFilename(patterns, filename = '') {
-  // console.log(filename, patterns);
+function checkIsPatternsMatchFilename(patterns, filename) {
   if (!filename) {
     return false;
   }
@@ -35,22 +34,21 @@ function checkIsPatternsMatchFilename(patterns, filename = '') {
 
   if (typeof patterns === 'function') {
     return patterns(filename);
-  } // if (typeof patterns === 'string') {
-  //   // eslint-disable-next-line no-param-reassign
-  //   patterns = [patterns];
-  // }
+  }
 
+  if (typeof patterns === 'string') {
+    // eslint-disable-next-line no-param-reassign
+    patterns = [patterns];
+  }
 
   if (Array.isArray(patterns)) {
     return patterns.length ? (0, _ignore.default)({
       allowRelativePaths: true
     }).add(patterns).ignores(filename) : true;
-  } // console.log('work');
-  // eslint-disable-next-line no-new
+  } // eslint-disable-next-line no-throw-literal
 
 
-  return new RegExp(patterns); // eslint-disable-next-line no-throw-literal
-  // throw `UnKnown pattern Error ${JSON.stringify(patterns)}`;
+  throw `UnKnown pattern Error ${JSON.stringify(patterns)}`;
 }
 
 function modifyAsExclude(patterns) {

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

@@ -15,7 +15,8 @@ function configMiniCSSExtractPlugin(options) {
   const {
     enableRTLSplit
   } = options.css.plugins.rtlSplit;
-  const cssLTRFileNameTempalte = enableRTLSplit ? (0, _nameTemplates.nameTemplates)('cssdir', options) : (0, _nameTemplates.nameTemplates)('css', options);
+  const cssLTRFileNameTempalte = enableRTLSplit ? (0, _nameTemplates.nameTemplates)('cssdir', options) : (0, _nameTemplates.nameTemplates)('css', options); // eslint-disable-next-line no-undef
+
   return new _miniCssExtractPlugin.default({
     filename: cssLTRFileNameTempalte,
     chunkFilename: cssLTRFileNameTempalte

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

@@ -51,7 +51,6 @@ function splitChunksConfig(options) {
     const cacheGroupName = cacheGroupObj.cacheGroupName || cacheGroupObj.name; // eslint-disable-next-line no-use-before-define
 
     const obj = getCacheGroup(cacheGroupObj, index);
-    obj.chunks = 'all';
     customChunksConfig[cacheGroupName] = obj;
   });
   const splitChunksConfig = {

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

@@ -37,14 +37,12 @@ var _externals = require("./externals");
 
 var _configCustomLoaders = require("./configCustomLoaders");
 
-const source = 'eval-source-map';
-
 function webpackConfigCreator(options) {
   return {
     entry: (0, _entryConfig.entryConfig)(options),
     mode: (0, _modeUtils.getWebpackMode)(options),
     output: (0, _outputConfig.outputConfig)(options),
-    devtool: source,
+    devtool: (0, _devtoolConfig.devtoolConfig)(options),
     stats: (0, _statsConfig.statsConfig)(options),
     optimization: (0, _optimizationConfig.optimizationConfig)(options),
     module: {

package/npm-shrinkwrap.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/client_build_tool",
-  "version": "0.0.6-exp.24",
+  "version": "0.0.6-exp.27",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package/package.json

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