@zohodesk/client_build_tool 0.0.11-exp.16.0 → 0.0.11-exp.17.0

package/lib/shared/babel/getBabelPlugin.js

@@ -4,28 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getBabelPlugin = getBabelPlugin;
+
 var _modeUtils = require("../bundler/webpack/common/modeUtils");
+
 var _addDefaultPlugins = require("./addDefaultPlugins");
+
 const babelPluginMapping = {
   removeAttribute: './babel_plugins/removeAttributesPlugin',
   removePropTypes: 'babel-plugin-transform-react-remove-prop-types',
   devConsoleExclude: 'babel-plugin-transform-remove-console'
 };
 const babelPluginOrder = ['removeAttribute', 'removePropTypes', 'devConsoleExclude'];
+
 function getBabelPlugin(options) {
   const {
     mode
-  } = options;
+  } = options; // let customPlugins = [];
 
-  // let customPlugins = [];
   let customPlugins = [];
   const {
     babelCustomizations
   } = options;
+
   if ((0, _modeUtils.isProductionMode)(mode)) {
     const configCreator = _addDefaultPlugins.addDefaultPlugins;
     const plugins = babelPluginOrder.map(p => configCreator(babelCustomizations[p], babelPluginMapping[p]));
     customPlugins = plugins;
   }
+
   return customPlugins.filter(Boolean);
 }

package/lib/shared/babel/runBabelForJSFile.js

@@ -4,9 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.runBabelForJSFile = runBabelForJSFile;
+
 var _core = require("@babel/core");
+
 var _babelWebConfig = require("./babelWebConfig");
+
 var _copyFile = require("../fileUtils/copyFile");
