@zohodesk/client_build_tool 0.0.22-exp.4 → 0.0.22-exp.5

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

@@ -1,102 +0,0 @@
-import HtmlWebpackPlugin from 'html-webpack-plugin'; // import { RuntimeGlobals, RuntimeModule } from 'webpack';
-
-import { RuntimeGlobals } from 'webpack'; // eslint-disable-next-line import/extensions
-
-import { isI18nFile } from "../../common/nameTemplates"; // import { Template } from 'webpack';
-// eslint-disable-next-line import/extensions
-
-import { isProductionMode } from "../../common/modeUtils";
-import CustomizedGetChunkFilenameRuntimeModule from "./webpackCustomJsUrlLoader";
-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 || 'window.__SMAP_PATH__';
-    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.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 (isProductionMode(mode) && createSeparateSMap && !isI18nFile(js)) {
-              if (js.includes('smap')) {
-                js = js.replace('smap/js/', `{{--js-smap}}js/`); //eslint-disable-line
-              } else {
-                js = js.replace('js/', `{{--js-smap}}js/`); //eslint-disable-line
-              }
-            }
-
-            return `${isI18nFile(js) ? this.i18nTemplate : this.jsTemplate}${js}`;
-          })
-        };
-        cb && cb(null, data);
-      });
-      compilation.hooks.runtimeRequirementInTree.for(RuntimeGlobals.getChunkScriptFilename).tap(pluginName, (chunk, set) => {
-        if (typeof compilation.outputOptions.chunkFilename === 'string' && /\[(full)?hash(:\d+)?\]/.test(compilation.outputOptions.chunkFilename)) {
-          set.add(RuntimeGlobals.getFullHash);
-        }
-
-        compilation.addRuntimeModule(chunk, // eslint-disable-next-line new-cap
-        new CustomizedGetChunkFilenameRuntimeModule('javascript', 'javascript', RuntimeGlobals.getChunkScriptFilename, chunk => chunk.filenameTemplate || (chunk.canBeInitial() ? compilation.outputOptions.filename : compilation.outputOptions.chunkFilename), false, this.variableName));
-        return true;
-      });
-    });
-  }
-
-}
-
-export 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";

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

@@ -1,36 +0,0 @@
-// 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;
-// };
-import GetChunkFilenameRuntimeModule from 'webpack/lib/runtime/GetChunkFilenameRuntimeModule';
-
-class CustomizedGetChunkFilenameRuntimeModule extends GetChunkFilenameRuntimeModule {
-  /**
-   * @param {string} contentType the   to use the content hash for
-   * @param {string} name kind of filename
-   * @param {string} global function name to be assigned
-   * @param {function(Chunk): string | FilenameFunction} getFilenameForChunk functor to get the filename or function
-   * @param {boolean} allChunks when false, only async chunks are included
-   */
-  constructor(contentType, name, global, getFilenameForChunk, allChunks, variableName) {
-    super(contentType, name, global, getFilenameForChunk, allChunks);
-    this.contentType = contentType;
-    this.global = global;
-    this.getFilenameForChunk = getFilenameForChunk;
-    this.allChunks = allChunks;
-    this.dependentHash = true;
-    this.variableName = variableName;
-  }
-
-  generate() {
-    const sourceCode = super.generate().toString();
-    const replaceCode = sourceCode.replaceAll('"js-chunks/', `${this.variableName} + "js-chunks/`);
-    return replaceCode;
-  }
-
-}
-
-export default CustomizedGetChunkFilenameRuntimeModule;

package/es/shared/bundler/webpack/custom_plugins/ChunkHierarchyPlugin.js

