@zohodesk/client_build_tool 0.0.6-exp.10 → 0.0.6-exp.11

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

@@ -89,7 +89,7 @@ class CdnChangePlugin {
 
       compilation.hooks.runtimeRequirementInTree.for(_webpack.RuntimeGlobals.getChunkScriptFilename).tap(pluginName, (chunk, set) => {
         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));
+        new _webpackCustomJsUrlLoader.default('javascript', 'javascript', _webpack.RuntimeGlobals.getChunkScriptFilename, chunk => chunk.filenameTemplate || (chunk.canBeInitial() ? compilation.outputOptions.filename : compilation.outputOptions.chunkFilename), false, this.variableName));
         return true;
       });
     });

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

@@ -14,19 +14,20 @@ const first = set => {
 
 class CustomizedGetChunkFilenameRuntimeModule extends _webpack.RuntimeModule {
   /**
-   * @param {string} contentType the contentType to use the content hash for
+   * @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) {
+  constructor(contentType, name, global, getFilenameForChunk, allChunks, variableName) {
     super(`get ${name} chunk filename`);
     this.contentType = contentType;
     this.global = global;
     this.getFilenameForChunk = getFilenameForChunk;
     this.allChunks = allChunks;
     this.dependentHash = true;
+    this.variableName = variableName;
   }
 
   generate() {

package/lib/shared/bundler/webpack/custom_plugins/I18nSplitPlugin/I18nRuntimeDealerPlugin.js

@@ -95,7 +95,8 @@ class I18nRuntimeDealerPlugin {
     const {
       chunkFilename,
       locales,
-      localeVarName
+      localeVarName,
+      createSeparateSMap
     } = this.options;
     const chunkFilenameHasContentHash = (0, _hashUtils.hasContentHash)(chunkFilename);
 
@@ -161,6 +162,11 @@ class I18nRuntimeDealerPlugin {
           const replaceText = chunkFilenameUrlGenerator(i18nChunks, locale);
           const replacedStr = runtimeFileSourceStr.replace(_constants.I18N_CHUNK_NAME_GENERATION_SEGMENT, replaceText);
           compilation.emitAsset(newRuntimeName, new RawSource(replacedStr));
+
+          if (createSeparateSMap) {
+            const updatedPath = newRuntimeName.replace('smap/', '');
+            compilation.emitAsset(updatedPath, new RawSource(replacedStr));
+          }
         } // eslint-disable-next-line no-restricted-syntax
 
 

package/lib/shared/bundler/webpack/custom_plugins/I18nSplitPlugin/optionsHandler.js

@@ -27,6 +27,7 @@ function optionsHandler(options) {
   });
   return {
     filename: options.filename || _constants.DEFAULT_FILENAME,
+    createSeparateSMap: options.sourceMapOptions,
     chunkFilename: options.chunkFilename || chunkNameDecider(options.filename),
     mainChunkName: options.mainChunkName,
     templateLabel: options.templateLabel,

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

@@ -13,7 +13,7 @@ function checkSmapFilePattern(assetName) {
 }
 
 function skipRuntimeFiles(assetName) {
-  return !assetName.includes('runtime') || !assetName.includes('[locale]');
+  return !assetName.includes('[locale]');
 }
 
 const pluginName = 'SplitSourceMapPlugin'; // Purpose:
@@ -34,6 +34,10 @@ class SourceMapPlugin {
         stage: _webpack.Compilation.PROCESS_ASSETS_STAGE_ADDITIONAL
       }, assets => {
         Object.keys(assets).forEach(assetName => {
+          if (assetName.includes('runtime')) {
+            console.log(assetName);
+          }
+
           const assetCode = assets[assetName].source();
 
           if (checkSmapFilePattern(assetName) // skipRuntimeFiles(assetName)

package/lib/shared/bundler/webpack/pluginConfigs/configI18nSplitPlugin.js

@@ -15,7 +15,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function configI18nSplitPlugin(options) {
   const {
-    i18nChunkSplit
+    i18nChunkSplit,
+    createSeparateSMap
   } = options;
 
   if (!i18nChunkSplit.chunkSplitEnable) {
@@ -36,6 +37,7 @@ function configI18nSplitPlugin(options) {
     publicPath: i18nPublicPath,
     i18nManifestFileName: (0, _nameTemplates.nameTemplates)('i18nmanifest', options),
     // template: (object, locale) => `window.loadI18n(${JSON.stringify(object)}, ${JSON.stringify(locale)})`,
-    propertiesFolder: i18nChunkSplit.propertiesFolder
+    propertiesFolder: i18nChunkSplit.propertiesFolder,
+    sourceMapOptions: createSeparateSMap
   });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/client_build_tool",
-  "version": "0.0.6-exp.10",
+  "version": "0.0.6-exp.11",
   "description": "A CLI tool to  build  web applications and client libraries",
   "main": "lib/index.js",
   "bin": {