@zohodesk/react-cli 1.1.28 → 1.1.29-exp.2

package/lib/plugins/newi18nsplitplugin/utils/getJsResourceKeys.js

@@ -0,0 +1,22 @@
+"use strict";
+
+// utils/getJsResourceKeys.js
+const fs = require('fs');
+const readline = require('readline');
+function getJsResourceKeys(filePath) {
+  const keys = new Set();
+  const fileContent = fs.readFileSync(filePath, 'utf8');
+  const lines = fileContent.split(/\r?\n/);
+  for (const line of lines) {
+    const trimmedLine = line.trim();
+    if (trimmedLine && !trimmedLine.startsWith('#')) {
+      const equalIndex = trimmedLine.indexOf('=');
+      if (equalIndex > 0) {
+        const key = trimmedLine.slice(0, equalIndex).trim();
+        keys.add(key);
+      }
+    }
+  }
+  return keys;
+}
+module.exports = getJsResourceKeys;

package/lib/plugins/newi18nsplitplugin/utils/i18nChunkUtils.js

@@ -0,0 +1,18 @@
+"use strict";
+
+// i18nChunkUtils.js
+const crypto = require('crypto');
+function hashKey(key) {
+  return crypto.createHash('md5').update(key).digest('hex');
+}
+function getChunkIdForKey(key) {
+  const hash = hashKey(key);
+  const numChunks = 100;
+  const numericHash = parseInt(hash.substring(0, 8), 16);
+  const chunkId = numericHash % numChunks;
+  return `chunk-${chunkId}`;
+}
+module.exports = {
+  hashKey,
+  getChunkIdForKey
+};

package/lib/plugins/newi18nsplitplugin/utils/manifestGenerator.js

