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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/client_build_tool",
-  "version": "0.0.11-exp.15",
+  "version": "0.0.11-exp.16",
   "description": "A CLI tool to  build  web applications and client libraries",
   "main": "lib/index.js",
   "bin": {
@@ -31,8 +31,10 @@
     "@babel/core": "7.18.5",
     "@babel/preset-env": "7.18.2",
     "@babel/preset-react": "7.17.12",
+    "@babel/preset-typescript": "7.23.2",
     "@zohodesk/client_packages_group": "1.0.2",
     "babel-loader": "9.1.2",
+    "babel-plugin-module-resolver": "5.0.2",
     "babel-plugin-transform-react-remove-prop-types": "0.4.24",
     "babel-plugin-transform-remove-console": "6.9.4",
     "copy-webpack-plugin": "11.0.0",
@@ -50,14 +52,13 @@
     "postcss": "8.4.21",
     "postcss-loader": "7.0.2",
     "postcss-rtl": "2.0.0",
+    "ts-loader": "8.2.0",
+    "typescript": "5.2.2",
     "uglifycss": "0.0.29",
     "watcher": "1.2.0",
     "webpack": "5.79.0",
     "webpack-bundle-analyzer": "4.8.0",
     "webpack-cli": "4.10.0",
-    "webpack-dev-middleware": "6.1.1",
-    "typescript": "5.2.2",
-    "ts-loader": "8.2.0",
-    "@babel/preset-typescript": "7.23.2"
+    "webpack-dev-middleware": "6.1.1"
   }
 }

package/lib/shared/bundler/webpack/custom_plugins/I18nNumericIndexPlugin/I18nNumericIndexHtmlInjectorPlugin.js

@@ -1,49 +0,0 @@
-"use strict";
-
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-
-const pluginName = 'I18nNumericIndexHtmlInjectorPlugin';
-
-class I18nNumericIndexHtmlInjectorPlugin {
-  constructor(options) {
-    this.options = options;
-  }
-
-  apply(compiler) {
-    compiler.hooks.thisCompilation.tap(pluginName, compilation => {
-      HtmlWebpackPlugin.getHooks(compilation).beforeAssetTagGeneration.tapAsync(pluginName, (hookData, cb) => {
-        const {
-          assets
-        } = hookData;
-        const {
-          numericFilenameTemplate,
-          dynamicFilenameTemplate,
-          htmlTemplateLabel,
-          i18nAssetsPublicPathPrefix = ''
-        } = this.options;
-        const newI18nAssetUrlsToAdd = [];
-
-        if (numericFilenameTemplate) {
-          const numericFilename = numericFilenameTemplate.replace(/\[locale\]/g, htmlTemplateLabel);
-          newI18nAssetUrlsToAdd.push(numericFilename);
-        }
-
-        if (dynamicFilenameTemplate) {
-          const dynamicFilename = dynamicFilenameTemplate.replace(/\[locale\]/g, htmlTemplateLabel);
-          newI18nAssetUrlsToAdd.push(dynamicFilename);
-        }
-
-        if (newI18nAssetUrlsToAdd.length > 0) {
-          assets.js = [...assets.js, ...newI18nAssetUrlsToAdd];
-        }
-
-        cb(null, hookData);
-      });
-    });
-  }
-
-}
-
-module.exports = {
-  I18nNumericIndexHtmlInjectorPlugin
-};

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

