@zohodesk/client_build_tool 0.0.6-exp.24 → 0.0.6-exp.25

package/README.md

@@ -86,6 +86,80 @@ 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,3 +82,77 @@ 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: 'source-map',
+  devtool: 'cheap-eval-source-map',
   statsLogConfig: null,
   stats: {
     enable: {
@@ -228,9 +228,10 @@ var _default = {
     }
   },
   createSeparateSMap: {
-    value: false,
+    value: true,
     cli: 'enable_smap'
   },
+  nameTemplateCustomization: null,
   babelCustomizations: {
     browserList: null,
     // NOTE: need to consider

package/lib/shared/bundler/webpack/common/nameTemplates.js

@@ -12,7 +12,7 @@ var _modeUtils = require("./modeUtils");
 // NOTE: these below code can be done in js,
 //   we did copy paste in order to avoid unnecessary confusion
 // NOTE: array[0] is dev mode file templates and array[1] is prod mode file templates
-const templates = {
+const defaultTemplates = {
   html: ['index.html', 'index.[contenthash].html'],
   js: ['js/[name].js', 'js/[name].[contenthash].js'],
   chunkjs: ['js-chunk/[name].js', 'js-chunks/[name].[contenthash].js'],
@@ -54,12 +54,16 @@ function nameTemplates(type, options) {
   const {
     enableFileNameHashing,
     mode,
-    devLikeHash
+    devLikeHash,
+    nameTemplateCustomization
   } = options;
   let {
     devModeContentHashAllowedTypes
   } = options;
   devModeContentHashAllowedTypes = devModeContentHashAllowedTypes || defaultDevModeContentHashAllowedTypes;
+  const templates = { ...defaultTemplates,
+    ...nameTemplateCustomization
+  };
   const templateName = templates[type];
 
   if (!templateName) {

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

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

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

@@ -23,7 +23,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
   @return {Boolean} : true or false
 */
-function checkIsPatternsMatchFilename(patterns, filename) {
+function checkIsPatternsMatchFilename(patterns, filename = '') {
+  // console.log(filename, patterns);
   if (!filename) {
     return false;
   }
@@ -34,21 +35,22 @@ 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;
-  } // eslint-disable-next-line no-throw-literal
+  } // console.log('work');
+  // eslint-disable-next-line no-new
 
 
-  throw `UnKnown pattern Error ${JSON.stringify(patterns)}`;
+  return new RegExp(patterns); // eslint-disable-next-line no-throw-literal
+  // throw `UnKnown pattern Error ${JSON.stringify(patterns)}`;
 }
 
 function modifyAsExclude(patterns) {

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

@@ -51,6 +51,7 @@ 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,12 +37,14 @@ 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: (0, _devtoolConfig.devtoolConfig)(options),
+    devtool: source,
     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.3",
+  "version": "0.0.6-exp.24",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package/package.json

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

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

@@ -1,99 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _htmlWebpackPlugin = _interopRequireDefault(require("html-webpack-plugin"));
-
-var _nameTemplates = require("../common/nameTemplates");
-
-var _modeUtils = require("../common/modeUtils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// import { RuntimeGlobals, RuntimeModule } from 'webpack';
-// import { Template } from 'webpack';
-const pluginName = 'CdnChangePlugin'; // const MODULE_TYPE = 'css/mini-extract';
-// class CdnChangeRuntimePlugin extends RuntimeModule {
-//   constructor(compiler, { variableName }) {
-//     super('cdn loading', 10);
-//     this.variableName = variableName;
-//   }
-//   generate() {
-//     return `${RuntimeGlobals.getChunkCssFilename} = function(chunkId) {
-//       const cssCdnUrl = window[${this.variableName}] || chunkId;
-//       return cssCdnUrl;
-//     }`;
-//   }
-// }
-
-class CdnChangePlugin {
-  constructor(options) {
-    this.createSeparateSMap = options.createSeparateSMap;
-    this.i18nTemplate = options.i18nTemplate || '{{__I18N_CDN__}}';
-    this.variableName = options.variableName || '__CSS_CDN__';
-    this.cssTemplate = options.cssTemplate || '{{__CSS_CDN__}}';
-    this.jsTemplate = options.jsTemplate || '{{__JS_CDN__}}';
-    this.mode = options.mode || 'prod';
-  }
-
-  apply(compiler) {
-    // compiler.hooks.thisCompilation.tap(pluginName, compilation => {
-    //   const enabledChunks = new WeakSet();
-    //   const handler = (entryRuntimeChunk, set) => {
-    //     if (enabledChunks.has(entryRuntimeChunk)) {
-    //       return;
-    //     }
-    //     enabledChunks.add(entryRuntimeChunk);
-    //     set.add(RuntimeGlobals.getFullHash);
-    //     set.add(RuntimeGlobals.getChunkCssFilename);
-    //     compilation.addRuntimeModule(
-    //       entryRuntimeChunk,
-    //       new CdnChangeRuntimePlugin(set, {
-    //         compiler,
-    //         variableName: this.variableName
-    //       })
-    //     );
-    //   };
-    //   compilation.hooks.runtimeRequirementInTree
-    //     .for(RuntimeGlobals.ensureChunkHandlers)
-    //     .tap(pluginName, handler);
-    // });
-    compiler.hooks.compilation.tap(pluginName, compilation => {
-      _htmlWebpackPlugin.default.getHooks(compilation).beforeAssetTagGeneration.tap(pluginName, (data, cb) => {
-        const {
-          createSeparateSMap,
-          mode
-        } = this; // eslint-disable-next-line no-param-reassign
-
-        data.assets = { ...data.assets,
-          css: data.assets.css.map(css => `${this.cssTemplate}${css}`),
-          js: data.assets.js.map(js => {
-            if (((0, _modeUtils.isProductionMode)(mode) || createSeparateSMap) && !(0, _nameTemplates.isI18nFile)(js)) {
-              js = js.replace('js/', `{{--js-smap}}js/`); //eslint-disable-line
-            }
-
-            return `${(0, _nameTemplates.isI18nFile)(js) ? this.i18nTemplate : this.jsTemplate}${js}`;
-          })
-        };
-        cb && cb(null, data);
-      });
-    });
-  }
-
-}
-
-var _default = CdnChangePlugin; // Cdn Change Plugin for runtime chunks???
-
-/**
- * the filename of the script part of the chunk
- */
-// exports.getChunkScriptFilename = "__webpack_require__.u";
-// /**
-//  * the filename of the css part of the chunk
-//  */
-// exports.getChunkCssFilename = "__webpack_require__.k";
-
-exports.default = _default;