@@ -0,0 +1,580 @@
+"use strict";
+
+// // // // // const crypto = require('crypto');
+// // // // // const { RawSource } = require('webpack-sources');
+// // // // // function getChunkIdForKey(key, NUMBER_OF_CHUNKS) {
+// // // // //   const hash = crypto.createHash('md5');
+// // // // //   hash.update(key);
+// // // // //   const digest = hash.digest('hex');
+// // // // //   const numericHash = parseInt(digest.substr(0, 8), 16);
+// // // // //   return numericHash % NUMBER_OF_CHUNKS;
+// // // // // }
+// // // // // function generateManifests(options) {
+// // // // //   const {
+// // // // //     compilation,
+// // // // //     allI18nKeys,
+// // // // //     moduleToKeysMap,
+// // // // //     keyToModulesMap,
+// // // // //     moduleChunkIdToModulesMap,
+// // // // //     entryPointKeys,
+// // // // //     NUMBER_OF_CHUNKS,
+// // // // //   } = options;
+// // // // //   const metadataManifest = {
+// // // // //     keyToModulesMap: {},
+// // // // //     keyToChunkIdMap: {},
+// // // // //     moduleToKeysMap: {},
+// // // // //   };
+// // // // //   const runtimeManifest = {
+// // // // //     moduleToI18nChunkMap: {},
+// // // // //     locales: {},
+// // // // //   };
+// // // // //   const keyToI18nChunkIdMap = {};
+// // // // //   // Get the list of locales
+// // // // //   const locales = Object.keys(allI18nKeys);
+// // // // //   // Map from i18nChunkId to keys
+// // // // //   const i18nChunkIdToKeysMap = {};
+// // // // //   // Initialize the chunks
+// // // // //   for (let i = 0; i < NUMBER_OF_CHUNKS; i++) {
+// // // // //     i18nChunkIdToKeysMap[i] = [];
+// // // // //   }
+// // // // //   // Collect all keys from the i18n files
+// // // // //   const allKeys = Object.keys(keyToModulesMap);
+// // // // //   // Assign keys to chunks using hash-based mapping
+// // // // //   for (const key of allKeys) {
+// // // // //     const chunkId = getChunkIdForKey(key, NUMBER_OF_CHUNKS);
+// // // // //     i18nChunkIdToKeysMap[chunkId].push(key);
+// // // // //     // Map key to chunk ID
+// // // // //     keyToI18nChunkIdMap[key] = chunkId;
+// // // // //     // Populate metadata manifest
+// // // // //     metadataManifest.keyToChunkIdMap[key] = chunkId;
+// // // // //     metadataManifest.keyToModulesMap[key] = Array.from(keyToModulesMap[key]);
+// // // // //   }
+// // // // //   // Populate moduleToKeysMap in metadata manifest
+// // // // //   for (const [moduleResource, keys] of moduleToKeysMap.entries()) {
+// // // // //     metadataManifest.moduleToKeysMap[moduleResource] = keys;
+// // // // //   }
+// // // // //   // Now, generate the i18n chunks for each locale
+// // // // //   for (const locale of locales) {
+// // // // //     runtimeManifest.locales[locale] = runtimeManifest.locales[locale] || {};
+// // // // //     for (let i = 0; i < NUMBER_OF_CHUNKS; i++) {
+// // // // //       const keys = i18nChunkIdToKeysMap[i];
+// // // // //       const i18nData = {};
+// // // // //       for (const key of keys) {
+// // // // //         const value = allI18nKeys[locale][key];
+// // // // //         if (value !== undefined) {
+// // // // //           i18nData[key] = value;
+// // // // //         }
+// // // // //       }
+// // // // //       if (Object.keys(i18nData).length > 0) {
+// // // // //         const moduleSource = `window.loadI18nChunk(${JSON.stringify(i18nData)});`;
+// // // // //         const filename = `i18n-chunks/${locale}/chunk-${i}.js`;
+// // // // //         compilation.emitAsset(filename, new RawSource(moduleSource));
+// // // // //         runtimeManifest.locales[locale][i] = filename;
+// // // // //         console.log(`Emitted i18n chunk: ${filename}`);
+// // // // //       }
+// // // // //     }
+// // // // //   }
+// // // // //   // Now, create moduleToI18nChunkMap for runtime manifest
+// // // // //   for (const [moduleChunkId, moduleResources] of Object.entries(moduleChunkIdToModulesMap)) {
+// // // // //     const requiredI18nChunkIds = new Set();
+// // // // //     for (const moduleResource of moduleResources) {
+// // // // //       const keys = moduleToKeysMap.get(moduleResource);
+// // // // //       if (keys) {
+// // // // //         for (const key of keys) {
+// // // // //           const i18nChunkId = keyToI18nChunkIdMap[key];
+// // // // //           if (i18nChunkId !== undefined) {
+// // // // //             requiredI18nChunkIds.add(i18nChunkId);
+// // // // //           }
+// // // // //         }
+// // // // //       }
+// // // // //     }
+// // // // //     if (requiredI18nChunkIds.size > 0) {
+// // // // //       runtimeManifest.moduleToI18nChunkMap[moduleChunkId] = Array.from(requiredI18nChunkIds);
+// // // // //     } else {
+// // // // //      // console.log(`No required i18n chunks for module chunk ID ${moduleChunkId}`);
+// // // // //     }
+// // // // //   }
+// // // // //   // Emit the metadata manifest
+// // // // //   const metadataManifestSource = new RawSource(
+// // // // //     `window.i18n = window.i18n || {}; window.i18n.metadataManifest = ${JSON.stringify(metadataManifest, null, 2)};`
+// // // // //   );
+// // // // //   const metadataManifestFilename = 'i18n-chunks/metadataManifest.js';
+// // // // //   compilation.emitAsset(metadataManifestFilename, metadataManifestSource);
+// // // // //   console.log(`Emitted metadata manifest: ${metadataManifestFilename}`);
+// // // // //   // Emit the runtime manifest
+// // // // //   const runtimeManifestSource = new RawSource(
+// // // // //     `window.i18n = window.i18n || {}; window.i18n.runtimeManifest = ${JSON.stringify(runtimeManifest, null, 2)};`
+// // // // //   );
+// // // // //   const runtimeManifestFilename = 'i18n-chunks/runtimeManifest.js';
+// // // // //   compilation.emitAsset(runtimeManifestFilename, runtimeManifestSource);
+// // // // //   console.log(`Emitted runtime manifest: ${runtimeManifestFilename}`);
+// // // // // }
+// // // // // module.exports = { generateManifests };
+// // // // const { RawSource } = require('webpack-sources');
+// // // // function generateManifests(options) {
+// // // //   const {
+// // // //     compilation,
+// // // //     allI18nKeys,
+// // // //     moduleToKeysMap,
+// // // //     keyToModulesMap,
+// // // //     moduleChunkIdToModulesMap,
+// // // //     keyToI18nChunkIdMap, // Receive the map from I18nPlugin
+// // // //   } = options;
+// // // // // // Inside generateManifests
+// // // // // console.log('keyToI18nChunkIdMap:', keyToI18nChunkIdMap);
+// // // // // console.log('moduleChunkIdToModulesMap:', moduleChunkIdToModulesMap);
+// // // // // console.log('moduleToKeysMap:', moduleToKeysMap);
+// // // // // console.log('runtimeManifest.moduleToI18nChunkMap:', runtimeManifest.moduleToI18nChunkMap);
+// // // //   const metadataManifest = {
+// // // //     keyToModulesMap: {},
+// // // //     keyToChunkIdMap: {},
+// // // //     moduleToKeysMap: {},
+// // // //   };
+// // // //   const runtimeManifest = {
+// // // //     moduleToI18nChunkMap: {},
+// // // //     locales: {},
+// // // //   };
+// // // //   // Use the keyToI18nChunkIdMap provided
+// // // //   // Populate metadataManifest.keyToChunkIdMap and keyToModulesMap
+// // // //   for (const [key, modulesSet] of keyToModulesMap.entries()) {
+// // // //     const chunkId = keyToI18nChunkIdMap[key];
+// // // //     metadataManifest.keyToChunkIdMap[key] = chunkId;
+// // // //     metadataManifest.keyToModulesMap[key] = Array.from(modulesSet);
+// // // //   }
+// // // //   // Populate moduleToKeysMap in metadata manifest
+// // // //   for (const [moduleResource, keys] of moduleToKeysMap.entries()) {
+// // // //     metadataManifest.moduleToKeysMap[moduleResource] = keys;
+// // // //   }
+// // // //   // Now, create moduleToI18nChunkMap for runtime manifest
+// // // //   for (const [moduleChunkId, moduleResources] of Object.entries(moduleChunkIdToModulesMap)) {
+// // // //     const requiredI18nChunkIds = new Set();
+// // // //     for (const moduleResource of moduleResources) {
+// // // //       const keys = moduleToKeysMap.get(moduleResource);
+// // // //       if (keys) {
+// // // //         for (const key of keys) {
+// // // //           const i18nChunkId = keyToI18nChunkIdMap[key];
+// // // //           if (i18nChunkId !== undefined) {
+// // // //             requiredI18nChunkIds.add(i18nChunkId);
+// // // //           }
+// // // //         }
+// // // //       }
+// // // //     }
+// // // //     if (requiredI18nChunkIds.size > 0) {
+// // // //       runtimeManifest.moduleToI18nChunkMap[moduleChunkId] = Array.from(requiredI18nChunkIds);
+// // // //     } else {
+// // // //       console.log(`No required i18n chunks for module chunk ID ${moduleChunkId}`);
+// // // //     }
+// // // //   }
+// // // //   // Emit the metadata manifest
+// // // //   const metadataManifestSource = new RawSource(
+// // // //     `window.i18n = window.i18n || {}; window.i18n.metadataManifest = ${JSON.stringify(metadataManifest, null, 2)};`
+// // // //   );
+// // // //   const metadataManifestFilename = 'i18n-chunks/metadataManifest.js';
+// // // //   compilation.emitAsset(metadataManifestFilename, metadataManifestSource);
+// // // //   console.log(`Emitted metadata manifest: ${metadataManifestFilename}`);
+// // // //   // Emit the runtime manifest
+// // // //   const runtimeManifestSource = new RawSource(
+// // // //     `window.i18n = window.i18n || {}; window.i18n.runtimeManifest = ${JSON.stringify(runtimeManifest, null, 2)};`
+// // // //   );
+// // // //   const runtimeManifestFilename = 'i18n-chunks/runtimeManifest.js';
+// // // //   compilation.emitAsset(runtimeManifestFilename, runtimeManifestSource);
+// // // //   console.log(`Emitted runtime manifest: ${runtimeManifestFilename}`);
+// // // // }
+// // // // module.exports = { generateManifests };
+// // // const { RawSource } = require('webpack-sources');
+// // // function generateManifests({
+// // //   compilation,
+// // //   allI18nKeys,
+// // //   moduleToKeysMap,
+// // //   keyToModulesMap,
+// // //   moduleChunkIdToModulesMap,
+// // //   jsResourceI18nKeys,
+// // // }) {
+// // //   const manifest = {
+// // //     moduleToI18nChunkMap: {},
+// // //     locales: {},
+// // //     debugInfo: {},
+// // //   };
+// // //   const locales = Object.keys(allI18nKeys);
+// // //   let i18nChunkIdCounter = 0;
+// // //   const sectionToI18nChunkIdMap = {};
+// // //   const keyToI18nChunkIdMap = {};
+// // //   // Collect all keys to be included (only those in jsResourceI18nKeys)
+// // //   const allKeysToInclude = new Set(Object.keys(jsResourceI18nKeys));
+// // //   // Build chunks up to 100KB
+// // //   const chunks = [];
+// // //   let currentChunk = {
+// // //     sections: [],
+// // //     size: 0,
+// // //     id: i18nChunkIdCounter++,
+// // //   };
+// // //   // Assuming all locales have the same sections as the first locale
+// // //   const firstLocale = locales[0];
+// // //   const sections = Object.keys(allI18nKeys[firstLocale]);
+// // //   for (const sectionName of sections) {
+// // //     // Filter keys in the section based on jsResourceI18nKeys
+// // //     const sectionKeys = Object.keys(allI18nKeys[firstLocale][sectionName] || {});
+// // //     const filteredKeys = sectionKeys.filter((key) =>
+// // //       allKeysToInclude.has(key)
+// // //     );
+// // //     if (filteredKeys.length === 0) {
+// // //       continue; // Skip sections with no relevant keys
+// // //     }
+// // //     // Estimate the size of the section
+// // //     const sectionData = {};
+// // //     for (const key of filteredKeys) {
+// // //       sectionData[key] = allI18nKeys[firstLocale][sectionName][key];
+// // //     }
+// // //     const sectionSize = Buffer.byteLength(
+// // //       JSON.stringify(sectionData),
+// // //       'utf8'
+// // //     );
+// // //     if (currentChunk.size + sectionSize > 100 * 1024) {
+// // //       // Start a new chunk
+// // //       chunks.push(currentChunk);
+// // //       currentChunk = {
+// // //         sections: [],
+// // //         size: 0,
+// // //         id: i18nChunkIdCounter++,
+// // //       };
+// // //     }
+// // //     currentChunk.sections.push(sectionName);
+// // //     currentChunk.size += sectionSize;
+// // //     // Map section to chunk id
+// // //     sectionToI18nChunkIdMap[sectionName] = currentChunk.id;
+// // //   }
+// // //   // Add the last chunk
+// // //   if (currentChunk.sections.length > 0) {
+// // //     chunks.push(currentChunk);
+// // //   }
+// // //   // Map keys to i18nChunkIds
+// // //   for (const sectionName of sections) {
+// // //     if (!sectionToI18nChunkIdMap.hasOwnProperty(sectionName)) {
+// // //       continue; // Skip sections not included
+// // //     }
+// // //     const i18nChunkId = sectionToI18nChunkIdMap[sectionName];
+// // //     const keys = Object.keys(allI18nKeys[firstLocale][sectionName] || {});
+// // //     const filteredKeys = keys.filter((key) => allKeysToInclude.has(key));
+// // //     for (const key of filteredKeys) {
+// // //       keyToI18nChunkIdMap[key] = i18nChunkId;
+// // //     }
+// // //   }
+// // //   // Generate the i18n chunk files for each locale and chunk
+// // //   for (const locale of locales) {
+// // //     manifest.locales[locale] = manifest.locales[locale] || {};
+// // //     manifest.debugInfo[locale] = {};
+// // //     for (const chunk of chunks) {
+// // //       const i18nData = {};
+// // //       for (const sectionName of chunk.sections) {
+// // //         const sectionKeys = allI18nKeys[locale][sectionName] || {};
+// // //         for (const key of Object.keys(sectionKeys)) {
+// // //           if (allKeysToInclude.has(key)) {
+// // //             i18nData[key] = sectionKeys[key];
+// // //           }
+// // //         }
+// // //       }
+// // //       const numKeys = Object.keys(i18nData).length;
+// // //       if (numKeys > 0) {
+// // //         const moduleSource = `window.loadI18nChunk(${JSON.stringify(
+// // //           i18nData,
+// // //           null,
+// // //           2
+// // //         )});`;
+// // //         const filename = `i18n-chunks/${locale}/chunk-${chunk.id}.js`;
+// // //         compilation.emitAsset(filename, new RawSource(moduleSource));
+// // //         manifest.locales[locale][chunk.id] = filename;
+// // //         manifest.debugInfo[locale][chunk.id] = {
+// // //           numKeys,
+// // //         };
+// // //       } else {
+// // //         // Even if there are no keys, we might want to create an empty chunk for consistency
+// // //         const moduleSource = `window.loadI18nChunk({});`;
+// // //         const filename = `i18n-chunks/${locale}/chunk-${chunk.id}.js`;
+// // //         compilation.emitAsset(filename, new RawSource(moduleSource));
+// // //         manifest.locales[locale][chunk.id] = filename;
+// // //         manifest.debugInfo[locale][chunk.id] = {
+// // //           numKeys: 0,
+// // //         };
+// // //       }
+// // //     }
+// // //   }
+// // //   // Create moduleToI18nChunkMap
+// // //   for (const [moduleChunkId, moduleResources] of Object.entries(
+// // //     moduleChunkIdToModulesMap
+// // //   )) {
+// // //     const requiredI18nChunkIds = new Set();
+// // //     for (const moduleResource of moduleResources) {
+// // //       const keys = moduleToKeysMap.get(moduleResource);
+// // //       if (keys) {
+// // //         for (const key of keys) {
+// // //           const i18nChunkId = keyToI18nChunkIdMap[key];
+// // //           if (i18nChunkId !== undefined) {
+// // //             requiredI18nChunkIds.add(i18nChunkId);
+// // //           }
+// // //         }
+// // //       }
+// // //     }
+// // //     if (requiredI18nChunkIds.size > 0) {
+// // //       manifest.moduleToI18nChunkMap[moduleChunkId] = Array.from(
+// // //         requiredI18nChunkIds
+// // //       );
+// // //     } else {
+// // //       console.log(
+// // //         `No required i18n chunks for module chunk ID ${moduleChunkId}`
+// // //       );
+// // //     }
+// // //   }
+// // //   // Emit the manifest file
+// // //   const manifestSource = new RawSource(
+// // //     `window.i18n = window.i18n || {}; window.i18n.manifest = ${JSON.stringify(
+// // //       manifest,
+// // //       null,
+// // //       2
+// // //     )};`
+// // //   );
+// // //   const manifestFilename = 'i18n-chunks/manifest.js';
+// // //   compilation.emitAsset(manifestFilename, manifestSource);
+// // //   console.log(`Emitted i18n manifest: ${manifestFilename}`);
+// // // }
+// // // module.exports = {
+// // //   generateManifests,
+// // // };
+// // const { RawSource } = require('webpack-sources');
+// // function generateManifests({
+// //   compilation,
+// //   allI18nKeys,
+// //   moduleToKeysMap,
+// //   chunkToModulesMap,
+// //   jsResourceI18nKeys,
+// // }) {
+// //   const manifest = {
+// //     chunkToI18nMap: {},
+// //     locales: {},
+// //   };
+// //   const locales = Object.keys(allI18nKeys);
+// //   // For each chunk, collect all i18n keys used by its modules
+// //   for (const [chunkId, moduleResources] of chunkToModulesMap.entries()) {
+// //     const chunkI18nKeys = new Set();
+// //     for (const moduleResource of moduleResources) {
+// //       const keys = moduleToKeysMap.get(moduleResource);
+// //       if (keys) {
+// //         keys.forEach((key) => {
+// //           if (jsResourceI18nKeys.hasOwnProperty(key)) {
+// //             chunkI18nKeys.add(key);
+// //           }
+// //         });
+// //       }
+// //     }
+// //     // Generate i18n files per chunk and locale
+// //     for (const locale of locales) {
+// //       const i18nData = {};
+// //       const localeData = allI18nKeys[locale];
+// //       for (const key of chunkI18nKeys) {
+// //         // Find the key in the locale data
+// //         let found = false;
+// //         for (const section of Object.values(localeData)) {
+// //           if (section.hasOwnProperty(key)) {
+// //             i18nData[key] = section[key];
+// //             found = true;
+// //             break;
+// //           }
+// //         }
+// //         if (!found) {
+// //           console.warn(`Key "${key}" not found in locale "${locale}"`);
+// //         }
+// //       }
+// //       // Create the i18n chunk file
+// //       const moduleSource = `window.loadI18nChunk(${JSON.stringify(
+// //         i18nData,
+// //         null,
+// //         2
+// //       )});`;
+// //       const filename = `i18n-chunks/${locale}/chunk-${chunkId}.js`;
+// //       compilation.emitAsset(filename, new RawSource(moduleSource));
+// //       // Update the manifest
+// //       if (!manifest.locales[locale]) {
+// //         manifest.locales[locale] = {};
+// //       }
+// //       if (!manifest.locales[locale][chunkId]) {
+// //         manifest.locales[locale][chunkId] = filename;
+// //       }
+// //     }
+// //     // Update the manifest for the chunk
+// //     manifest.chunkToI18nMap[chunkId] = chunkId;
+// //   }
+// //   // Emit the manifest file
+// //   const manifestSource = new RawSource(
+// //     `window.i18n = window.i18n || {}; window.i18n.manifest = ${JSON.stringify(
+// //       manifest,
+// //       null,
+// //       2
+// //     )};`
+// //   );
+// //   const manifestFilename = 'i18n-chunks/manifest.js';
+// //   compilation.emitAsset(manifestFilename, manifestSource);
+// //   console.log(`Emitted i18n manifest: ${manifestFilename}`);
+// // }
+// // module.exports = {
+// //   generateManifests,
+// // };
+// const { RawSource } = require('webpack-sources');
+// function generateManifests({
+//   compilation,
+//   allI18nKeys,
+//   moduleToKeysMap,
+//   cacheGroupToModulesMap,
+//   jsResourceI18nKeys,
+// }) {
+//   const manifest = {
+//     cacheGroupToI18nMap: {},
+//     locales: {},
+//   };
+//   const locales = Object.keys(allI18nKeys);
+//   for (const [cacheGroupName, moduleResources] of cacheGroupToModulesMap.entries()) {
+//     const cacheGroupI18nKeys = new Set();
+//     for (const moduleResource of moduleResources) {
+//       const keys = moduleToKeysMap.get(moduleResource);
+//       if (keys) {
+//         keys.forEach((key) => {
+//           if (jsResourceI18nKeys.hasOwnProperty(key)) {
+//             cacheGroupI18nKeys.add(key);
+//           }
+//         });
+//       }
+//     }
+//     // Generate i18n files per cache group and locale
+//     for (const locale of locales) {
+//       const i18nData = {};
+//       const localeData = allI18nKeys[locale];
+//       for (const key of cacheGroupI18nKeys) {
+//         // Find the key in the locale data
+//         let found = false;
+//         for (const section of Object.values(localeData)) {
+//           if (section.hasOwnProperty(key)) {
+//             i18nData[key] = section[key];
+//             found = true;
+//             break;
+//           }
+//         }
+//         if (!found) {
+//           console.warn(`Key "${key}" not found in locale "${locale}"`);
+//         }
+//       }
+//       // Create the i18n chunk file
+//       const moduleSource = `window.loadI18nChunk(${JSON.stringify(
+//         i18nData,
+//         null,
+//         2
+//       )});`;
+//       const filename = `i18n-chunks/${locale}/${cacheGroupName}.js`;
+//       compilation.emitAsset(filename, new RawSource(moduleSource));
+//       // Update the manifest
+//       if (!manifest.locales[locale]) {
+//         manifest.locales[locale] = {};
+//       }
+//       manifest.locales[locale][cacheGroupName] = filename;
+//     }
+//     // Update the manifest for the cache group
+//     manifest.cacheGroupToI18nMap[cacheGroupName] = cacheGroupName;
+//   }
+//   // Emit the manifest file
+//   const manifestSource = new RawSource(
+//     `window.i18n = window.i18n || {}; window.i18n.manifest = ${JSON.stringify(
+//       manifest,
+//       null,
+//       2
+//     )};`
+//   );
+//   const manifestFilename = 'i18n-chunks/manifest.js';
+//   compilation.emitAsset(manifestFilename, manifestSource);
+//   console.log(`Emitted i18n manifest: ${manifestFilename}`);
+// }
+// module.exports = {
+//   generateManifests,
+// };
+const {
+  RawSource
+} = require('webpack-sources');
+function generateManifests({
+  compilation,
+  allI18nKeys,
+  moduleToKeysMap,
+  cacheGroupToModulesMap,
+  jsResourceI18nKeys
+}) {
+  const manifest = {
+    cacheGroupToI18nMap: {},
+    locales: {}
+  };
+  const metaManifest = {
+    keyToCacheGroupMap: {}
+  };
+  const locales = Object.keys(allI18nKeys); // Map keys to cache groups
+
+  const keyToCacheGroupMap = {};
+  for (const [cacheGroupName, moduleResources] of cacheGroupToModulesMap.entries()) {
+    const cacheGroupI18nKeys = new Set();
+    for (const moduleResource of moduleResources) {
+      const keys = moduleToKeysMap.get(moduleResource);
+      if (keys) {
+        keys.forEach(key => {
+          if (jsResourceI18nKeys.hasOwnProperty(key)) {
+            cacheGroupI18nKeys.add(key); // Map key to cache group for meta manifest
+
+            if (!keyToCacheGroupMap[key]) {
+              keyToCacheGroupMap[key] = new Set();
+            }
+            keyToCacheGroupMap[key].add(cacheGroupName);
+          }
+        });
+      }
+    } // Generate i18n files per cache group and locale
+
+    for (const locale of locales) {
+      const i18nData = {};
+      const localeData = allI18nKeys[locale];
+      for (const key of cacheGroupI18nKeys) {
+        // Find the key in the locale data
+        let found = false;
+        for (const section of Object.values(localeData)) {
+          if (section.hasOwnProperty(key)) {
+            i18nData[key] = section[key];
+            found = true;
+            break;
+          }
+        }
+        if (!found) {
+          console.warn(`Key "${key}" not found in locale "${locale}"`);
+        }
+      } // Create the i18n chunk file
+
+      const moduleSource = `window.loadI18nChunk(${JSON.stringify(i18nData, null, 2)});`;
+      const filename = `i18n-chunks/${locale}/${cacheGroupName}.js`;
+      compilation.emitAsset(filename, new RawSource(moduleSource)); // Update the main manifest
+
+      if (!manifest.locales[locale]) {
+        manifest.locales[locale] = {};
+      }
+      manifest.locales[locale][cacheGroupName] = filename;
+    } // Update the cacheGroupToI18nMap
+
+    manifest.cacheGroupToI18nMap[cacheGroupName] = cacheGroupName;
+  } // Generate the meta manifest by converting Sets to Arrays
+
+  for (const [key, cacheGroupsSet] of Object.entries(keyToCacheGroupMap)) {
+    metaManifest.keyToCacheGroupMap[key] = Array.from(cacheGroupsSet);
+  } // Emit the main manifest file
+
+  const manifestSource = new RawSource(`window.i18n = window.i18n || {}; window.i18n.manifest = ${JSON.stringify(manifest, null, 2)};`);
+  const manifestFilename = 'i18n-chunks/manifest.js';
+  compilation.emitAsset(manifestFilename, manifestSource);
+  console.log(`Emitted i18n manifest: ${manifestFilename}`); // Emit the meta manifest file
+
+  const metaManifestSource = new RawSource(JSON.stringify(metaManifest, null, 2));
+  const metaManifestFilename = 'i18n-chunks/metaManifest.json';
+  compilation.emitAsset(metaManifestFilename, metaManifestSource);
+  console.log(`Emitted i18n meta manifest: ${metaManifestFilename}`);
+}
+module.exports = {
+  generateManifests
+};