@@ -1,186 +0,0 @@
-"use strict";
-
-const path = require('path');
-
-const {
-  sources,
-  Compilation,
-  util
-} = require('webpack');
-
-const {
-  decodeUnicodeEscapes
-} = require('../../utils/propertiesParser');
-
-const {
-  loadNumericMap,
-  loadI18nData
-} = require('./utils/i18nDataLoader');
-
-const {
-  RawSource
-} = sources;
-const pluginName = 'I18nNumericIndexPlugin';
-
-class I18nNumericIndexPlugin {
-  constructor(options = {}) {
-    this.options = { ...options,
-      singleFile: options.singleFile || false,
-      singleFileTemplate: options.singleFileTemplate,
-      includeContentHash: options.includeContentHash || false,
-      generateManifest: options.generateManifest || false,
-      manifestPath: options.manifestPath || 'i18n/manifest.json'
-    };
-    this.numericMap = null;
-    this.i18nData = null;
-    this.manifest = {};
-  }
-
-  getNumericMap(compilation) {
-    if (!this.numericMap) {
-      const mapPath = path.resolve(compilation.compiler.context, this.options.numericMapPath);
-      this.numericMap = loadNumericMap(mapPath, compilation);
-    }
-
-    return this.numericMap;
-  }
-
-  getI18nData(compilation) {
-    if (!this.i18nData) {
-      this.i18nData = loadI18nData(this.options, compilation);
-    }
-
-    return this.i18nData;
-  }
-
-  generateContentHash(content, compilation) {
-    const {
-      hashFunction,
-      hashDigest,
-      hashDigestLength
-    } = compilation.outputOptions;
-    const hash = util.createHash(hashFunction || 'xxhash64');
-    hash.update(content);
-    return hash.digest(hashDigest || 'hex').substring(0, hashDigestLength || 20);
-  }
-
-  emitChunk(compilation, filename, locale, data, fileType = null) {
-    const content = decodeUnicodeEscapes(JSON.stringify(data));
-    const fileContent = `${this.options.jsonpFunc}(${content});`;
-    let outputPath = filename.replace(/\[locale\]/g, locale);
-    const hasContentHashPlaceholder = filename.includes('[contenthash]');
-    const shouldIncludeHash = hasContentHashPlaceholder || this.options.includeContentHash;
-
-    if (shouldIncludeHash) {
-      const contentHash = this.generateContentHash(fileContent, compilation);
-
-      if (hasContentHashPlaceholder) {
-        outputPath = outputPath.replace(/\[contenthash\]/g, contentHash);
-      } else {
-        outputPath = outputPath.replace(/\.js$/, `.${contentHash}.js`);
-      }
-    }
-
-    if (this.options.generateManifest) {
-      const cleanName = filename.replace(/\[locale\]/g, locale).replace(/\.\[contenthash\]/g, '').replace(/\.js$/, '.js');
-      const cleanNameWithType = fileType ? cleanName.replace(/\.js$/, `.${fileType}.js`) : cleanName;
-      const manifestKey = cleanNameWithType.split('/').pop();
-      this.manifest[manifestKey] = outputPath.split('/').pop();
-    }
-
-    compilation.emitAsset(outputPath, new RawSource(fileContent));
-    return outputPath;
-  }
-
-  apply(compiler) {
-    compiler.hooks.thisCompilation.tap(pluginName, compilation => {
-      compilation.hooks.processAssets.tapAsync({
-        name: pluginName,
-        stage: Compilation.PROCESS_ASSETS_STAGE_SUMMARIZE
-      }, (assets, callback) => {
-        if (!this.options.enable) {
-          return callback();
-        }
-
-        const {
-          sortedKeys,
-          totalKeys,
-          originalKeyToNumericId
-        } = this.getNumericMap(compilation);
-        const {
-          jsResourceBase,
-          allI18n,
-          locales
-        } = this.getI18nData(compilation);
-        if (!locales.length) return callback();
-        const numericKeysSet = new Set(sortedKeys);
-        const englishData = allI18n.en_US || jsResourceBase;
-        const isDevMode = this.options.devMode || process.env.NODE_ENV === 'development';
-        locales.forEach(locale => {
-          const localeData = allI18n[locale] || {};
-          const numericData = {};
-          const unmappedData = {};
-          Object.keys(jsResourceBase).forEach(key => {
-            const translation = localeData[key] ?? englishData[key];
-
-            if (originalKeyToNumericId && originalKeyToNumericId.hasOwnProperty(key)) {
-              const numericId = originalKeyToNumericId[key];
-              numericData[numericId] = translation;
-            } else if (numericKeysSet.has(key)) {
-              const index = sortedKeys.indexOf(key);
-
-              if (index !== -1) {
-                numericData[index] = translation;
-              }
-            } else {
-              unmappedData[key] = translation;
-            }
-          });
-
-          if (this.options.singleFile) {
-            const combinedData = { ...numericData,
-              ...unmappedData
-            };
-
-            if (Object.keys(combinedData).length > 0) {
-              const filename = this.options.singleFileTemplate || this.options.numericFilenameTemplate || this.options.dynamicFilenameTemplate;
-              this.emitChunk(compilation, filename, locale, combinedData);
-            }
-          } else {
-            if (Object.keys(numericData).length > 0) {
-              this.emitChunk(compilation, this.options.numericFilenameTemplate, locale, numericData, 'numeric');
-            }
-
-            if (Object.keys(unmappedData).length > 0) {
-              this.emitChunk(compilation, this.options.dynamicFilenameTemplate, locale, unmappedData, 'dynamic');
-            }
-          }
-        });
-
-        if (this.options.generateManifest && Object.keys(this.manifest).length > 0) {
-          // Determine manifest path
-          let manifestPath;
-
-          if (this.options.manifestPath) {
-            // Use explicitly configured path
-            manifestPath = this.options.manifestPath;
-          } else {
-            // Default to same directory as i18n files with manifest.json name
-            const template = this.options.singleFileTemplate || this.options.numericFilenameTemplate;
-            manifestPath = path.dirname(template) + '/manifest.json';
-          }
-
-          const manifestContent = JSON.stringify(this.manifest, null, 2);
-          compilation.emitAsset(manifestPath, new RawSource(manifestContent));
-        }
-
-        callback();
-      });
-    });
-  }
-
-}
-
-module.exports = {
-  I18nNumericIndexPlugin
-};

