@zohodesk/client_build_tool 0.0.6-exp.23 → 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
@@ -323,6 +324,12 @@ var _default = {
     cssAttributes: null,
     i18nAttributes: null
   },
-  externals: null
+  externals: null,
+  typeScript: {
+    enable: {
+      value: false,
+      cli: 'type_script_enable'
+    }
+  }
 };
 exports.default = _default;

package/lib/shared/babel/babelWebConfig.js

@@ -25,8 +25,11 @@ function babelWebConfig(options, mode) {
     plugins: babelPlugins,
     browserList
   } = options.babelCustomizations;
+  const {
+    enable: typeScriptEnable
+  } = options.typeScript;
   return {
-    presets: [getBabelPresetEnvConfig(browserList, mode), require.resolve('@babel/preset-react')],
+    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)
   };
 }

package/lib/shared/babel/runBabelForTsFile.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.runBabelForTSFile = runBabelForTSFile;
+
+var _core = require("@babel/core");
+
+var _babelWebConfig = require("./babelWebConfig");
+
+var _copyFile = require("../fileUtils/copyFile");
+
+function runBabelForTSFile({
+  filename,
+  outputFile,
+  options,
+  mode = 'es'
+}) {
+  const {
+    enable
+  } = options.typeScript;
+
+  if (enable) {
+    // const jsSourceCode = readFileSync(filename).toString();
+    const babelConfig = (0, _babelWebConfig.babelWebConfig)(options, mode);
+    const result = (0, _core.transformFileSync)(filename, babelConfig);
+    (0, _copyFile.writeFile)(outputFile.replace('.tsx', '.js'), result.code);
+  }
+}

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/resolvers.js

@@ -62,7 +62,8 @@ function moduleResolver(options) {
     modules: useAppNodeModulesAsPreferred(preferLocalFirst, [nodeModulesPath, _constants.cliNodeModulesPath].filter(Boolean)),
     alias: { ...(defaultAlias ? _libAlias.libAlias : {}),
       ...(alias || {})
-    }
+    },
+    extensions: ['.ts', '.js', '.json', '.tsx']
   };
 }
 

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/tsLoaders.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tsLoaders = tsLoaders;
+
+var _babelLoaderConfig = require("./loaderConfigs/babelLoaderConfig");
+
+function tsLoaders(options) {
+  return [{
+    test: /\.tsx$/,
+    exclude: /node_modules/,
+    use: [(0, _babelLoaderConfig.babelLoaderConfig)(options)] // include: path.join(appPath, folder)
+
+  }];
+}

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

@@ -11,6 +11,8 @@ var _outputConfig = require("./outputConfig");
 
 var _jsLoaders = require("./jsLoaders");
 
+var _tsLoaders = require("./tsLoaders");
+
 var _cssLoaders = require("./cssLoaders");
 
 var _assetLoaders = require("./loaderConfigs/assetLoaders");
@@ -35,18 +37,20 @@ 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: {
       /* strictExportPresence for break the build when imported module not present in respective file */
       // strictExportPresence: true,
-      rules: [...(0, _jsLoaders.jsLoaders)(options), ...(0, _cssLoaders.cssLoaders)(options), (0, _configWebWorkerLoader.configWebWorkerLoader)(options), (0, _configHtmlTemplateLoader.configHtmlTemplateLoader)(options), ...(0, _assetLoaders.assetLoaders)(options), ...(0, _configCustomLoaders.configCustomLoaders)(options)]
+      rules: [...(0, _jsLoaders.jsLoaders)(options), ...(0, _tsLoaders.tsLoaders)(options), ...(0, _cssLoaders.cssLoaders)(options), (0, _configWebWorkerLoader.configWebWorkerLoader)(options), (0, _configHtmlTemplateLoader.configHtmlTemplateLoader)(options), ...(0, _assetLoaders.assetLoaders)(options), ...(0, _configCustomLoaders.configCustomLoaders)(options)]
     },
     plugins: (0, _plugins.plugins)(options),
     externals: (0, _externals.externals)(options),

package/lib/shared/fileUtils/watchRun.js

@@ -11,6 +11,8 @@ var _watcher = _interopRequireDefault(require("watcher"));
 
 var _runBabelForJSFile = require("../babel/runBabelForJSFile");
 
+var _runBabelForTsFile = require("../babel/runBabelForTsFile");
+
 var _runPostCssForCssFile = require("../postcss/runPostCssForCssFile");
 
 var _directoryIterator = require("./directoryIterator");
@@ -23,6 +25,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 const isJs = ext => ext === '.js';
 
+const isTs = ext => ext === '.ts' || ext === '.tsx';
+
 const isCss = ext => ext === '.css';
 
 function watchRun({
@@ -54,6 +58,13 @@ function watchRun({
         outputFile,
         options
       });
+    } else if (isTs(ext)) {
+      (0, _runBabelForTsFile.runBabelForTSFile)({
+        filename,
+        outputFile,
+        options,
+        mode
+      });
     } else {
       (0, _copyFile.copyFile)(filename, outputFile);
     }
@@ -81,7 +92,8 @@ function watchRun({
     const watcher = new _watcher.default(src, {
       recursive: true,
       ignoreInitial: true,
-      ignore: filename => filename.indexOf('__tests__') !== -1
+      ignore: filename => filename.indexOf('__tests__') !== -1 // remove the test cases 
+
     });
     watcher.on('all', (event, filename) => {
       if (event === 'unlink' || event === 'unlinkDir') {