@zohodesk/client_build_tool 0.0.11-exp.18.0 → 0.0.11-exp.19.0

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

@@ -10,14 +10,18 @@ var _webpack = require("webpack");
 class I18nGroupRuntimeModule extends _webpack.RuntimeModule {
   constructor(options) {
     super('i18n-group-loader');
-    this.options = options;
+    this.options = {
+      i18nPublicPathVar: 'window.__I18N_CDN__',
+      ...options
+    };
   }
 
   generate() {
     const {
       customGroups,
       localeVarName,
-      jsonpFunc
+      jsonpFunc,
+      i18nPublicPathVar
     } = this.options; // Build chunk-to-group mapping from config
 
     const chunkToGroup = {};
@@ -31,6 +35,64 @@ class I18nGroupRuntimeModule extends _webpack.RuntimeModule {
     (function() {
       var loadedGroups = {};
       var chunkToGroup = ${JSON.stringify(chunkToGroup)};
+      var cachedI18nBase;
+
+      function ensureTrailingSlash(path) {
+        if (!path) {
+          return '';
+        }
+        return path.charAt(path.length - 1) === '/' ? path : path + '/';
+      }
+
+      function resolveConfiguredBase() {
+        try {
+          var candidate = (${i18nPublicPathVar});
+          if (typeof candidate === 'string' && candidate.length) {
+            return candidate;
+          }
+        } catch (err) {
+          // ignore – fall back to DOM/publicPath detection
+        }
+        return '';
+      }
+
+      function resolveI18nBase() {
+        if (cachedI18nBase !== undefined) {
+          return cachedI18nBase;
+        }
+
+        var base = resolveConfiguredBase();
+
+        if (!base && typeof document !== 'undefined') {
+          var scripts = document.getElementsByTagName('script');
+          for (var i = 0; i < scripts.length; i++) {
+            var src = scripts[i].getAttribute('data-src') || scripts[i].getAttribute('src') || '';
+            var markerIndex = src.indexOf('i18n-chunk/');
+            if (markerIndex !== -1) {
+              base = src.slice(0, markerIndex);
+              break;
+            }
+          }
+        }
+
+        if (!base) {
+          base = __webpack_require__.p || '';
+        }
+
+        cachedI18nBase = ensureTrailingSlash(base);
+        return cachedI18nBase;
+      }
+
+      function buildI18nUrl(relativePath) {
+        var base = resolveI18nBase();
+        if (!relativePath) {
+          return base;
+        }
+        if (relativePath.charAt(0) === '/') {
+          relativePath = relativePath.slice(1);
+        }
+        return base + relativePath;
+      }
       
       // Function to load i18n group
       function loadI18nGroup(groupName) {
@@ -47,10 +109,14 @@ class I18nGroupRuntimeModule extends _webpack.RuntimeModule {
         }
         
         return new Promise(function(resolve, reject) {
-          var i18nUrl = config.filenameTemplate
-            .replace('[locale]', locale)
-            .replace('i18n-chunk/', __webpack_require__.p + 'i18n-chunk/');
-          
+          var relativePath = config.filenameTemplate
+            .replace('[locale]', locale);
+          var i18nUrl = buildI18nUrl(relativePath);
+
+          if (typeof console !== 'undefined' && console.debug) {
+            console.debug('[i18n-group:load]', groupName, i18nUrl);
+          }
+
           
           var script = document.createElement('script');
           script.src = i18nUrl;
@@ -105,9 +171,13 @@ class I18nGroupRuntimeModule extends _webpack.RuntimeModule {
             var config = groupConfig[groupName];
             
             if (config) {
-              var i18nUrl = config.filenameTemplate
-                .replace('[locale]', locale)
-                .replace('i18n-chunk/', __webpack_require__.p + 'i18n-chunk/');
+              var relativePath = config.filenameTemplate
+                .replace('[locale]', locale);
+              var i18nUrl = buildI18nUrl(relativePath);
+
+              if (typeof console !== 'undefined' && console.debug) {
+                console.debug('[i18n-group:preload]', groupName, i18nUrl);
+              }
               
               // Load i18n first, then the chunk
               var i18nScript = document.createElement('script');

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

@@ -91,7 +91,8 @@ function configI18nNumericIndexPlugin(options) {
     manifestPath: i18nOpts.manifestPath || null,
     customGroups: i18nOpts.customGroups || null,
     emitFiles: i18nOpts.emitFiles !== undefined ? i18nOpts.emitFiles : true,
-    isDevelopment: isDevelopment
+    isDevelopment: isDevelopment,
+    i18nPublicPathVar: i18nOpts.i18nPublicPathVar
   }; // HTML injector options
 
   const htmlInjectorOptions = {

package/package.json

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