@@ -1,65 +0,0 @@
-// plugins/ChunkHierarchyPlugin.js
-const fs = require('fs');
-
-const path = require('path');
-
-class ChunkHierarchyPlugin {
-  constructor(outputFile) {
-    this.outputFile = outputFile || 'chunk-hierarchy-report.json';
-  }
-
-  apply(compiler) {
-    compiler.hooks.emit.tapAsync('ChunkHierarchyPlugin', (compilation, callback) => {
-      const result = {};
-      const rootContext = path.resolve(compiler.context, '..', '..');
-
-      for (const chunk of compilation.chunks) {
-        const chunkName = chunk.name || chunk.id;
-        const modules = [];
-
-        for (const module of compilation.chunkGraph.getChunkModulesIterable(chunk)) {
-          // Recursively extract real modules (handle ConcatenatedModules)
-          collectModules(module, modules, rootContext);
-        }
-
-        result[chunkName] = modules;
-      }
-
-      const json = JSON.stringify(result, null, 2);
-      const outputPath = compiler.outputPath;
-      const outputFile = path.join(outputPath, this.outputFile);
-      fs.mkdirSync(outputPath, {
-        recursive: true
-      });
-      fs.writeFileSync(outputFile, json, 'utf-8');
-      callback();
-    });
-  }
-
-}
-
-function collectModules(module, modules, context) {
-  // Handle normal modules
-  if (module.resource) {
-    modules.push(path.relative(context, module.resource));
-    return;
-  } // Handle ConcatenatedModule (webpack internal)
-
-
-  if (module.modules) {
-    for (const innerModule of module.modules) {
-      collectModules(innerModule, modules, context);
-    }
-  } // Handle Webpack 5 internal API (ConcatenatedModule inside _orderedConcatenationList)
-
-
-  if (module._orderedConcatenationList) {
-    for (const item of module._orderedConcatenationList) {
-      if (item.module) {
-        collectModules(item.module, modules, context);
-      }
-    }
-  }
-}
-
-module.exports = ChunkHierarchyPlugin;

package/es/shared/bundler/webpack/custom_plugins/CssCustomOrderPlugin.js

@@ -1,37 +0,0 @@
-/* eslint-disable class-methods-use-this */
-import { Compilation } from 'webpack';
-const pluginName = 'CssCustomOrderPlugin'; // TODO: Check for css minimizer plugin
-
-export default class CssCustomOrderPlugin {
-  constructor(className) {
-    this.className = className || 'customCss';
-  }
-
-  apply(compiler) {
-    const {
-      RawSource
-    } = compiler.webpack.sources;
-    compiler.hooks.compilation.tap(pluginName, compilation => {
-      compilation.hooks.processAssets.tapAsync({
-        name: pluginName,
-        stage: Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE_SIZE
-      }, (assets, callback) => {
-        Object.keys(assets).filter(file => file.includes('runtime')).forEach(filename => {
-          try {
-            let source = assets[filename].source().toString();
-            let changedCode = `var referenceTag = document.getElementById('${this.className}');
-                   document.head.insertBefore(linkTag, referenceTag);`;
-            const result = source.replace('document.head.appendChild(linkTag);', changedCode);
-            compilation.updateAsset(filename, new RawSource(result));
-            callback();
-          } catch (e) {
-            console.error("issue in CssCustomOrderPlugin");
-            compilation.errors.push(e);
-            callback(e);
-          }
-        });
-      });
-    });
-  }
-
-}

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

@@ -1,97 +0,0 @@
-import HtmlWebpackPlugin from 'html-webpack-plugin';
-const pluginName = 'CustomScriptLoadingStrategyPlugin';
-export class CustomScriptLoadingStrategyPlugin {
-  constructor() {
-    let {
-      scriptLoadingStategey
-    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    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 => {
-        //   if (!this.matchFileName(tag, fileName)) {
-        //     return;
-        //   }
-        //   this.matchStrategy(scriptLoadingStrategy, tag);
-        //   this.addAttributestToTag(tag, fileName, {
-        //     [scriptLoadingStrategy]: true
-        //   });
-        // });
-
-      });
-    });
-  }
-
-  apply(compiler) {
-    compiler.hooks.compilation.tap(pluginName, compilation => {
-      HtmlWebpackPlugin.getHooks(compilation).alterAssetTagGroups.tapAsync(pluginName, (data, callback) => {
-        const tags = [...data.bodyTags, ...data.headTags];
-        this.matchAndApplyCustomLoadingStrategyToScripts(tags);
-        callback(null, data);
-      });
-    });
-  }
-
-}