package/lib/shared/bundler/webpack/custom_plugins/I18nNumericIndexPlugin/utils/i18nDataLoader.js

@@ -1,106 +0,0 @@
-"use strict";
-
-const fs = require('fs');
-
-const path = require('path');
-
-const {
-  parseProperties
-} = require('../../../utils/propertiesParser');
-
-function loadPropertiesFile(filePath, compilation, description) {
-  try {
-    const content = fs.readFileSync(filePath, 'utf-8');
-    const parsed = parseProperties(content);
-    return parsed;
-  } catch (err) {
-    if (compilation) {
-      compilation.errors.push(new Error(`I18nNumericIndexPlugin: Error loading ${description}: ${err.message}`));
-    }
-
-    return {};
-  }
-}
-
-function loadNumericMap(numericMapPath, compilation) {
-  try {
-    const fileContent = fs.readFileSync(numericMapPath, 'utf-8');
-    const parsedData = JSON.parse(fileContent);
-    const sortedKeys = new Array(parsedData.totalKeysInMap);
-    Object.entries(parsedData.originalKeyToNumericId).forEach(([key, id]) => {
-      sortedKeys[id] = key;
-    });
-    return {
-      sortedKeys,
-      totalKeys: parsedData.totalKeysInMap
-    };
-  } catch (err) {
-    if (compilation) {
-      compilation.errors.push(new Error(`I18nNumericIndexPlugin: Error loading numeric map: ${err.message}`));
-    }
-
-    return {
-      sortedKeys: [],
-      totalKeys: 0
-    };
-  }
-}
-
-function loadAllLocaleFiles(propertiesPath, compilation, jsResourceBase) {
-  const allI18n = {};
-  const locales = [];
-  allI18n['en_US'] = jsResourceBase;
-  locales.push('en_US');
-
-  try {
-    const files = fs.readdirSync(propertiesPath);
-    files.forEach(file => {
-      if (!file.endsWith('.properties')) return;
-      const match = file.match(/^ApplicationResources_([a-z]{2}_[A-Z]{2})\.properties$/);
-
-      if (match) {
-        const locale = match[1];
-        const filePath = path.join(propertiesPath, file);
-        const localeData = loadPropertiesFile(filePath, compilation, `locale ${locale}`);
-        allI18n[locale] = { ...jsResourceBase,
-          ...localeData
-        };
-
-        if (!locales.includes(locale)) {
-          locales.push(locale);
-        }
-      }
-    });
-  } catch (err) {
-    if (compilation) {
-      compilation.errors.push(new Error(`I18nNumericIndexPlugin: Error reading properties folder: ${err.message}`));
-    }
-  }
-
-  return {
-    allI18n,
-    locales
-  };
-}
-
-function loadI18nData(options, compilation) {
-  const jsResourcePath = path.resolve(compilation.compiler.context, options.jsResourcePath);
-  const propertiesPath = path.resolve(compilation.compiler.context, options.propertiesFolderPath);
-  const jsResourceBase = loadPropertiesFile(jsResourcePath, compilation, 'JS resources');
-  const {
-    allI18n,
-    locales
-  } = loadAllLocaleFiles(propertiesPath, compilation, jsResourceBase);
-  return {
-    jsResourceBase,
-    allI18n,
-    locales
-  };
-}
-
-module.exports = {
-  loadPropertiesFile,
-  loadNumericMap,
-  loadAllLocaleFiles,
-  loadI18nData
-};

