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

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.configHtmlTemplateLoader = configHtmlTemplateLoader;
-
 function configHtmlTemplateLoader(options) {
   return {
     test: /\.tmpl$/,

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

@@ -4,30 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.configPostCssLoader = configPostCssLoader;
-
 var _path = _interopRequireDefault(require("path"));
-
 var _filterPluginsAllowedForSpecficFile = require("../../../postcss/filterPluginsAllowedForSpecficFile");
-
 var _getAllowedPostCssPlugins = require("../../../postcss/getAllowedPostCssPlugins");
-
 var _constants = require("../../../constants");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // import EmptyPlugin from '../custom_postcss_plugins/EmptyPlugin';
+
 function configPostCssLoader(options) {
   const pluginsOptions = options.css.plugins;
   const enabledPlugins = (0, _filterPluginsAllowedForSpecficFile.getEnabledPlugins)(pluginsOptions);
   const getAllowedPostCssPlugins = (0, _getAllowedPostCssPlugins.postcssPluginGetter)(options);
-
   function configPostCssPlugins(params) {
     const filename = _path.default.relative(_constants.appPath, params.resourcePath);
-
     const allowedPostCssPlugins = getAllowedPostCssPlugins(filename);
     return allowedPostCssPlugins;
   }
-
   return enabledPlugins.length && {
     loader: 'postcss-loader',
     options: {

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

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.configWebWorkerLoader = configWebWorkerLoader;
-
 var _nameTemplates = require("../common/nameTemplates");
-
 function configWebWorkerLoader(options) {
   return {
     test: /\.worker.js$/,

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

@@ -8,15 +8,12 @@ exports.configFontLoader = configFontLoader;
 exports.configImageLoader = configImageLoader;
 exports.configSVGLoader = configSVGLoader;
 exports.configVideoLoader = configVideoLoader;
-
 var _nameTemplates = require("../common/nameTemplates");
-
 const ImageExtRegex = /\.jpe?g$|\.gif$|\.png|\.webp$/;
 const FontExtRegex = /\.woff2|\.woff$|\.ttf$|\.eot$/;
 const SVGExtRegex = /\.svg$/;
 const AudioExtRegex = /\.ogg|\.mp3$/;
 const VideoExtRegex = /\.mp4|\.webm$/;
-
 function createAssetLoader({
   test,
   nameTemplate,
@@ -26,27 +23,22 @@ function createAssetLoader({
     test,
     type: 'asset'
   };
-
   if (limit) {
     conf.parser = {
       dataUrlCondition: {
         maxSize: limit // 4 * 1024 // 4kb
-
       }
     };
   } else {
     conf.type = 'asset/resource';
   }
-
   if (nameTemplate) {
     conf.generator = {
       filename: nameTemplate
     };
   }
-
   return conf;
 }
-
 function configImageLoader(options) {
   return createAssetLoader({
     test: ImageExtRegex,
@@ -54,7 +46,6 @@ function configImageLoader(options) {
     limit: 1000
   });
 }
-
 function configFontLoader(options) {
   return createAssetLoader({
     test: FontExtRegex,
@@ -62,7 +53,6 @@ function configFontLoader(options) {
     limit: 1000
   });
 }
-
 function configSVGLoader(options) {
   return createAssetLoader({
     test: SVGExtRegex,
@@ -70,14 +60,12 @@ function configSVGLoader(options) {
     limit: 1000
   });
 }
-
 function configAudioLoader(options) {
   return createAssetLoader({
     test: AudioExtRegex,
     nameTemplate: (0, _nameTemplates.nameTemplates)('audio', options)
   });
 }
-
 function configVideoLoader(options) {
   return createAssetLoader({
     test: VideoExtRegex,

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

@@ -5,21 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getHash = getHash;
-
 var _crypto = require("crypto");
-
 var _path = _interopRequireDefault(require("path"));
-
 var _checkIsPatternsMatchFilename = require("./checkIsPatternsMatchFilename");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function getHash(str, length) {
   return (0, _crypto.createHash)('md5').update(str).digest('hex').slice(0, length);
 }
-
 const defaultSelectorBlob = '[prefix]-[filename]-[local]';
-
 function getSuitableBlob(customizations = [], filename) {
   const custom = customizations.find(({
     enable,
@@ -27,7 +20,6 @@ function getSuitableBlob(customizations = [], filename) {
   }) => enable && (0, _checkIsPatternsMatchFilename.checkIsPatternsMatchFilename)(patterns, filename));
   return custom && custom.blob || defaultSelectorBlob;
 }
-
 var _default = options => {
   const {
     classNameOptions
@@ -46,20 +38,14 @@ var _default = options => {
       rootContext,
       resourcePath
     } = context;
-
     const relativePath = _path.default.relative(rootContext, resourcePath);
-
     const fileNameWithoutExt = _path.default.parse(relativePath).name;
-
     let cleanFileName = fileNameWithoutExt.replace(/-/g, '_').toLowerCase();
-
     if (cleanFileName.endsWith('.module')) {
       cleanFileName = cleanFileName.slice(0, -7);
     }
-
     const suitableBlob = getSuitableBlob(customizations, resourcePath);
     return suitableBlob.replaceAll('[local]', localName).replaceAll('[prefix]', classNamePrefix).replaceAll('[filename]', cleanFileName).replaceAll('[hash]', getHash(`${relativePath}-${localName}`, 10));
   };
 };
-
 exports.default = _default;

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

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getCssLoaderOptions = getCssLoaderOptions;
-
 var _cssClassNameGenerate = _interopRequireDefault(require("./cssClassNameGenerate"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function getCssLoaderOptions(options) {
   const cssLoaderOptions = {
     importLoaders: 1,

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

@@ -0,0 +1,72 @@
+"use strict";
+
+const {
+  getPropertiesAsJSON
+} = require('../custom_plugins/I18nSplitPlugin/utils/propertiesUtils');
+
+/**
+ * Load i18n data from JSResources file once for all chunks
+ */
+function loadJSResourcesOnce(options) {
+  let jsResourcePath;
+
+  // Determine the JSResource path based on configuration
+  if (options.i18nIndexing && options.i18nIndexing.enable) {
+    jsResourcePath = options.i18nIndexing.jsResourcePath;
+  } else if (options.i18nChunkSplit && options.i18nChunkSplit.chunkSplitEnable && options.i18nChunkSplit.useNumericIndexing) {
+    jsResourcePath = options.i18nChunkSplit.jsResource;
+  } else {
+    throw new Error('i18nIdReplaceLoader requires either i18nIndexing to be enabled or i18nChunkSplit with useNumericIndexing');
+  }
+  if (!jsResourcePath) {
+    throw new Error('Missing required jsResourcePath in i18n options');
+  }
+  try {
+    const i18nData = getPropertiesAsJSON(jsResourcePath);
+    if (Object.keys(i18nData).length === 0) {
+      console.warn(`[i18nIdReplaceLoaderConfig] Warning: No i18n data found in JSResource file: ${jsResourcePath}`);
+      return {};
+    }
+    return i18nData;
+  } catch (err) {
+    throw new Error(`Error reading JSResource file ${jsResourcePath}: ${err.message}`);
+  }
+}
+
+/**
+ * Configure the i18n ID replace loader
+ */
+function i18nIdReplaceLoaderConfig(options, webpackContext) {
+  let numericMapPath;
+
+  // Determine the numeric map path based on configuration
+  if (options.i18nIndexing && options.i18nIndexing.enable) {
+    numericMapPath = options.i18nIndexing.numericMapPath;
+  } else if (options.i18nChunkSplit && options.i18nChunkSplit.chunkSplitEnable && options.i18nChunkSplit.useNumericIndexing) {
+    numericMapPath = options.i18nChunkSplit.numericMapPath;
+  } else {
+    throw new Error('i18nIdReplaceLoader requires either i18nIndexing to be enabled or i18nChunkSplit with useNumericIndexing');
+  }
+  if (!numericMapPath) {
+    throw new Error('numericMapPath is required in i18nIndexing or i18nChunkSplit config');
+  }
+
+  // Load all i18n data for key detection
+  const allI18nData = loadJSResourcesOnce(options);
+  const i18nKeyReplaceLoaderPath = require.resolve('../loaders/i18nIdReplaceLoader.js');
+  const loaderOptions = {
+    allI18nData: allI18nData,
+    sourceMaps: false,
+    numericMapPath: numericMapPath,
+    devMode: options.i18nIndexing?.devMode || false,
+    includePaths: options.i18nIndexing?.loaderOptions?.includePaths || [],
+    excludePaths: options.i18nIndexing?.loaderOptions?.excludePaths || ['node_modules', 'tests']
+  };
+  return {
+    loader: i18nKeyReplaceLoaderPath,
+    options: loaderOptions
+  };
+}
+module.exports = {
+  i18nIdReplaceLoaderConfig
+};

package/lib/shared/bundler/webpack/loaders/i18nIdReplaceLoader.js

@@ -0,0 +1,113 @@
+"use strict";
+
+const fs = require('fs');
+const path = require('path');
+const parser = require('@babel/parser');
+const traverse = require('@babel/traverse').default;
+const generator = require('@babel/generator').default;
+const t = require('@babel/types');
+const {
+  getOptions
+} = require('loader-utils');
+module.exports = function i18nIdReplaceLoader(source, map) {
+  const resourcePath = this.resourcePath;
+  this.cacheable && this.cacheable();
+  const options = getOptions(this) || {};
+  const callback = this.async();
+
+  // Skip files in excluded paths
+  if (options.excludePaths) {
+    const shouldExclude = options.excludePaths.some(excludePath => resourcePath.includes(excludePath));
+    if (shouldExclude) {
+      return callback(null, source, map);
+    }
+  }
+
+  // Only process files in included paths if specified
+  if (options.includePaths && options.includePaths.length > 0) {
+    const shouldInclude = options.includePaths.some(includePath => resourcePath.includes(includePath));
+    if (!shouldInclude) {
+      return callback(null, source, map);
+    }
+  }
+
+  // Validate i18n data exists
+  if (!options.allI18nData || Object.keys(options.allI18nData).length === 0) {
+    return callback(new Error(`i18nIdReplaceLoader: 'allI18nData' option is missing or empty`));
+  }
+
+  // Load numeric ID mapping
+  let numericIdMap = null;
+  if (options.numericMapPath) {
+    try {
+      if (fs.existsSync(options.numericMapPath)) {
+        const fileContent = fs.readFileSync(options.numericMapPath, 'utf-8');
+        const parsedData = JSON.parse(fileContent);
+
+        // Handle both wrapped and flat formats
+        if (parsedData) {
+          if (parsedData.originalKeyToNumericId) {
+            // New format with wrapper
+            numericIdMap = parsedData.originalKeyToNumericId;
+          } else if (typeof parsedData === 'object') {
+            // Flat format - use directly
+            numericIdMap = parsedData;
+          }
+        }
+      }
+    } catch (err) {
+      // Silently continue without numeric mapping
+    }
+  }
+
+  // If no numeric map available, return source as-is
+  if (!numericIdMap) {
+    return callback(null, source, map);
+  }
+  const isDevMode = options.devMode || process.env.NODE_ENV === 'development';
+  try {
+    // Parse the JavaScript/TypeScript source code
+    const ast = parser.parse(source, {
+      sourceType: 'module',
+      plugins: ['jsx', 'typescript', 'classProperties', 'optionalChaining', 'nullishCoalescingOperator'],
+      sourceFilename: resourcePath
+    });
+    let hasTransformations = false;
+
+    // Traverse AST and replace i18n keys with numeric IDs
+    traverse(ast, {
+      StringLiteral(path) {
+        const {
+          node
+        } = path;
+
+        // Check if this string is an i18n key
+        if (!options.allI18nData.hasOwnProperty(node.value)) {
+          return;
+        }
+
+        // Replace with numeric ID if available
+        if (numericIdMap.hasOwnProperty(node.value)) {
+          const numericId = String(numericIdMap[node.value]);
+          path.replaceWith(t.stringLiteral(numericId));
+          hasTransformations = true;
+        }
+      }
+    });
+
+    // Generate code if transformations were made
+    if (hasTransformations) {
+      const output = generator(ast, {
+        sourceMaps: !!options.sourceMaps,
+        sourceFileName: resourcePath,
+        retainLines: false,
+        comments: true
+      }, source);
+      callback(null, output.code, output.map);
+    } else {
+      callback(null, source, map);
+    }
+  } catch (err) {
+    callback(err);
+  }
+};

package/lib/shared/bundler/webpack/loaders/miniCssFallBackLoader.js

@@ -1,7 +1,7 @@
 "use strict";
 
 module.exports = function miniCssFallBackLoader(source) {
-  const replacedStr = source.replace('export default ', 'module.exports = '); //   console.log('src/loaders/docsLoader.js', replacedStr);
-
+  const replacedStr = source.replace('export default ', 'module.exports = ');
+  //   console.log('src/loaders/docsLoader.js', replacedStr);
   return replacedStr;
 };

package/lib/shared/bundler/webpack/loaders/workerLoader.js

@@ -5,15 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = loader;
 exports.pitch = pitch;
-
 var _path = _interopRequireDefault(require("path"));
-
 var _SingleEntryPlugin = _interopRequireDefault(require("webpack/lib/SingleEntryPlugin"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // import { getOptions } from 'loader-utils';
 // import validateOptions from 'schema-utils';
+
 const schema = {
   'type': 'object',
   'properties': {
@@ -41,25 +38,24 @@ const schema = {
     }
   },
   'additionalProperties': false
-}; // eslint-disable-next-line
+};
 
+// eslint-disable-next-line
 function loader() {}
-
 function getDefaultFilename(filename) {
   if (typeof filename === 'function') {
     return filename;
   }
-
   return filename.replace(/\.([a-z]+)(\?.+)?$/i, '.worker.$1$2');
 }
-
 function getDefaultChunkFilename(chunkFilename) {
   return chunkFilename.replace(/\.([a-z]+)(\?.+)?$/i, '.worker.$1$2');
 }
-
 function pitch(request) {
   this.cacheable(false);
-  const options = this.getOptions(); // console.log(this.getOptions());
+  const options = this.getOptions();
+  // console.log(this.getOptions());
+
   // validateOptions(schema, options, {
   //   name: 'Worker Loader',
   //   baseDataPath: 'options'
@@ -77,6 +73,7 @@ function pitch(request) {
     globalObject: 'self'
   };
   workerContext.compiler = this._compilation.createChildCompiler(`worker-loader ${request}`, workerContext.options);
+
   /* 
   new WebWorkerTemplatePlugin().apply(workerContext.compiler);
   
@@ -92,25 +89,19 @@ function pitch(request) {
   const cb = this.async();
   workerContext.compiler.runAsChild((errorArg, entries, compilation) => {
     let error = errorArg;
-
     if (!error && compilation.errors && compilation.errors.length) {
       // eslint-disable-next-line
       error = compilation.errors[0];
     }
-
     const entry = entries && entries[0] && entries[0].files.values().next().value;
-
     if (!error && !entry) {
       error = Error(`WorkerPlugin: no entry for ${request}`);
     }
-
     if (error) {
       return cb(error);
     }
-
     function workerCode() {
       let blob;
-
       try {
         blob = new Blob([`importScripts('${this.workerUrl}');`], {
           'type': 'application/javascript'
@@ -118,13 +109,11 @@ function pitch(request) {
       } catch (e1) {
         throw new Error(e1);
       }
-
       let url = window.URL || window.webkitURL;
       let blobUrl = url.createObjectURL(blob);
       let worker = new Worker(blobUrl);
       return worker;
     }
-
     return cb(null, `${options.esModule ? 'export default' : 'module.exports ='} {\n
 			workerUrl: __webpack_public_path__ + ${JSON.stringify(entry)}, \n
 			getInstance: ${workerCode} \n

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

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.optimizationConfig = optimizationConfig;
-
 var _terserWebpackPlugin = _interopRequireDefault(require("terser-webpack-plugin"));
-
 var _nameTemplates = require("./common/nameTemplates");
-
 var _hashUtils = require("./custom_plugins/I18nSplitPlugin/utils/hashUtils");
-
 var _configCSSMinifierPlugin = require("./pluginConfigs/configCSSMinifierPlugin");
-
 var _splitChunksConfig = require("./splitChunksConfig");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function optimizationConfig(options) {
   const {
     changeRuntimeChunkChar
@@ -31,22 +24,21 @@ function optimizationConfig(options) {
    * other wise we don't need multiple runtime files based locale
    * that's why  we added chunkSplitEnable && chunkFilenameHasContentHash logic
    */
-
-  const suffix = // chunkSplitEnable ? '_[locale]' : '';
+  const suffix =
+  // chunkSplitEnable ? '_[locale]' : '';
   chunkSplitEnable && chunkFilenameHasContentHash ? '_[locale]' : '';
   const char = changeRuntimeChunkChar;
   const excludeList = options.optimization.jsExcludePath;
   return {
     splitChunks: (0, _splitChunksConfig.splitChunksConfig)(options),
-    minimizer: [// For webpack@5 you can use the `...` syntax to extend existing minimizers (i.e. `terser-webpack-plugin`), uncomment the next line
+    minimizer: [
+    // For webpack@5 you can use the `...` syntax to extend existing minimizers (i.e. `terser-webpack-plugin`), uncomment the next line
     // '...',
     excludeList !== '' ? new _terserWebpackPlugin.default({
       exclude: excludeList,
       extractComments: false // Do not extract comments to .LICENSE.txt files
-
     }) : new _terserWebpackPlugin.default({
       extractComments: false // Do not extract comments to .LICENSE.txt files
-
     }), (0, _configCSSMinifierPlugin.configCSSMinifierPlugin)(options)].filter(Boolean),
     moduleIds: 'named',
     runtimeChunk: {

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

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.outputConfig = outputConfig;
-
 var _path = _interopRequireDefault(require("path"));
-
 var _constants = require("../../constants");
-
 var _nameTemplates = require("./common/nameTemplates");
-
 var _modeUtils = require("./common/modeUtils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function outputConfig(options) {
   const {
     output,
@@ -29,10 +23,8 @@ function outputConfig(options) {
     // clean: true,
     path: _path.default.resolve(_constants.appPath, output)
   };
-
   if (htmlTemplate.crossorigin) {
     outputO.crossOriginLoading = 'anonymous';
   }
-
   return outputO;
 }

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

@@ -4,29 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.configBundleAnalyzer = configBundleAnalyzer;
-
 var _webpackBundleAnalyzer = require("webpack-bundle-analyzer");
-
 var _modeUtils = require("../common/modeUtils");
-
 /* eslint-disable no-use-before-define */
+
 function configBundleAnalyzer(options) {
   const mode = (0, _modeUtils.getWebpackMode)(options);
-
   if ((0, _modeUtils.isProductionMode)(mode) && options.bundleAnalyze) {
     const bundleAnalyzerOptions = getBundleAnalyzerOptions(options);
     return new _webpackBundleAnalyzer.BundleAnalyzerPlugin(bundleAnalyzerOptions);
   }
-
   return null;
-} // eslint-disable-next-line no-unused-vars
-
+}
 
+// eslint-disable-next-line no-unused-vars
 function getBundleAnalyzerOptions(options) {
   return {
     analyzerMode: 'static',
     // generateStatsFile: false,
-    openAnalyzer: false // statsOptions: {
+    openAnalyzer: false
+    // statsOptions: {
     //   source: false,
     //   normal: true,
     //   chunks: false,
@@ -35,6 +32,5 @@ function getBundleAnalyzerOptions(options) {
     //   assets: true,
     //   assetsSort: 'name'
     // }
-
   };
 }

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

@@ -4,18 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.configBundleIntegrityReport = configBundleIntegrityReport;
-
 var _modeUtils = require("../common/modeUtils");
-
 var _BundleIntegrityReport = require("../custom_plugins/BundleIntegrityReport");
-
 function configBundleIntegrityReport(options) {
   const webpackMode = (0, _modeUtils.getWebpackMode)(options);
   const isProduction = (0, _modeUtils.isProductionMode)(webpackMode);
   const {
     enable: statsEnable
   } = options.stats;
-
   if (isProduction && statsEnable) {
     return new _BundleIntegrityReport.BundleIntegrityReport({
       fileName: options.stats.fileName || 'bundle-report-integrity.json',
@@ -31,6 +27,5 @@ function configBundleIntegrityReport(options) {
       }
     });
   }
-
   return null;
 }

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

@@ -4,24 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.configCSSMinifierPlugin = configCSSMinifierPlugin;
-
 var _cssMinimizerWebpackPlugin = _interopRequireDefault(require("css-minimizer-webpack-plugin"));
-
 var _modeUtils = require("../common/modeUtils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // import UglifyCSSPlugin from '../custom_plugins/UglifyCSSPlugin';
+
 // eslint-disable-next-line no-unused-vars
 function configCSSMinifierPlugin(options) {
   const excludeList = options.optimization.cssExcludePath;
-
   if ((0, _modeUtils.isNotProduction)(options)) {
     return null;
-  } // return null;
+  }
+  // return null;
   // return new UglifyCSSPlugin();
-
-
   return excludeList !== '' ? new _cssMinimizerWebpackPlugin.default({
     exclude: excludeList
   }) : new _cssMinimizerWebpackPlugin.default();