@zohodesk/react-cli 1.1.29-exp.1 → 1.1.29-exp.3

package/lib/plugins/I18nSplitPlugin/I18nFilesEmitter.js

@@ -11,12 +11,6 @@ var _utils = require("./utils");
 
 var _getI18nKeysFormModules = _interopRequireDefault(require("./utils/getI18nKeysFormModules"));
 
-var _createRegularManifest = require("./utils/createRegularManifest");
-
-var _createMetaManifest = require("./utils/createMetaManifest");
-
-var _applyMetaManifest = require("./utils/applyMetaManifest");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /**
@@ -34,65 +28,42 @@ class I18nFilesEmitter {
     i18nManifestFileName,
     filenameTemplate,
     locales,
-    jsonpFunc,
-    i18nMetaManifestFileName,
-    entryPointNames = ['main'],
-    masterChunkFileName = 'master.i18n.js',
-    publicPath
+    jsonpFunc
   }) {
     this.locales = locales;
     this.allI18nObject = allI18nObject;
-    this.filenameTemplate = filenameTemplate;
+    this.filenameTemplate = filenameTemplate; // this.filenameTemplate =  "i18n-chunk/[locale]/[name].js"
+
     this.jsonpFunc = jsonpFunc;
     this.prevHashes = {};
     this.i18nManifestFileName = i18nManifestFileName;
-    this.i18nMetaManifestFileName = i18nMetaManifestFileName || 'metaManifest.json';
-    this.regularManifest = {};
-    this.detailedManifest = {};
-    this.entryPointNames = Array.isArray(entryPointNames) ? entryPointNames : [entryPointNames];
-    this.masterChunkFileName = masterChunkFileName;
-    this.generatedMetaManifest = {
-      modules: {},
-      masterKeys: []
-    };
-    this.extraKeys = new Set();
-    this.movedKeys = new Set();
-    this.entryPointKeys = new Set();
-    this.combinedChunks = {};
-    this.publicPath = publicPath; // Add a map to store module ID mappings
-
-    this.moduleIdMap = new Map(); // Map to track which modules belong to which chunks
-
-    this.moduleToChunks = new Map(); // Store original resource paths for stable identification
-
-    this.resourceToModule = new Map();
-    console.log(`I18nFilesEmitter initialized with publicPath: "${this.publicPath}"`);
   }
 
   emitAsset(compilation, filename, source, info) {
+    // NOTE: info support  available since webpack v4.40.0 https://webpack.js.org/api/stats/#asset-objects
     if (!compilation.emitAsset) {
       compilation.assets[filename] = source;
     } else {
       compilation.emitAsset(filename, source, info);
     }
-  }
+  } // this method for create object and assign value for i18nkeys
+
 
   getI18nObjectByLocale(i18nKeys, locale) {
     const data = {};
     i18nKeys.forEach(key => {
-      if (this.allI18nObject[locale] && this.allI18nObject[locale][key] !== undefined) {
-        data[key] = this.allI18nObject[locale][key];
-      }
+      data[key] = this.allI18nObject[locale][key];
     });
     return data;
   }
 
   getTemplateString(i18nKeys, locale) {
-    const i18nObject = this.getI18nObjectByLocale(i18nKeys, locale);
-    return `${this.jsonpFunc}(${(0, _utils.jsonToString)(i18nObject)});`;
+    let i18nObject = this.getI18nObjectByLocale(i18nKeys, locale);
+    return `${this.jsonpFunc}(${(0, _utils.jsonToString)(i18nObject)});`; // return `${this.jsonpFunc}(JSON.parse(${JSON.stringify(jsonToString(i18nObject))}));`;
   }
 
   renderI18nLocaleChunk(chunk, locale, i18nKeys) {
+    // renderI18nLocaleChunk(chunk, locale, i18nKeys, compilation) {
     const filenameTemplate = this.filenameTemplate.replace(/\[locale\]/g, locale);
     const pathOptions = {
       chunk,
@@ -105,53 +76,6 @@ class I18nFilesEmitter {
       identifier: `${pluginName}.${chunk.id}.${locale}`,
       hash: chunk.contentHash[i18ntype(locale)]
     };
-  } // Capture final module IDs from compilation
-
-
-  captureModuleIds(compilation) {
-    console.log('Capturing final module IDs from compilation...');
-    this.moduleIdMap.clear();
-    this.resourceToModule.clear();
-    this.moduleToChunks.clear(); // Process all modules to build our mapping
-
-    compilation.modules.forEach(module => {
-      // Skip modules without resources
-      if (!module.resource) return;
-      const originalId = module.resource;
-      const finalId = module.id; // Map resource path to final module ID
-
-      this.moduleIdMap.set(originalId, finalId); // Map resource path to module object
-
-      this.resourceToModule.set(originalId, module); // Build chunk membership for each module
-
-      const chunkIds = Array.from(module.chunksIterable || []).map(chunk => chunk.id).filter(Boolean);
-
-      if (chunkIds.length > 0) {
-        this.moduleToChunks.set(originalId, chunkIds);
-      }
-    });
-    console.log(`Captured ${this.moduleIdMap.size} module ID mappings`);
-  } // Modified to use stable resource identifiers
-
-
-  gatherModuleDetails(chunk, i18nKeys) {
-    if (!i18nKeys.length) return; // Get stable identifiers for each module in the chunk
-
-    const stableModuleIds = Array.from(chunk.modulesIterable).map(module => module.resource).filter(Boolean); // If no stable IDs found, fallback to chunk ID
-
-    const moduleKey = stableModuleIds.length ? stableModuleIds[0] : `chunk_${chunk.id}`;
-
-    if (!this.detailedManifest[moduleKey]) {
-      this.detailedManifest[moduleKey] = {
-        chunkId: chunk.id,
-        chunkName: chunk.name || `chunk_${chunk.id}`,
-        keysUsed: new Set()
-      };
-    }
-
-    i18nKeys.forEach(key => {
-      this.detailedManifest[moduleKey].keysUsed.add(key);
-    });
   }
 
   emitI18nFilesForChunk(chunk, compilation) {
@@ -163,20 +87,14 @@ class I18nFilesEmitter {
     };
 
     if (!i18nKeys.length) {
+      // why  it is not checked as 0
       return manifestForChunk;
     }
 
-    this.gatherModuleDetails(chunk, i18nKeys);
-    manifestForChunk.hasI18n = true; // Check if this is an entry point chunk
-
-    const isEntryPoint = this.isPartOfEntryPoint(chunk, compilation); // If it's an entry point, add its keys to our tracking set
-
-    if (isEntryPoint) {
-      i18nKeys.forEach(key => this.entryPointKeys.add(key));
-    }
+    manifestForChunk.hasI18n = true; // const locales  = ['en_US'];
 
     this.locales.forEach(locale => {
-      const result = this.renderI18nLocaleChunk(chunk, locale, i18nKeys);
+      const result = this.renderI18nLocaleChunk(chunk, locale, i18nKeys, compilation);
       const {
         filenameTemplate,
         pathOptions,
@@ -192,186 +110,73 @@ class I18nFilesEmitter {
       }
 
       manifestForChunk.hasChanges = true;
-      this.prevHashes[identifier] = hash; // Get the rendered content
-
-      const renderedContent = render().source(); // Emit the asset
-
-      this.emitAsset(compilation, filePath, new _webpackSources.RawSource(renderedContent), {
+      this.prevHashes[identifier] = hash;
+      this.emitAsset(compilation, filePath, render(), {
         locale,
         chunkId: chunk.id,
         chunkName: chunk.name
-      }); // Store chunk content for later reference
-
-      if (!this.combinedChunks[locale]) {
-        this.combinedChunks[locale] = [];
-      }
-
-      this.combinedChunks[locale].push({
-        path: filePath,
-        content: renderedContent,
-        data: this.getI18nObjectByLocale(i18nKeys, locale),
-        isEntryPoint: isEntryPoint
-      });
+      }); // compilation.assets[filePath] = render();
     });
     return manifestForChunk;
-  } // Check if a chunk is part of an entry point we're interested in
-
-
-  isPartOfEntryPoint(chunk, compilation) {
-    let isEntryChunk = false;
-    this.entryPointNames.forEach(entryName => {
-      const entryPoint = compilation.entrypoints.get(entryName);
-
-      if (entryPoint && entryPoint.chunks.includes(chunk)) {
-        isEntryChunk = true;
-      }
-    });
-    return isEntryChunk;
-  } // Create meta manifest with final module IDs
-
-
-  createMetaManifestWithFinalIds(compilation) {
-    console.log('Creating meta manifest with final module IDs...'); // Initialize meta manifest structure
-
-    const finalMetaManifest = {
-      modules: {},
-      masterKeys: []
-    }; // Process each module with its final ID
-
-    for (const [resourcePath, moduleData] of Object.entries(this.detailedManifest)) {
-      // Get the final module ID if available
-      const finalId = this.moduleIdMap.get(resourcePath) || resourcePath;
-      const chunkName = moduleData.chunkName || `chunk_${finalId}`;
-      const keysArray = Array.isArray(moduleData.keysUsed) ? moduleData.keysUsed : Array.from(moduleData.keysUsed); // Only add modules that have i18n keys
-
-      if (keysArray.length > 0) {
-        finalMetaManifest.modules[chunkName] = {
-          id: moduleData.chunkId,
-          finalId: finalId,
-          resourcePath: resourcePath,
-          keys: keysArray
-        };
-      }
-    } // Store the generated manifest
-
-
-    this.generatedMetaManifest = finalMetaManifest;
-    console.log(`Created meta manifest with ${Object.keys(finalMetaManifest.modules).length} modules`);
-  } // Compare the remote meta manifest with current build
-
-
-  compareWithRemoteManifest(compilation) {
-    // Use the imported applyMetaManifest function with our updated module ID maps
-    (0, _applyMetaManifest.applyMetaManifest)(compilation, this);
-  } // Create and emit the combined master chunk for each locale
-
-
-  emitMasterChunks(compilation) {
-    // Combine all the keys we need in the master chunk
-    const combinedKeys = new Set([...this.extraKeys, ...this.movedKeys, ...(this.generatedMetaManifest.masterKeys || [])]);
-    console.log(`Extra and moved keys to add to master chunk: ${combinedKeys.size}`);
-    console.log(`Entry point keys: ${this.entryPointKeys.size}`); // Add entry point keys to the master keys in meta manifest
-
-    if (this.generatedMetaManifest) {
-      this.generatedMetaManifest.masterKeys = [...this.generatedMetaManifest.masterKeys, ...Array.from(this.entryPointKeys)];
-    } // Create a master object that contains all needed keys
-
-
-    const allMasterKeys = new Set([...combinedKeys, ...this.entryPointKeys]);
-    console.log(`Creating master chunks with ${allMasterKeys.size} total keys`);
-
-    for (const locale of this.locales) {
-      try {
-        // console.log(`\n========== Processing master chunk for locale: ${locale} ==========`);
-        // Create the master i18n object with all required keys
-        const masterI18nObject = this.getI18nObjectByLocale([...allMasterKeys], locale);
-        console.log(`Master i18n object has ${Object.keys(masterI18nObject).length} keys`); // Create the final JSONP content
-
-        const finalContent = `${this.jsonpFunc}(${(0, _utils.jsonToString)(masterI18nObject)});`;
-        const outputPath = `i18n-chunk/${locale}/${this.masterChunkFileName}`; // Emit the combined master chunk
-
-        this.emitAsset(compilation, outputPath, new _webpackSources.RawSource(finalContent), {
-          locale,
-          chunkName: 'master',
-          desc: 'Combined master i18n chunk'
-        }); // Add to manifest
-
-        if (!this.regularManifest.master) {
-          this.regularManifest.master = {};
-        }
-
-        this.regularManifest.master[locale] = outputPath; //  console.log(`Emitted master chunk for locale ${locale}: ${outputPath} (${Object.keys(masterI18nObject).length} total keys)`);
-      } catch (error) {
-        console.error(`ERROR processing master chunk for locale ${locale}:`, error.message); // Emit a simplified version with just the master keys
-
-        try {
-          console.log(`Attempting to emit a fallback master chunk for locale ${locale}`); // Just use the moved and extra keys as fallback
-
-          const fallbackI18nObject = this.getI18nObjectByLocale([...combinedKeys], locale);
-          const fallbackContent = `${this.jsonpFunc}(${(0, _utils.jsonToString)(fallbackI18nObject)});`;
-          const outputPath = `i18n-chunk/${locale}/${this.masterChunkFileName}`;
-          this.emitAsset(compilation, outputPath, new _webpackSources.RawSource(fallbackContent), {
-            locale,
-            chunkName: 'master',
-            desc: 'Fallback master i18n chunk (only moved/extra keys)'
-          });
-
-          if (!this.regularManifest.master) {
-            this.regularManifest.master = {};
-          }
-
-          this.regularManifest.master[locale] = outputPath;
-          console.log(`Emitted fallback master chunk for locale ${locale}: ${outputPath}`);
-        } catch (fallbackError) {
-          console.error(`Failed to emit fallback master chunk for locale ${locale}:`, fallbackError.message);
-        }
-      }
-    }
   }
 
   emitI18nAssert(compilation) {
-    console.log('Starting I18n asset emission process...'); // First, capture all final module IDs 
-
-    this.captureModuleIds(compilation); // Reset entry point keys for this build
-
-    this.entryPointKeys = new Set(); // 1. Process chunks and collect keys
-
+    let manifest = {};
+    let needEmitManifest = false;
     compilation.chunks.forEach(chunk => {
       const manifestForChunk = this.emitI18nFilesForChunk(chunk, compilation);
 
       if (manifestForChunk.hasI18n) {
-        this.regularManifest[chunk.id] = manifestForChunk.assets;
+        manifest[chunk.id] = manifestForChunk.assets;
+        needEmitManifest = needEmitManifest || manifestForChunk.hasChanges;
       }
-    }); // 2. Create our meta manifest with final module IDs
-
-    this.createMetaManifestWithFinalIds(compilation); // 3. Compare with remote manifest to find extra/moved keys
-
-    this.compareWithRemoteManifest(compilation); // 4. Create and emit combined master chunks
-
-    this.emitMasterChunks(compilation); // 5. Create the regular manifest
-
-    (0, _createRegularManifest.createRegularManifest)(compilation, this); // 6. Emit the final meta manifest with updated master keys
-
-    const metaManifestSource = new _webpackSources.RawSource(JSON.stringify(this.generatedMetaManifest, null, 2));
-    this.emitAsset(compilation, this.i18nMetaManifestFileName, metaManifestSource, {
-      desc: 'Updated meta manifest with master keys'
     });
-    console.log('Completed I18n asset emission process');
+
+    if (needEmitManifest) {
+      const manifestSource = new _webpackSources.RawSource(JSON.stringify(manifest));
+      this.emitAsset(compilation, this.i18nManifestFileName, manifestSource, {
+        desc: 'this file is has chunks-locales-assets mapping'
+      });
+    }
   }
 
   apply(compiler) {
-    // Use the afterCompile hook to capture module info after compilation
-    compiler.hooks.afterCompile.tap(pluginName, compilation => {
-      //  console.log(`${pluginName}: Capturing compilation information after compile phase`);
-      this.compilation = compilation;
-    }); // Use the emit hook to generate the I18n assets with final module IDs
-
-    compiler.hooks.emit.tapAsync(pluginName, (compilation, callback) => {
-      //    console.log(`${pluginName}: Emitting I18n assets with final module IDs`);
+    /*
+      compiler.hooks.thisCompilation.tap(pluginName, compilation => {
+        compilation.mainTemplate.hooks.renderManifest.tap(
+          pluginName,
+          (result, { chunk }) => {
+            this.renderChunk(result, compilation, chunk);
+          }
+        );
+           compilation.chunkTemplate.hooks.renderManifest.tap(
+          pluginName,
+          (result, { chunk }) => {
+            this.renderChunk(result, compilation, chunk);
+          }
+        );
+      });
+      */
+    // this below hook was tapped for create asssets(file) for chunk specific i18nChunk Files
+    compiler.hooks.emit.tap(pluginName, compilation => {
       this.emitI18nAssert(compilation);
-      callback();
     });
   }
+  /*
+    renderChunk(result, compilation, chunk) {
+      const i18nKeys = getI18nKeysFormModules(chunk.modulesIterable);
+      // TODO: need to discuss with vimal ji can we chose this place for add i18n locale files ????
+      // IDEA:  we chose this place for add i18n locale files ????
+      if (i18nKeys.length > 0) {
+        Object.keys(this.allI18nObject).forEach(locale => {
+          result.push(
+            this.renderI18nLocaleChunk(chunk, locale, i18nKeys, compilation)
+          );
+        });
+      }
+    }
+    */
+
 
 }
 

package/lib/schemas/index.js

@@ -232,6 +232,7 @@ var _default = {
       none: '(hover: none)'
     },
     disableES5Transpile: false,
+    disableES5Import: false,
     isReactMig: false,
     hasWidget: false,
     hasEFC: {