package/lib/shared/bundler/webpack/custom_plugins/I18nSplitPlugin/utils/collectAstKeys.js

@@ -1,96 +0,0 @@
-"use strict";
-
-const {
-  walk
-} = require('estree-walker');
-
-const PREFIX_I18N_COMMENT = 'I18N';
-const PREFIX_I18N_COMMENT_DYNAMIC = 'dynamic-i18n-key';
-
-function getI18nKeysFromSingleComment(commentNode, validKeysSet) {
-  const foundKeysInComment = [];
-
-  if (!commentNode || typeof commentNode.value !== 'string') {
-    return foundKeysInComment;
-  }
-
-  const commentString = commentNode.value.trim();
-  let i18nKeyStr;
-
-  if (commentString.startsWith(PREFIX_I18N_COMMENT)) {
-    i18nKeyStr = commentString.slice(PREFIX_I18N_COMMENT.length).trim();
-  } else if (commentString.startsWith(PREFIX_I18N_COMMENT_DYNAMIC)) {
-    i18nKeyStr = commentString.slice(PREFIX_I18N_COMMENT_DYNAMIC.length).trim();
-  }
-
-  if (!i18nKeyStr) {
-    return foundKeysInComment;
-  }
-
-  const potentialKeys = i18nKeyStr.split(',').map(key => key.trim()).filter(key => key);
-  potentialKeys.forEach(key => {
-    if (validKeysSet.has(key)) {
-      foundKeysInComment.push(key);
-    }
-  });
-  return foundKeysInComment;
-}
-/**
- * Traverses an AST and its comments to collect and categorize i18n keys.
- *
- * @param {object} astProgramNode - The Program node of the AST.
- * @param {object[]} commentsArray - An array of comment nodes from the AST.
- * @param {object} allI18nKeysMasterMap - Object map of all valid i18n keys (from JSResources).
- * @param {boolean} [isDebug=false] - Flag for verbose logging.
- * @returns {{literalKeys: Set<string>, commentKeys: Set<string>}}
- * literalKeys: Set of valid i18n keys found as string literals.
- * commentKeys: Set of valid i18n keys found in comments.
- */
-
-
-function collectAndCategorizeUsedI18nKeys(astProgramNode, commentsArray, allI18nKeysMasterMap, isDebug = false) {
-  const foundLiteralKeys = new Set();
-  const foundCommentKeys = new Set();
-  const validKeysSet = new Set(Object.keys(allI18nKeysMasterMap || {}));
-
-  if (validKeysSet.size === 0 && isDebug) {
-    console.warn('[collectAndCategorizeUsedI18nKeys] allI18nKeysMasterMap is empty. No keys can be collected.');
-  } // 1. Collect keys from AST string literals
-
-
-  if (astProgramNode) {
-    try {
-      walk(astProgramNode, {
-        enter(node) {
-          if ((node.type === 'Literal' || node.type === 'StringLiteral') && typeof node.value === 'string') {
-            if (validKeysSet.has(node.value)) {
-              foundLiteralKeys.add(node.value);
-            }
-          }
-        }
-
-      });
-    } catch (error) {
-      console.error('[collectAndCategorizeUsedI18nKeys] Error during AST walk:', error);
-    }
-  } // 2. Collect keys from comments
-
-
-  if (commentsArray && Array.isArray(commentsArray)) {
-    commentsArray.forEach(commentNode => {
-      const keysFromComment = getI18nKeysFromSingleComment(commentNode, validKeysSet);
-      keysFromComment.forEach(key => {
-        foundCommentKeys.add(key);
-      });
-    });
-  }
-
-  return {
-    literalKeys: foundLiteralKeys,
-    commentKeys: foundCommentKeys
-  };
-}
-
-module.exports = {
-  collectAndCategorizeUsedI18nKeys: collectAndCategorizeUsedI18nKeys
-};

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