package/es/shared/bundler/webpack/custom_plugins/EFCTemplatePlugin.js

@@ -1,98 +0,0 @@
-import { existsSync, readFileSync } from 'fs';
-import { errorLogger, messageLogger } from "../../../../logger";
-import { getLocaleChunkAssetsStore } from "./I18nSplitPlugin/LocaleChunkAssetsStore";
-import { joinWithAppPath } from "../../../constants";
-import { getInitialAssetsFuncTemplate } from "./getInitialAssetsFuncTemplate";
-const INITIAL_ASSETS_TEMPLATE = '// <--getInitialAssets-->';
-const PUBLIC_PATH_TEMPLATE = '"<--publicPath-->"';
-const pluginName = 'EFCTemplatePlugin';
-export class EFCTemplatePlugin {
-  constructor() {
-    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    const {
-      i18nFileNameTemplate,
-      entryPointName,
-      outputFile,
-      version,
-      publicPath,
-      templateFilePath
-    } = options;
-    this.options = options;
-    this.templateFilePath = joinWithAppPath(templateFilePath);
-    this.i18nFileNameTemplate = i18nFileNameTemplate;
-    this.publicPath = publicPath; // NOTE: this logic may be needed for i18n splitted file name with contenthash cases
-    // this.i18nManifestFileName = options.i18nManifestFileName;
-    // IMPORTANT: here we merging options from package.json  and options via constructor
-    // So when debugging consider this as well
-    // this.options = Object.assign({}, efcOptions, options);
-
-    this.entryPointName = entryPointName || 'efc';
-    this.outputFile = outputFile.replace('[version]', version);
-  } // NOTE: this logic may be needed for i18n splitted file name with contenthash cases
-  // getI18nManifest(compilation) {
-  //   const i18nManifestFile =
-  //     compilation.assets[this.options.i18nManifestFileName];
-  //   if (i18nManifestFile) {
-  //     const manifest = JSON.parse(i18nManifestFile.source());
-  //     return manifest;
-  //   }
-  //   return {};
-  // }
-  // eslint-disable-next-line class-methods-use-this
-
-
-  templateReplacer(entryPoint, compilation) {
-    const {
-      enableRTLSplit
-    } = this.options; // const i18nManifest = this.getI18nManifest(compilation);
-
-    const initialAssetsFuncTemplate = getInitialAssetsFuncTemplate({
-      entryPoint,
-      compilation,
-      enableRTLSplit,
-      i18nStore: this.store,
-      chunkSplitEnable: this.options.chunkSplitEnable,
-      i18nFileNameTemplate: this.i18nFileNameTemplate,
-      functionName: 'getInitialAssets'
-    });
-    const templateStr = readFileSync(this.templateFilePath).toString();
-    return templateStr.replace(INITIAL_ASSETS_TEMPLATE, initialAssetsFuncTemplate).replace(PUBLIC_PATH_TEMPLATE, this.publicPath);
-  }
-
-  apply(compiler) {
-    const {
-      RawSource
-    } = compiler.webpack.sources;
-    compiler.hooks.thisCompilation.tap(pluginName, compilation => {
-      // Get store for cache
-      this.store = getLocaleChunkAssetsStore(compilation);
-    });
-    compiler.hooks.thisCompilation.tap(pluginName, compilation => {
-      compilation.hooks.processAssets.tap({
-        name: pluginName,
-        stage: compilation.PROCESS_ASSETS_STAGE_DERIVED
-      }, () => {
-        const {
-          entryPointName,
-          outputFile
-        } = this;
-        const entryPoint = compilation.entrypoints.get(entryPointName);
-
-        if (!entryPoint) {
-          return;
-        }
-
-        if (!existsSync(this.templateFilePath)) {
-          errorLogger(`EFC Template file not exists ${this.templateFilePath}`);
-          return;
-        }
-
-        const source = new RawSource(this.templateReplacer(entryPoint, compilation));
-        compilation.emitAsset(outputFile, source);
-        messageLogger('The EFC embedded code was created successfully..!!!');
-        messageLogger(`The EFC SDK File name ${outputFile}`);
-      });
-    });
-  }
-
-}

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

