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

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

@@ -4,29 +4,28 @@ 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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // 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;
@@ -34,7 +33,6 @@ const pluginName = 'CdnChangePlugin'; // const MODULE_TYPE = 'css/mini-extract';
 //     }`;
 //   }
 // }
-
 class CdnChangePlugin {
   constructor(options) {
     this.createSeparateSMap = options.createSeparateSMap;
@@ -44,7 +42,6 @@ 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();
@@ -52,8 +49,11 @@ class CdnChangePlugin {
     //     if (enabledChunks.has(entryRuntimeChunk)) {
     //       return;
     //     }
+
     //     enabledChunks.add(entryRuntimeChunk);
+
     //     set.add(RuntimeGlobals.getFullHash);
+
     //     set.add(RuntimeGlobals.getChunkCssFilename);
     //     compilation.addRuntimeModule(
     //       entryRuntimeChunk,
@@ -67,14 +67,16 @@ 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)) {
@@ -84,29 +86,24 @@ 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 = CdnChangePlugin; // Cdn Change Plugin for runtime chunks???
-
+var _default = exports.default = CdnChangePlugin; // Cdn Change Plugin for runtime chunks???
 /**
  * the filename of the script part of the chunk
  */
@@ -114,6 +111,4 @@ var _default = CdnChangePlugin; // Cdn Change Plugin for runtime chunks???
 // /**
 //  * the filename of the css part of the chunk
 //  */
-// exports.getChunkCssFilename = "__webpack_require__.k";
-
-exports.default = _default;
+// exports.getChunkCssFilename = "__webpack_require__.k";

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

@@ -4,18 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _GetChunkFilenameRuntimeModule = _interopRequireDefault(require("webpack/lib/runtime/GetChunkFilenameRuntimeModule"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // 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
@@ -33,14 +32,10 @@ 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 = CustomizedGetChunkFilenameRuntimeModule;
-exports.default = _default;
+var _default = exports.default = CustomizedGetChunkFilenameRuntimeModule;

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

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CustomScriptLoadingStrategyPlugin = void 0;
-
 var _htmlWebpackPlugin = _interopRequireDefault(require("html-webpack-plugin"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const pluginName = 'CustomScriptLoadingStrategyPlugin';
-
 class CustomScriptLoadingStrategyPlugin {
   constructor({
     scriptLoadingStategey
@@ -18,69 +14,57 @@ 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;
         //   }
@@ -89,11 +73,9 @@ class CustomScriptLoadingStrategyPlugin {
         //     [scriptLoadingStrategy]: true
         //   });
         // });
-
       });
     });
   }
-
   apply(compiler) {
     compiler.hooks.compilation.tap(pluginName, compilation => {
       _htmlWebpackPlugin.default.getHooks(compilation).alterAssetTagGroups.tapAsync(pluginName, (data, callback) => {
@@ -103,7 +85,5 @@ class CustomScriptLoadingStrategyPlugin {
       });
     });
   }
-
 }
-
 exports.CustomScriptLoadingStrategyPlugin = CustomScriptLoadingStrategyPlugin;

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

@@ -4,21 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EFCTemplatePlugin = void 0;
-
 var _fs = require("fs");
-
 var _logger = require("../../../../logger");
-
 var _LocaleChunkAssetsStore = require("./I18nSplitPlugin/LocaleChunkAssetsStore");
-
 var _constants = require("../../../constants");
-
 var _getInitialAssetsFuncTemplate = require("./getInitialAssetsFuncTemplate");
-
 const INITIAL_ASSETS_TEMPLATE = '// <--getInitialAssets-->';
 const PUBLIC_PATH_TEMPLATE = '"<--publicPath-->"';
 const pluginName = 'EFCTemplatePlugin';
-
 class EFCTemplatePlugin {
   constructor(options = {}) {
     const {
@@ -32,15 +25,18 @@ class EFCTemplatePlugin {
     this.options = options;
     this.templateFilePath = (0, _constants.joinWithAppPath)(templateFilePath);
     this.i18nFileNameTemplate = i18nFileNameTemplate;
-    this.publicPath = publicPath; // NOTE: this logic may be needed for i18n splitted file name with contenthash cases
+    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
+  }
+
+  // NOTE: this logic may be needed for i18n splitted file name with contenthash cases
   // getI18nManifest(compilation) {
   //   const i18nManifestFile =
   //     compilation.assets[this.options.i18nManifestFileName];
@@ -52,12 +48,11 @@ class EFCTemplatePlugin {
   // }
   // eslint-disable-next-line class-methods-use-this
 
-
   templateReplacer(entryPoint, compilation) {
     const {
       enableRTLSplit
-    } = this.options; // const i18nManifest = this.getI18nManifest(compilation);
-
+    } = this.options;
+    // const i18nManifest = this.getI18nManifest(compilation);
     const initialAssetsFuncTemplate = (0, _getInitialAssetsFuncTemplate.getInitialAssetsFuncTemplate)({
       entryPoint,
       compilation,
@@ -70,7 +65,6 @@ class EFCTemplatePlugin {
     const templateStr = (0, _fs.readFileSync)(this.templateFilePath).toString();
     return templateStr.replace(INITIAL_ASSETS_TEMPLATE, initialAssetsFuncTemplate).replace(PUBLIC_PATH_TEMPLATE, this.publicPath);
   }
-
   apply(compiler) {
     const {
       RawSource
@@ -89,16 +83,13 @@ class EFCTemplatePlugin {
           outputFile
         } = this;
         const entryPoint = compilation.entrypoints.get(entryPointName);
-
         if (!entryPoint) {
           return;
         }
-
         if (!(0, _fs.existsSync)(this.templateFilePath)) {
           (0, _logger.errorLogger)(`EFC Template file not exists ${this.templateFilePath}`);
           return;
         }
-
         const source = new RawSource(this.templateReplacer(entryPoint, compilation));
         compilation.emitAsset(outputFile, source);
         (0, _logger.messageLogger)('The EFC embedded code was created successfully..!!!');
@@ -106,7 +97,5 @@ class EFCTemplatePlugin {
       });
     });
   }
-
 }
-
 exports.EFCTemplatePlugin = EFCTemplatePlugin;

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

@@ -4,22 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.I18nGroupRuntimeModule = void 0;
-
 var _webpack = require("webpack");
-
 class I18nGroupRuntimeModule extends _webpack.RuntimeModule {
   constructor(options) {
     super('i18n-group-loader');
     this.options = options;
   }
-
   generate() {
     const {
       customGroups,
       localeVarName,
       jsonpFunc
-    } = this.options; // Build chunk-to-group mapping from config
+    } = this.options;
 
+    // Build chunk-to-group mapping from config
     const chunkToGroup = {};
     Object.entries(customGroups || {}).forEach(([groupName, config]) => {
       (config.chunks || []).forEach(chunkName => {
@@ -118,7 +116,5 @@ class I18nGroupRuntimeModule extends _webpack.RuntimeModule {
     })();
     `;
   }
-
 }
-
 exports.I18nGroupRuntimeModule = I18nGroupRuntimeModule;

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

@@ -0,0 +1,81 @@
+"use strict";
+
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const path = require('path');
+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 {
+          outputFolder,
+          numericFilenameTemplate,
+          dynamicFilenameTemplate,
+          singleFileTemplate,
+          htmlTemplateLabel,
+          singleFile,
+          i18nAssetsPublicPathPrefix = ''
+        } = this.options;
+        const newI18nAssetUrlsToAdd = [];
+
+        // Construct full paths using outputFolder
+        const constructFullPath = (template, isSingleFile = false) => {
+          if (!template) return null;
+
+          // Replace locale placeholder
+          let filePath = template.replace(/\[locale\]/g, htmlTemplateLabel);
+
+          // Remove [contenthash] placeholder for HTML injection
+          // The actual hash will be determined at build time
+          filePath = filePath.replace(/\.\[contenthash\]/g, '');
+
+          // If template already contains outputFolder or starts with a path separator, use as-is
+          if (filePath.includes(outputFolder) || filePath.startsWith('/')) {
+            return filePath.replace(/\\/g, '/');
+          }
+
+          // For single-file mode with a simple template like '[locale].js', 
+          // put it directly in outputFolder without subdirectories
+          if (isSingleFile && !filePath.includes('/')) {
+            return path.join(outputFolder || 'i18n-chunk', filePath).replace(/\\/g, '/');
+          }
+
+          // For other cases, preserve subdirectories
+          return path.join(outputFolder || 'i18n-chunk', filePath).replace(/\\/g, '/');
+        };
+        if (singleFile) {
+          // In single file mode, use singleFileTemplate
+          const singleTemplate = singleFileTemplate || '[locale].js';
+          const combinedFilename = constructFullPath(singleTemplate, true);
+          if (combinedFilename) {
+            newI18nAssetUrlsToAdd.push(combinedFilename);
+          }
+        } else {
+          // Add both numeric and dynamic files
+          const numericFilename = constructFullPath(numericFilenameTemplate);
+          if (numericFilename) {
+            newI18nAssetUrlsToAdd.push(numericFilename);
+          }
+          const dynamicFilename = constructFullPath(dynamicFilenameTemplate);
+          if (dynamicFilename) {
+            newI18nAssetUrlsToAdd.push(dynamicFilename);
+          }
+        }
+        if (newI18nAssetUrlsToAdd.length > 0) {
+          // Add i18n assets to the beginning of JS assets for early loading
+          assets.js = [...newI18nAssetUrlsToAdd, ...assets.js];
+        }
+        cb(null, hookData);
+      });
+    });
+  }
+}
+module.exports = {
+  I18nNumericIndexHtmlInjectorPlugin
+};