+
 function runBabelForJSFile({
   filename,
   outputFile,
@@ -14,7 +18,6 @@ function runBabelForJSFile({
   mode = 'es'
 }) {
   // const jsSourceCode = readFileSync(filename).toString();
-
   const babelConfig = (0, _babelWebConfig.babelWebConfig)(options, mode);
   const result = (0, _core.transformFileSync)(filename, babelConfig);
   (0, _copyFile.writeFile)(outputFile, result.code);

package/lib/shared/babel/runBabelForTsFile.js

@@ -4,9 +4,13 @@ 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,
@@ -16,9 +20,9 @@ function runBabelForTSFile({
   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').replace('.ts', '.js'), result.code);

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

@@ -5,12 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.decidePublicPath = decidePublicPath;
 exports.modifiedServerOptions = modifiedServerOptions;
+
 var _getServerURL = require("../../../server/getServerURL");
+
 var _httpsOptions = require("../../../server/httpsOptions");
+
 var _urlConcat = require("../../../server/urlConcat");
+
 function decidePublicPath(serverExtras) {
   return serverExtras.isHttps ? serverExtras.httpsUrl : serverExtras.httpUrl;
 }
+
 function modifiedServerOptions(options) {
   const {
     server,

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

@@ -9,8 +9,7 @@ exports.libAlias = void 0;
 // FIXME: But there is a posiblity when these  package  does not have lib,
 //  app will work because of alias, But may be jest won't work because of not alais
 //  So need to think about use alais in jest 
-
-const libAlias = exports.libAlias = {
+const libAlias = {
   '@zohodesk/components/lib': '@zohodesk/components/es',
   // '@zohodesk/zc-custom/lib': '@zohodesk/zc-custom/es',
   '@zohodesk/dot/lib': '@zohodesk/dot/es',
@@ -28,4 +27,5 @@ const libAlias = exports.libAlias = {
   '@zohodesk/timetracker/lib': '@zohodesk/timetracker/es',
   '@zohodesk/variables/lib': '@zohodesk/variables/es',
   '@zohodesk/virtualizer/lib': '@zohodesk/virtualizer/es'
-};
+};
+exports.libAlias = libAlias;

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

@@ -8,24 +8,29 @@ exports.getWebpackMode = getWebpackMode;
 exports.isDevelopmentMode = isDevelopmentMode;
 exports.isNotProduction = isNotProduction;
 exports.isProductionMode = isProductionMode;
+
 function isProductionMode(mode) {
   return mode === 'prod' || mode === 'production';
 }
+
 function isDevelopmentMode(mode) {
   return mode === 'dev' || mode === 'development';
 }
+
 function getWebpackMode(options) {
   const {
     mode
   } = options;
   return isProductionMode(mode) ? 'production' : 'development';
 }
+
 function getGlobalCacheStorageName(options) {
   const {
     context
   } = options;
   return `${context}Jsonp`;
 }
+
 function isNotProduction(options) {
   const {
     mode

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

@@ -5,24 +5,24 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isI18nFile = void 0;
 exports.nameTemplates = nameTemplates;
+
 var _modeUtils = require("./modeUtils");
+
 // nameTemplate.js
 // 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 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'],
   i18njs: ['i18n-chunk/[locale]/[name].i18n.js', 'i18n-chunk/[locale]/[name].[chunkhash:20]_.i18n.js'],
-  i18nchunkjs: ['i18n-chunk/[locale]/[name].i18n.js',
-  // 'i18n-chunk/[locale]/[name].[chunkhash].i18n.js'
+  i18nchunkjs: ['i18n-chunk/[locale]/[name].i18n.js', // 'i18n-chunk/[locale]/[name].[chunkhash].i18n.js'
   'i18n-chunk/[locale]/[name].[contenthash]_.i18n.js'],
   i18nmanifest: ['i18n-manifest.json', 'i18n-manifest.json'],
   workerjs: ['js/[name].js', 'js/[name].[contenthash].js'],
   css: ['css/[name].css', 'css/[name].[contenthash]_.css'],
+
   /**
    * NOTE: when you change (cssdir) this line it  will have affect on Below files will be affected
    *   custom_plugins/RtlSplitPlugin/*
@@ -36,10 +36,12 @@ const defaultTemplates = {
   audio: ['fonts/[name][ext]', 'fonts/[name].[contenthash][ext]'],
   video: ['videos/[name][ext]', 'videos/[name].[contenthash][ext]']
 };
+
 function createNameTemplate(name, useHash) {
   // const ext = `${useHash ? '.[hash:20]' : ''}[ext]`;
   return useHash ? name[1] : name[0];
 }
+
 const defaultDevModeContentHashAllowedTypes = {
   image: true,
   font: true,
@@ -47,6 +49,7 @@ const defaultDevModeContentHashAllowedTypes = {
   audio: true,
   video: true
 };
+
 function nameTemplates(type, options) {
   const {
     enableFileNameHashing,
@@ -58,15 +61,16 @@ function nameTemplates(type, options) {
     devModeContentHashAllowedTypes
   } = options;
   devModeContentHashAllowedTypes = devModeContentHashAllowedTypes || defaultDevModeContentHashAllowedTypes;
-  const templates = {
-    ...defaultTemplates,
+  const templates = { ...defaultTemplates,
     ...nameTemplateCustomization
   };
   const templateName = templates[type];
+
   if (!templateName) {
     throw Error(`specified type not valid Type: ${type}`);
-  }
-  // eslint-disable-next-line no-use-before-define
+  } // eslint-disable-next-line no-use-before-define
+
+
   const useHash = checkCanWeAllowHash({
     enableFileNameHashing,
     devLikeHash: devLikeHash || (0, _modeUtils.isDevelopmentMode)(mode),
@@ -75,6 +79,7 @@ function nameTemplates(type, options) {
   });
   return createNameTemplate(templateName, useHash);
 }
+
 function checkCanWeAllowHash({
   enableFileNameHashing,
   devLikeHash,
@@ -84,15 +89,17 @@ function checkCanWeAllowHash({
   if (!enableFileNameHashing) {
     return false;
   }
+
   if (devLikeHash) {
     return devModeContentHashAllowedTypes[type];
   }
-  return true;
-}
 
-// export function cssDirNameTemplate(dir, options) {
+  return true;
+} // export function cssDirNameTemplate(dir, options) {
 //   return nameTemplates('cssdir', options).replace(/\[dir\]/g, dir);
 // }
 
+
 const isI18nFile = url => url.endsWith('.i18n.js');
+
 exports.isI18nFile = isI18nFile;

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

@@ -5,16 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.publicPathAsExpression = publicPathAsExpression;
 exports.resourceBasedPublicPath = resourceBasedPublicPath;
-// const  publicPaths = {
 
+// const  publicPaths = {
 // };
-
 function resourceBasedPublicPath(resoruceType, options) {
   return options.publicPath;
 }
+
 function publicPathAsExpression(resoruceType, options) {
   if (resoruceType === 'i18n') {
     return options.i18nChunkSplit.localeVarName;
   }
+
   return JSON.stringify(options.publicPath);
 }

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.configCustomLoaders = configCustomLoaders;
+
 function configCustomLoaders(options) {
   return options.customLoaders || [];
 }

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

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.cssLoaders = cssLoaders;
+
 var _getCSSLoaders = require("./getCSSLoaders");
+
 function cssLoaders(options) {
   return [{
     test: /\.css$/,

package/lib/shared/bundler/webpack/custom_plugins/BundleIntegrityReport/index.js

@@ -4,12 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BundleIntegrityReport = void 0;
+
 var _fs = _interopRequireDefault(require("fs"));
+
 var _path = _interopRequireDefault(require("path"));
+
 var _stream = require("stream");
+
 var _objectManipulation = require("../../utils/object-manipulation");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const pluginName = 'BundleIntegrityReportPlugin';
+
 class BundleIntegrityReport {
   constructor({
     options,
@@ -20,6 +27,7 @@ class BundleIntegrityReport {
     this.statsFileName = fileName;
     this.statsOptions = options;
   }
+
   apply(compiler) {
     compiler.hooks.done.tapAsync(pluginName, (stats, callback) => {
       if (stats.hasErrors()) {
@@ -31,6 +39,7 @@ class BundleIntegrityReport {
         }));
         return callback(new Error('Build failed due to compilation errors.'));
       }
+
       const statsJson = (0, _objectManipulation.removeKeysFromObject)(stats.toJson(this.statsOptions), this.excludeKeysInStat);
       this.emitStats(statsJson).on('end', () => {
         callback();
@@ -39,24 +48,30 @@ class BundleIntegrityReport {
       });
     });
   }
+
   writeStatsFileInAStream(statsObj) {
     const {
       outputPath
     } = statsObj;
+
     const ouputFileName = _path.default.join(outputPath, this.statsFileName);
+
     return this.createReadStream(statsObj).pipe(_fs.default.createWriteStream(ouputFileName));
   }
+
   createReadStream(statsObj) {
     const excludeKeys = this.excludeKeysInStat;
     return new _stream.Readable({
       read() {
         let isDone = false;
         const objToStringGen = (0, _objectManipulation.convertObjectToStringGen)(statsObj, excludeKeys);
+
         while (!isDone) {
           const {
             done,
             value
           } = objToStringGen.next();
+
           if (done) {
             isDone = true;
             this.push(null);
@@ -65,10 +80,14 @@ class BundleIntegrityReport {
           }
         }
       }
+
     });
   }
+
   emitStats(statsJson) {
     return this.writeStatsFileInAStream(statsJson);
   }
+
 }
+
 exports.BundleIntegrityReport = BundleIntegrityReport;

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

@@ -4,28 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _htmlWebpackPlugin = _interopRequireDefault(require("html-webpack-plugin"));
+
 var _webpack = require("webpack");
+
 var _nameTemplates = require("../../common/nameTemplates");
+
 var _modeUtils = require("../../common/modeUtils");
+
 var _webpackCustomJsUrlLoader = _interopRequireDefault(require("./webpackCustomJsUrlLoader"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// import { RuntimeGlobals, RuntimeModule } from 'webpack';
 
-// eslint-disable-next-line import/extensions
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+// import { RuntimeGlobals, RuntimeModule } from 'webpack';
+// eslint-disable-next-line import/extensions
 // import { Template } from 'webpack';
 // eslint-disable-next-line import/extensions
-
-const pluginName = 'CdnChangePlugin';
-// const MODULE_TYPE = 'css/mini-extract';
-
+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;
@@ -33,6 +34,7 @@ const pluginName = 'CdnChangePlugin';
 //     }`;
 //   }
 // }
+
 class CdnChangePlugin {
   constructor(options) {
     this.createSeparateSMap = options.createSeparateSMap;
@@ -42,6 +44,7 @@ class CdnChangePlugin {
     this.jsTemplate = options.jsTemplate || '{{__JS_CDN__}}';
     this.mode = options.mode || 'prod';
   }
+
   apply(compiler) {
     // compiler.hooks.thisCompilation.tap(pluginName, compilation => {
     //   const enabledChunks = new WeakSet();
@@ -49,11 +52,8 @@ class CdnChangePlugin {
     //     if (enabledChunks.has(entryRuntimeChunk)) {
     //       return;
     //     }
-
     //     enabledChunks.add(entryRuntimeChunk);
-
     //     set.add(RuntimeGlobals.getFullHash);
-
     //     set.add(RuntimeGlobals.getChunkCssFilename);
     //     compilation.addRuntimeModule(
     //       entryRuntimeChunk,
@@ -67,16 +67,14 @@ class CdnChangePlugin {
     //     .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,
+        } = 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)) {
@@ -86,24 +84,29 @@ class CdnChangePlugin {
                 js = js.replace('js/', `{{--js-smap}}js/`); //eslint-disable-line
               }
             }
+
             return `${(0, _nameTemplates.isI18nFile)(js) ? this.i18nTemplate : this.jsTemplate}${js}`;
           })
         };
         cb && cb(null, data);
       });
+
       compilation.hooks.runtimeRequirementInTree.for(_webpack.RuntimeGlobals.getChunkScriptFilename).tap(pluginName, (chunk, set) => {
         if (typeof compilation.outputOptions.chunkFilename === 'string' && /\[(full)?hash(:\d+)?\]/.test(compilation.outputOptions.chunkFilename)) {
           set.add(_webpack.RuntimeGlobals.getFullHash);
         }
-        compilation.addRuntimeModule(chunk,
-        // eslint-disable-next-line new-cap
+
+        compilation.addRuntimeModule(chunk, // eslint-disable-next-line new-cap
         new _webpackCustomJsUrlLoader.default('javascript', 'javascript', _webpack.RuntimeGlobals.getChunkScriptFilename, chunk => chunk.filenameTemplate || (chunk.canBeInitial() ? compilation.outputOptions.filename : compilation.outputOptions.chunkFilename), false, this.variableName));
         return true;
       });
     });
   }
+
 }
-var _default = exports.default = CdnChangePlugin; // Cdn Change Plugin for runtime chunks???
+
+var _default = CdnChangePlugin; // Cdn Change Plugin for runtime chunks???
+
 /**
  * the filename of the script part of the chunk
  */
@@ -111,4 +114,6 @@ var _default = exports.default = CdnChangePlugin; // Cdn Change Plugin for runti
 // /**
 //  * the filename of the css part of the chunk
 //  */
-// exports.getChunkCssFilename = "__webpack_require__.k";
+// exports.getChunkCssFilename = "__webpack_require__.k";
+
+exports.default = _default;

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

@@ -4,17 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _GetChunkFilenameRuntimeModule = _interopRequireDefault(require("webpack/lib/runtime/GetChunkFilenameRuntimeModule"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// import { RuntimeGlobals, RuntimeModule, Template } from 'webpack';
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import { RuntimeGlobals, RuntimeModule, Template } from 'webpack';
 // const GetChunkFilenameRuntimeModule = require('webpack/lib/runtime/GetChunkFilenameRuntimeModule');
 // import GetChunkFilenameRuntimeModule from 'webpack/lib/runtime/GetChunkFilenameRuntimeModule';
 // const first = set => {
 //   const entry = set.values().next();
 //   return entry.done ? undefined : entry.value;
 // };
-
 class CustomizedGetChunkFilenameRuntimeModule extends _GetChunkFilenameRuntimeModule.default {
   /**
    * @param {string} contentType the   to use the content hash for
@@ -32,10 +33,14 @@ class CustomizedGetChunkFilenameRuntimeModule extends _GetChunkFilenameRuntimeMo
     this.dependentHash = true;
     this.variableName = variableName;
   }
+
   generate() {
     const sourceCode = super.generate().toString();
     const replaceCode = sourceCode.replaceAll('"js-chunks/', `${this.variableName} + "js-chunks/`);
     return replaceCode;
   }
+
 }
-var _default = exports.default = CustomizedGetChunkFilenameRuntimeModule;
+
+var _default = CustomizedGetChunkFilenameRuntimeModule;
+exports.default = _default;

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

@@ -4,9 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CustomScriptLoadingStrategyPlugin = void 0;
+
 var _htmlWebpackPlugin = _interopRequireDefault(require("html-webpack-plugin"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const pluginName = 'CustomScriptLoadingStrategyPlugin';
+
 class CustomScriptLoadingStrategyPlugin {
   constructor({
     scriptLoadingStategey
@@ -14,57 +18,69 @@ class CustomScriptLoadingStrategyPlugin {
     this.scriptLoadingStrategy = scriptLoadingStategey;
     this.tagNamesToMatch = ['script'];
   }
+
   getFileNameFromTagSrc(src) {
     const fileNameArr = src.split('/');
     return fileNameArr[fileNameArr.length - 1];
   }
+
   addAttributestToTag(tag, attributes) {
     tag.attributes = Object.assign({}, tag.attributes, attributes);
   }
+
   matchFileName(tag, fileName) {
     return fileName.test(this.getFileNameFromTagSrc(tag.attributes.src));
   }
+
   blockingStrategy(tag) {
     delete tag.attributes.defer;
     delete tag.attributes.async;
   }
+
   deferStrategy(tag) {
     delete tag.attributes.async;
   }
+
   asyncStrategy(tag) {
     delete tag.attributes.defer;
   }
+
   moduleStrategy(tag) {
     this.deferStrategy(tag);
   }
+
   matchStrategy(scriptLoadingStrategy, tag) {
     if (scriptLoadingStrategy === 'blocking') {
       this.blockingStrategy(tag);
     }
+
     if (scriptLoadingStrategy === 'defer') {
       this.deferStrategy(tag);
     }
+
     if (scriptLoadingStrategy === 'async') {
       this.asyncStrategy(tag);
     }
+
     if (scriptLoadingStrategy === 'module') {
       this.moduleStrategy(tag);
     }
   }
+
   matchAndApplyCustomLoadingStrategyToScripts(tags) {
     Object.keys(this.scriptLoadingStrategy).forEach(scriptLoadingStrategy => {
       const filesToMatch = this.scriptLoadingStrategy[scriptLoadingStrategy];
       tags.forEach(tag => {
         if (this.tagNamesToMatch.includes(tag.tagName) && tag.attributes.src) {
           const isFileMatch = filesToMatch.some(fileName => this.matchFileName(tag, fileName));
+
           if (isFileMatch) {
             this.matchStrategy(scriptLoadingStrategy, tag);
             this.addAttributestToTag(tag, {
               [scriptLoadingStrategy]: true
             });
           }
-        }
-        // filesToMatch.forEach(fileName => {
+        } // filesToMatch.forEach(fileName => {
         //   if (!this.matchFileName(tag, fileName)) {
         //     return;
         //   }
@@ -73,9 +89,11 @@ class CustomScriptLoadingStrategyPlugin {
         //     [scriptLoadingStrategy]: true
         //   });
         // });
+
       });
     });
   }
+
   apply(compiler) {
     compiler.hooks.compilation.tap(pluginName, compilation => {
       _htmlWebpackPlugin.default.getHooks(compilation).alterAssetTagGroups.tapAsync(pluginName, (data, callback) => {
@@ -85,5 +103,7 @@ class CustomScriptLoadingStrategyPlugin {
       });
     });
   }
+
 }
+
 exports.CustomScriptLoadingStrategyPlugin = CustomScriptLoadingStrategyPlugin;