@@ -1,211 +0,0 @@
-const fs = require('fs');
-
-const path = require('path');
-
-const {
-  sources,
-  Compilation
-} = require('webpack');
-
-const {
-  decodeUnicodeEscapes,
-  getPropertiesAsJSON
-} = require("../I18nSplitPlugin/utils/propertiesUtils");
-
-const {
-  createHash
-} = require("../I18nSplitPlugin/createHash");
-
-const {
-  pathCreator
-} = require("../I18nSplitPlugin/pathCreator");
-
-const {
-  RawSource
-} = sources;
-const PLUGIN_NAME = 'I18nNumericIndexPlugin';
-const DEFAULT_LOCALE = 'en_US';
-const LOCALE_PATTERN = /_([a-z]{2}_[A-Z]{2})\.properties$/;
-
-class I18nNumericIndexPlugin {
-  constructor(options) {
-    if (!options) {
-      throw new Error('[I18nNumericIndexPlugin] options is required');
-    }
-
-    this.options = options;
-  }
-
-  apply(compiler) {
-    compiler.hooks.thisCompilation.tap(PLUGIN_NAME, compilation => {
-      compilation.hooks.processAssets.tapAsync({
-        name: PLUGIN_NAME,
-        stage: Compilation.PROCESS_ASSETS_STAGE_SUMMARIZE
-      }, (_assets, callback) => {
-        if (!this.options.enable) {
-          callback();
-          return;
-        }
-
-        try {
-          this.processI18nAssets(compilation);
-        } catch (err) {
-          compilation.errors.push(new Error(`[${PLUGIN_NAME}] ${err.message}`));
-        }
-
-        callback();
-      });
-    });
-  }
-
-  processI18nAssets(compilation) {
-    const {
-      numericMapPath,
-      jsResourcePath,
-      propertiesFolderPath
-    } = this.options;
-    const context = compilation.compiler.context;
-    const numericMapFullPath = path.resolve(context, numericMapPath);
-    const numericMapContent = JSON.parse(fs.readFileSync(numericMapFullPath, 'utf-8'));
-    const keyToNumericId = numericMapContent.originalKeyToNumericId;
-    const jsResourceFullPath = path.resolve(context, jsResourcePath);
-    const baseTranslations = getPropertiesAsJSON(jsResourceFullPath);
-    const baseKeys = Object.keys(baseTranslations);
-
-    if (baseKeys.length === 0) {
-      return;
-    }
-
-    const propertiesFolder = path.resolve(context, propertiesFolderPath);
-    const propertyFiles = fs.readdirSync(propertiesFolder).filter(f => f.endsWith('.properties'));
-    const manifest = {};
-
-    for (const file of propertyFiles) {
-      const locale = this.extractLocaleFromFilename(file);
-
-      if (!locale) {
-        continue;
-      }
-
-      const localeTranslations = getPropertiesAsJSON(path.join(propertiesFolder, file));
-      const {
-        numericData,
-        dynamicData
-      } = this.buildLocaleData(baseKeys, baseTranslations, localeTranslations, keyToNumericId);
-      this.emitLocaleFiles(compilation, locale, numericData, dynamicData, manifest);
-    }
-
-    this.emitManifest(compilation, manifest);
-  }
-
-  extractLocaleFromFilename(filename) {
-    // Base properties file (no locale suffix) defaults to en_US
-    if (!filename.includes('_')) {
-      return DEFAULT_LOCALE;
-    }
-
-    const match = filename.match(LOCALE_PATTERN);
-    return match ? match[1] : null;
-  }
-
-  buildLocaleData(baseKeys, baseTranslations, localeTranslations, keyToNumericId) {
-    const numericData = {};
-    const dynamicData = {};
-
-    for (const key of baseKeys) {
-      const value = localeTranslations[key] ?? baseTranslations[key];
-
-      if (key in keyToNumericId) {
-        numericData[keyToNumericId[key]] = value;
-      } else {
-        dynamicData[key] = value;
-      }
-    }
-
-    return {
-      numericData,
-      dynamicData
-    };
-  }
-
-  emitLocaleFiles(compilation, locale, numericData, dynamicData, manifest) {
-    const {
-      singleFile,
-      singleFileTemplate,
-      outputFolder,
-      numericFilenameTemplate,
-      dynamicFilenameTemplate
-    } = this.options;
-
-    if (singleFile) {
-      const combined = { ...numericData,
-        ...dynamicData
-      };
-
-      if (Object.keys(combined).length > 0) {
-        const template = `${outputFolder}/${singleFileTemplate}`;
-        this.emitChunk(compilation, template, locale, combined, manifest);
-      }
-
-      return;
-    }
-
-    if (Object.keys(numericData).length > 0) {
-      this.emitChunk(compilation, numericFilenameTemplate, locale, numericData, manifest);
-    }
-
-    if (Object.keys(dynamicData).length > 0) {
-      this.emitChunk(compilation, dynamicFilenameTemplate, locale, dynamicData, manifest);
-    }
-  }
-
-  emitChunk(compilation, filenameTemplate, locale, data, manifest) {
-    const content = decodeUnicodeEscapes(JSON.stringify(data));
-    const fileContent = `${this.options.jsonpFunc}(${content});`;
-    const contentHash = createHash({
-      outputOptions: compilation.outputOptions,
-      content: fileContent
-    });
-    let outputPath = pathCreator(filenameTemplate, compilation, {
-      hash: compilation.hash,
-      locale,
-      chunkName: null,
-      chunkId: locale,
-      chunkHash: null,
-      contentHash
-    });
-
-    if (this.options.includeContentHash && !filenameTemplate.includes('[contenthash]')) {
-      outputPath = outputPath.replace(/\.js$/, `.${contentHash}.js`);
-    }
-
-    if (this.options.generateManifest) {
-      const filename = outputPath.split('/').pop();
-      manifest[locale] = filename;
-    }
-
-    if (this.options.emitFiles) {
-      compilation.emitAsset(outputPath, new RawSource(fileContent));
-    }
-
-    return outputPath;
-  }
-
-  emitManifest(compilation, manifest) {
-    const hasEntries = Object.keys(manifest).length > 0;
-
-    if (!this.options.generateManifest || !hasEntries) {
-      return;
-    }
-
-    if (this.options.emitFiles) {
-      const manifestContent = JSON.stringify(manifest, null, 2);
-      compilation.emitAsset(this.options.manifestPath, new RawSource(manifestContent));
-    }
-  }
-
-}
-
-module.exports = {
-  I18nNumericIndexPlugin
-};

package/es/shared/bundler/webpack/custom_plugins/I18nSplitPlugin/ContributionGuide.md

@@ -1,11 +0,0 @@
-# I18n Split Plugin ContributionGuide
-we have modifyed mini-css-extract-plugin to sute our needs of i18n related extraction and downloading.
-So In future may be when we need to update mini-css-extract-plugin Kindly cross check with this I18n Plugin as well.
-
-Even not breaking change, may be just performacne update or feature update. addeding that to this plugin will be use full. Kindly consider it.
-
-## Thing we Ignored 
- * we use webpack ast hook for adding I18nDependency. So we did not need `loader.js`
- * we ignore order of import in single chunk since I18n going to be download as object.  
-      we did not need it.
- *