@@ -1,71 +0,0 @@
-"use strict";
-
-const {
-  getPropertiesAsJSON
-} = require('../custom_plugins/I18nSplitPlugin/utils/propertiesUtils');
-
-function loadJSResourcesOnce(options) {
-  let jsResourcePath;
-
-  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}`);
-  }
-}
-
-function i18nIdReplaceLoaderConfig(options, webpackContext) {
-  let numericMapPath;
-
-  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');
-  }
-
-  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

@@ -1,106 +0,0 @@
-"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();
-
-  if (options.excludePaths) {
-    const shouldExclude = options.excludePaths.some(excludePath => resourcePath.includes(excludePath));
-
-    if (shouldExclude) {
-      return callback(null, source, map);
-    }
-  }
-
-  if (options.includePaths && options.includePaths.length > 0) {
-    const shouldInclude = options.includePaths.some(includePath => resourcePath.includes(includePath));
-
-    if (!shouldInclude) {
-      return callback(null, source, map);
-    }
-  }
-
-  if (!options.allI18nData || Object.keys(options.allI18nData).length === 0) {
-    return callback(new Error(`i18nIdReplaceLoader: 'allI18nData' option is missing or empty`));
-  }
-
-  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);
-
-        if (parsedData && parsedData.originalKeyToNumericId) {
-          numericIdMap = parsedData.originalKeyToNumericId;
-        }
-      }
-    } catch (err) {}
-  }
-
-  if (!numericIdMap) {
-    return callback(null, source, map);
-  }
-
-  const isDevMode = options.devMode || process.env.NODE_ENV === 'development';
-
-  try {
-    const ast = parser.parse(source, {
-      sourceType: 'module',
-      plugins: ['jsx', 'typescript', 'classProperties', 'optionalChaining', 'nullishCoalescingOperator'],
-      sourceFilename: resourcePath
-    });
-    let hasTransformations = false;
-    traverse(ast, {
-      StringLiteral(path) {
-        const {
-          node
-        } = path;
-
-        if (!options.allI18nData.hasOwnProperty(node.value)) {
-          return;
-        }
-
-        if (numericIdMap.hasOwnProperty(node.value)) {
-          const numericId = String(numericIdMap[node.value]);
-          path.replaceWith(t.stringLiteral(numericId));
-          hasTransformations = true;
-        }
-      }
-
-    });
-
-    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);
-  }
-};