@zohodesk/react-cli 0.0.1-exp.161.3 → 0.0.1-exp.164.1

package/lib/configs/webpack.prod.config.js

@@ -10,8 +10,11 @@ var _pluginUtils = require("../pluginUtils");
 
 var _loaderUtils = require("../loaderUtils");
 
+var _libAlias = require("./libAlias");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+// import TerserPlugin from 'terser-webpack-plugin';
 let options = (0, _utils.getOptions)();
 let {
   app: {
@@ -76,12 +79,23 @@ module.exports = {
     },
     concatenateModules: true,
     minimize: true,
+    // by  default if  minimize: true in webpack minimize then webpack automaticaly add TerserPlugin,
+    //  So we are overrideing it. 
+    // minimizer: [
+    //   new TerserPlugin({
+    //     cache: true,
+    //     parallel: true,
+    //     sourceMap: isDevelopment && enableSMap,
+    //     exclude: /\/smap/
+    //   })
+    // ],
     moduleIds: 'named'
   },
   stats: {
     children: false,
     colors: true,
     // excludeAssets: /i18n/,
+    excludeAssets: /./,
     warningsFilter: /\[mini-css-extract-plugin\]/
   },
   plugins: (0, _pluginUtils.getProdPlugins)(options, output.publicPath),
@@ -113,7 +127,8 @@ module.exports = {
           }] : null].filter(Boolean),
           cacheDirectory: true
         }
-      }],
+      }].filter(Boolean),
+      // include: path.join(appPath, folder)
       include: module => {
         let srcPath = _path.default.join(appPath, folder);
 
@@ -130,7 +145,7 @@ module.exports = {
       exclude: /\.module\.css$/,
       use: (0, _loaderUtils.getCSSLoaders)(hasRTL, rtlExclude, '[local]', false, null)
     } : null, {
-      test: seperateCssModules ? /\.module\.css$/ : /(\.module)?\.css$/,
+      test: seperateCssModules ? /\.module\.css$/ : /\.css$/,
       use: (0, _loaderUtils.getCSSLoaders)(hasRTL, rtlExclude, false, cssUniqueness, selectorReplace, cssHashSelectors, classNamePrefix)
     }, {
       test: /\.jpe?g$|\.gif$|\.png$/,
@@ -194,25 +209,7 @@ module.exports = {
   },
   resolve: {
     modules: [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules'],
-    alias: disableES5Transpile ? {
-      '@zohodesk/components/lib': '@zohodesk/components/es',
-      // '@zohodesk/zc-custom/lib': '@zohodesk/zc-custom/es',
-      '@zohodesk/dot/lib': '@zohodesk/dot/es',
-      '@zohodesk/i18n/lib': '@zohodesk/i18n/es',
-      '@zohodesk/icons/lib': '@zohodesk/icons/es',
-      '@zohodesk/normalizer/lib': '@zohodesk/normalizer/es',
-      '@zohodesk/perf-components/lib': '@zohodesk/perf-components/es',
-      '@zohodesk/perf-middleware/lib': '@zohodesk/perf-middleware/es',
-      '@zohodesk/permissions/lib': '@zohodesk/permissions/es',
-      '@zohodesk/platform-middleware/lib': '@zohodesk/platform-middleware/es',
-      '@zohodesk/react-dnd/lib': '@zohodesk/react-dnd/es',
-      '@zohodesk/router-middleware/lib': '@zohodesk/router-middleware/es',
-      '@zohodesk/storage/lib': '@zohodesk/storage/es',
-      '@zohodesk/svg/lib': '@zohodesk/svg/es',
-      '@zohodesk/timetracker/lib': '@zohodesk/timetracker/es',
-      '@zohodesk/variables/lib': '@zohodesk/variables/es',
-      '@zohodesk/virtualizer/lib': '@zohodesk/virtualizer/es'
-    } : {}
+    alias: disableES5Transpile ? _libAlias.libAlias : {}
   },
   resolveLoader: {
     modules: [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']

package/lib/loaderUtils/index.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "getDevJsLoaders", {
+Object.defineProperty(exports, "getCSSLoaders", {
   enumerable: true,
   get: function () {
-    return _getDevJsLoaders.default;
+    return _getCSSLoaders.default;
   }
 });
-Object.defineProperty(exports, "getCSSLoaders", {
+Object.defineProperty(exports, "getDevJsLoaders", {
   enumerable: true,
   get: function () {
-    return _getCSSLoaders.default;
+    return _getDevJsLoaders.default;
   }
 });
 

package/lib/pluginUtils/getDevPlugins.js

@@ -55,6 +55,7 @@ let getDevPlugins = (options, publicPath) => {
     },
     efc: {
       hasEFC: newOptionForEnableEFC,
+      templateFilePath,
       nameScope: efcNameSpace,
       localeAttr: efcLocaleAttr
     },
@@ -162,6 +163,7 @@ let getDevPlugins = (options, publicPath) => {
     plugins.push(new _plugins.EFCPlugin({
       isDevelopment: true,
       i18nManifestFileName,
+      templateFilePath,
       i18nFileNameTemplate,
       serverUrl: publicPath,
       entryPointName: 'efc',

package/lib/pluginUtils/getProdPlugins.js

@@ -72,6 +72,7 @@ let getProdPlugins = (options, publicPath = '') => {
   const {
     hasEFC: newOptionForEnableEFC,
     nameScope: efcNameSpace,
+    templateFilePath,
     localeAttr: efcLocaleAttr
   } = options.efc;
   const hasEFC = newOptionForEnableEFC || prevOptionForEnableEFC;
@@ -166,6 +167,7 @@ let getProdPlugins = (options, publicPath = '') => {
       isDevelopment,
       serverUrl: publicPath,
       i18nFileNameTemplate,
+      templateFilePath,
       i18nManifestFileName,
       entryPointName: 'efc',
       // outputFile: 'zohodesk-efc-sdk-latest.js',

package/lib/pluginUtils/index.js

@@ -9,34 +9,28 @@ Object.defineProperty(exports, "getDevPlugins", {
     return _getDevPlugins.default;
   }
 });
-Object.defineProperty(exports, "getProdPlugins", {
-  enumerable: true,
-  get: function () {
-    return _getProdPlugins.default;
-  }
-});
 Object.defineProperty(exports, "getDocsPlugins", {
   enumerable: true,
   get: function () {
     return _getDocsPlugins.default;
   }
 });
-Object.defineProperty(exports, "getServerPlugins", {
+Object.defineProperty(exports, "getLibraryPlugins", {
   enumerable: true,
   get: function () {
-    return _getServerPlugins.default;
+    return _getLibraryPlugins.default;
   }
 });
-Object.defineProperty(exports, "getLibraryPlugins", {
+Object.defineProperty(exports, "getProdPlugins", {
   enumerable: true,
   get: function () {
-    return _getLibraryPlugins.default;
+    return _getProdPlugins.default;
   }
 });
-Object.defineProperty(exports, "getUMDComponentPlugins", {
+Object.defineProperty(exports, "getServerPlugins", {
   enumerable: true,
   get: function () {
-    return _getUMDComponentPlugins.default;
+    return _getServerPlugins.default;
   }
 });
 Object.defineProperty(exports, "getUMDCSSPlugins", {
@@ -45,6 +39,12 @@ Object.defineProperty(exports, "getUMDCSSPlugins", {
     return _getUMDCSSPlugins.default;
   }
 });
+Object.defineProperty(exports, "getUMDComponentPlugins", {
+  enumerable: true,
+  get: function () {
+    return _getUMDComponentPlugins.default;
+  }
+});
 
 var _getDevPlugins = _interopRequireDefault(require("./getDevPlugins"));
 

package/lib/plugins/EFCPlugin.js

@@ -17,6 +17,8 @@ var _I18nKeysIdentifer = _interopRequireDefault(require("./I18nSplitPlugin/I18nK
 
 var _replaceCssDirTemplate = require("./RtlSplitPlugin/replaceCssDirTemplate");
 
+var _EFCTemplatePlugin = _interopRequireDefault(require("./EFCTemplatePlugin"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 // import { getShortI18nAssets } from './I18nSplitPlugin/utils/hashUtils';
@@ -34,17 +36,19 @@ const {
   efc: efcOptios
 } = cliOptions;
 const {
-  createSDkFile
+  createSDkFile,
+  cdnStatement
 } = efcOptios;
 
 class EFCPlugin {
   constructor(options = {}) {
     this.isDevelopment = options.isDevelopment;
+    this.templateFilePath = options.templateFilePath;
     this.serverUrl = options.serverUrl;
     this.i18nFileNameTemplate = options.i18nFileNameTemplate; // NOTE: this logic may be needed for i18n splited file name with contenthash cases
     // this.i18nManifestFileName = options.i18nManifestFileName;
     // IMPORTANT: here we mergeing optionds  from  pacakge.json  and options via constructor
-    // So when debugging consider this as well 
+    // So when debugging consider this as well
 
     this.options = Object.assign({}, efcOptios, options);
     this.options.entryPointName = options.entryPointName || 'efc';
@@ -125,20 +129,35 @@ class EFCPlugin {
   ${enableRTLSplit ? `const cssDir = ${cssDirStatement};` : ''}
   const prod = !${this.isDevelopment};
   let cdnVariableName = "${cdnVariableName}";
-  let assetURLs = {
-    //hook
-    js: ${JSON.stringify(jsPath || serverUrl)},
-    css: ${JSON.stringify(cssPath || serverUrl)},
-    i18n: ${JSON.stringify(i18nJsPath || serverUrl)}
-  };
+
+  function getAssetUrl(ext) {
+    ${cdnStatement ? `
+    return (() => {
+      let fu = (${cdnStatement});
+      return typeof fu === "function" ? fu(ext) : fu;
+    })();` : ''}
+
+    ${publicPaths.callback ? `return (${publicPaths.callback})(ext)` : ''}
+    
+    let assetURLs = {
+      //hook
+      js: ${JSON.stringify(jsPath || serverUrl)},
+      css: ${JSON.stringify(cssPath || serverUrl)},
+      i18n: ${JSON.stringify(i18nJsPath || serverUrl)}
+    };
+
+    return assetURLs[ext];
+
+  }
+  
 
   window.desk_urls={}
-  window.desk_urls.staticDomain = 'https:' + assetURLs.js + '/';
+  window.desk_urls.staticDomain = 'https:' + getAssetUrl('js') + '/';
   if (prod && cdnVariableName) {
-    window["${cdnVariableName}"] = 'https:' + assetURLs.css + '/';
+    window["${cdnVariableName}"] = 'https:' + getAssetUrl('css') + '/';
   }
 
-  let initalI18nAssets = ${initalI18nAssets}.map(urlpath => "${i18nJsPath}/"+ urlpath);
+  let initalI18nAssets = ${initalI18nAssets};
   let initialAssets = initalI18nAssets.concat(${JSON.stringify(enableRTLSplit ? filteredInitialFiles.map(filePath => (0, _replaceCssDirTemplate.replaceCssDirTemplate)(filePath, cssDirTemplate)) : filteredInitialFiles)});
 
   let loadAsset = (id, type, url) => {
@@ -150,12 +169,12 @@ class EFCPlugin {
       switch(type) {
         case 'script':
         case 'i18n':
-          el.src = (type === 'i18n'? assetURLs.i18n : assetURLs.js)+'/'+url
+          el.src = (type === 'i18n'? getAssetUrl('i18n') : getAssetUrl('js'))+'/'+url
           el.defer = 'defer';
           document.body.appendChild(el);
           break;
         case 'link':
-          el.href = assetURLs.css+'/'+url${enableRTLSplit ? `.replace(${JSON.stringify(cssDirTemplate)}, cssDir)` : ''}
+          el.href = getAssetUrl('css')+'/'+url${enableRTLSplit ? `.replace(${JSON.stringify(cssDirTemplate)}, cssDir)` : ''}
           el.rel = 'stylesheet';
           document.head.appendChild(el);
           break;
@@ -186,6 +205,17 @@ class EFCPlugin {
   apply(compiler) {
     if (!createSDkFile) {
       return;
+    } //console.log('this.templateFilePath', this.templateFilePath, this.options);
+
+
+    if (this.templateFilePath) {
+      new _EFCTemplatePlugin.default({
+        templateFilePath: this.templateFilePath,
+        publicPath: this.serverUrl,
+        i18nFileNameTemplate: this.i18nFileNameTemplate,
+        entryPointName: this.options.entryPointName
+      }).apply(compiler);
+      return;
     }
 
     compiler.hooks.emit.tap('EFCPlugin', compilation => {

package/lib/plugins/EFCTemplatePlugin.js

@@ -0,0 +1,151 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _webpackSources = require("webpack-sources");
+
+var _utils = require("../utils");
+
+var _path = _interopRequireDefault(require("path"));
+
+var _fs = require("fs");
+
+var _getI18nFileUrlPathTemplate = require("./I18nSplitPlugin/utils/getI18nFileUrlPathTemplate");
+
+var _I18nKeysIdentifer = _interopRequireDefault(require("./I18nSplitPlugin/I18nKeysIdentifer"));
+
+var _replaceCssDirTemplate = require("./RtlSplitPlugin/replaceCssDirTemplate");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import { getShortI18nAssets } from './I18nSplitPlugin/utils/hashUtils';
+const cliOptions = (0, _utils.getOptions)();
+const {
+  i18n: {
+    chunkSplitEnable
+  },
+  css: {
+    enableRTLSplit
+  },
+  efc: efcOptios
+} = cliOptions;
+const {
+  createSDkFile
+} = efcOptios; // for smap relate changes
+// CdnChangePlugin
+// SourceMapHookPlugin
+
+class EFCTemplatePlugin {
+  constructor(options = {}) {
+    // console.log(' templateFilePath ', process.cwd(), options.templateFilePath, templateFilePath);
+    this.templateFilePath = _path.default.join(process.cwd(), options.templateFilePath); // console.log(' templateFilePath ', this.templateFilePath);
+
+    this.i18nFileNameTemplate = options.i18nFileNameTemplate;
+    this.publicPath = options.publicPath; // NOTE: this logic may be needed for i18n splited file name with contenthash cases
+    // this.i18nManifestFileName = options.i18nManifestFileName;
+    // IMPORTANT: here we mergeing optionds  from  pacakge.json  and options via constructor
+    // So when debugging consider this as well
+    // this.options = Object.assign({}, efcOptios, options);
+
+    this.entryPointName = options.entryPointName || 'efc';
+    this.outputFile = efcOptios.outputFile.replace('[version]', efcOptios.version);
+  } // NOTE: this logic may be needed for i18n splited file name with contenthash cases
+  // getI18nManifest(compilation) {
+  //   const i18nManifestFile =
+  //     compilation.assets[this.options.i18nManifestFileName];
+  //   if (i18nManifestFile) {
+  //     const manifest = JSON.parse(i18nManifestFile.source());
+  //     return manifest;
+  //   }
+  //   return {};
+  // }
+
+
+  getI18nAssetsStr(entryPoint, compilation) {
+    // NOTE: we have used lang variable inside
+    if (!chunkSplitEnable) {
+      let i18nAsstes = {};
+      let i18nFiles = Object.keys(compilation.assets).filter(assert => assert.indexOf(`i18n${_path.default.sep}`) !== -1); //hook for i18n url contains i18n/ may cause problem
+
+      i18nAsstes = i18nFiles.reduce((res, i18nFilePath) => {
+        let fileName = i18nFilePath.replace(`i18n${_path.default.sep}`, '');
+        let splittedFileName = fileName.split('.');
+        res[splittedFileName[0]] = i18nFilePath;
+        return res;
+      }, {});
+      return `[${JSON.stringify(i18nAsstes)}[lang]]`;
+    }
+
+    let initalI18nAssets = entryPoint.chunks.filter(chunk => _I18nKeysIdentifer.default.isChunkHasI18n(chunk)).map(chunk => (0, _getI18nFileUrlPathTemplate.getI18nFileUrlPathTemplate)(compilation, chunk, this.i18nFileNameTemplate, '@locale@'));
+    return `${JSON.stringify(initalI18nAssets)}.map(urlpath => urlpath.replace(/@locale@/g, lang))`;
+  }
+
+  templateReplacer(entryPoint, compilation) {
+    const cssDirTemplate = '@dir@'; // const i18nManifest = this.getI18nManifest(compilation);
+
+    const initialFiles = entryPoint.getFiles();
+    const filteredInitialFiles = initialFiles.filter(file => /\.(css|js)$/.test(file));
+    const initialJsFiles = filteredInitialFiles.filter(file => /\.js$/.test(file));
+    let initialCssFiles = filteredInitialFiles.filter(file => /\.css$/.test(file));
+
+    if (enableRTLSplit) {
+      initialCssFiles = initialCssFiles.map(filePath => (0, _replaceCssDirTemplate.replaceCssDirTemplate)(filePath, cssDirTemplate));
+    } // const i18nAssets = getShortI18nAssets(
+    //   entryPoint.chunks,
+    //   i18nManifest,
+    //   '' // i18nJsPath
+    // );
+
+
+    const initalI18nAssets = this.getI18nAssetsStr(entryPoint, compilation, '' // i18nJsPath
+    );
+    let templateStr = (0, _fs.readFileSync)(this.templateFilePath).toString();
+    return templateStr.replace('((\'getInitalAssets\'))', `function getInitalAssets(assetsType, lang) {
+          if (assetsType === "js") {
+            return ${JSON.stringify(initialJsFiles)}
+          }
+          if (assetsType === "css") {
+            return ${JSON.stringify(initialCssFiles)}
+          }
+          if (assetsType === "i18n") {
+            return ${initalI18nAssets};
+          }
+          return  [];
+        }`).replace('((\'@dir@\'))', '\'@dir@\'').replace('((\'publicPath\'))', this.publicPath).replace('((\'@locale@\'))', '\'@locale@\'');
+  }
+
+  apply(compiler) {
+    if (!createSDkFile) {
+      return;
+    }
+
+    compiler.hooks.emit.tap('EFCTemplatePlugin', compilation => {
+      const {
+        entryPointName,
+        outputFile
+      } = this;
+      const entryPoint = compilation.entrypoints.get(entryPointName);
+
+      if (!entryPoint) {
+        return;
+      }
+
+      if (!(0, _fs.existsSync)(this.templateFilePath)) {
+        console.error(`EFC Template file not exists ${this.templateFilePath}`);
+        return;
+      }
+
+      const source = new _webpackSources.RawSource(this.templateReplacer(entryPoint, compilation));
+      compilation.assets[outputFile] = source; // console.log('EFCTemplatePlugin working');
+      // eslint-disable-next-line no-console
+
+      console.log('The EFC embedded code was created successfully..!!!');
+    });
+  }
+
+}
+
+exports.default = EFCTemplatePlugin;

package/lib/plugins/I18nSplitPlugin/utils/hashUtils.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.hasContentHash = hasContentHash;
-exports.getShortI18nAssets = getShortI18nAssets;
 exports.REGEXP_CONTENTHASH = void 0;
+exports.getShortI18nAssets = getShortI18nAssets;
+exports.hasContentHash = hasContentHash;
 
 var _urlConcat = require("../../../utils/urlConcat");
 

package/lib/plugins/I18nSplitPlugin/utils/propertiesUtils.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getPropertiesAsJSON = getPropertiesAsJSON;
 exports.getAllI18n = getAllI18n;
+exports.getPropertiesAsJSON = getPropertiesAsJSON;
 exports.jsonToString = jsonToString;
 
 var _fs = require("fs");

package/lib/plugins/ManifestPlugin.js

@@ -21,6 +21,14 @@ let filenameParser = filename => {
   } = _path.default.parse(hashedName);
 
   let nameparts = name.split('.');
+
+  if (ext === '.css' && /^(rtl|ltr)$/.test(nameparts[nameparts.length - 1])) {
+    return {
+      name: nameparts.slice(0, nameparts.length - 2).join('.') + ext,
+      hashedName
+    };
+  }
+
   return {
     name: nameparts.slice(0, nameparts.length - 1).join('.') + ext,
     hashedName

package/lib/plugins/index.js

@@ -3,88 +3,82 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "ModuleStatsPlugin", {
-  enumerable: true,
-  get: function () {
-    return _ModuleStatsPlugin.default;
-  }
-});
-Object.defineProperty(exports, "SourceMapHookPlugin", {
+Object.defineProperty(exports, "CdnChangePlugin", {
   enumerable: true,
   get: function () {
-    return _SourceMapHookPlugin.default;
+    return _CdnChangePlugin.default;
   }
 });
-Object.defineProperty(exports, "UnusedFilesFindPlugin", {
+Object.defineProperty(exports, "CleanUpStatsPlugin", {
   enumerable: true,
   get: function () {
-    return _UnusedFilesFindPlugin.default;
+    return _CleanupStatsPlugin.default;
   }
 });
-Object.defineProperty(exports, "ScriptInstrumentPlugin", {
+Object.defineProperty(exports, "EFCPlugin", {
   enumerable: true,
   get: function () {
-    return _ScriptInstrumentPlugin.default;
+    return _EFCPlugin.default;
   }
 });
-Object.defineProperty(exports, "PublicPathChangePlugin", {
+Object.defineProperty(exports, "I18NInjectIntoIndexPlugin", {
   enumerable: true,
   get: function () {
-    return _PublicPathChangePlugin.default;
+    return _I18NInjectIntoIndexPlugin.default;
   }
 });
-Object.defineProperty(exports, "OptimizeJSPlugin", {
+Object.defineProperty(exports, "ManifestPlugin", {
   enumerable: true,
   get: function () {
-    return _OptimizeJSPlugin.default;
+    return _ManifestPlugin.default;
   }
 });
-Object.defineProperty(exports, "ResourceHintsPlugin", {
+Object.defineProperty(exports, "ModuleStatsPlugin", {
   enumerable: true,
   get: function () {
-    return _ResourceHintsPlugin.default;
+    return _ModuleStatsPlugin.default;
   }
 });
-Object.defineProperty(exports, "UglifyCSSPlugin", {
+Object.defineProperty(exports, "OptimizeJSPlugin", {
   enumerable: true,
   get: function () {
-    return _UglifyCSSPlugin.default;
+    return _OptimizeJSPlugin.default;
   }
 });
-Object.defineProperty(exports, "ManifestPlugin", {
+Object.defineProperty(exports, "PublicPathCallbackPlugin", {
   enumerable: true,
   get: function () {
-    return _ManifestPlugin.default;
+    return _PublicPathCallbackPlugin.default;
   }
 });
-Object.defineProperty(exports, "CleanUpStatsPlugin", {
+Object.defineProperty(exports, "PublicPathChangePlugin", {
   enumerable: true,
   get: function () {
-    return _CleanupStatsPlugin.default;
+    return _PublicPathChangePlugin.default;
   }
 });
-Object.defineProperty(exports, "EFCPlugin", {
+Object.defineProperty(exports, "ReportGeneratePlugin", {
   enumerable: true,
   get: function () {
-    return _EFCPlugin.default;
+    return _ReportGeneratePlugin.default;
   }
 });
-Object.defineProperty(exports, "PublicPathCallbackPlugin", {
+Object.defineProperty(exports, "ResourceHintsPlugin", {
   enumerable: true,
   get: function () {
-    return _PublicPathCallbackPlugin.default;
+    return _ResourceHintsPlugin.default;
   }
 });
-Object.defineProperty(exports, "I18NInjectIntoIndexPlugin", {
+Object.defineProperty(exports, "ScriptInstrumentPlugin", {
   enumerable: true,
   get: function () {
-    return _I18NInjectIntoIndexPlugin.default;
+    return _ScriptInstrumentPlugin.default;
   }
 });
-Object.defineProperty(exports, "ReportGeneratePlugin", {
+Object.defineProperty(exports, "ServiceWorkerPlugin", {
   enumerable: true,
   get: function () {
-    return _ReportGeneratePlugin.default;
+    return _ServiceWorkerPlugin.default;
   }
 });
 Object.defineProperty(exports, "ShadowDOMSupportPlugin", {
@@ -93,10 +87,10 @@ Object.defineProperty(exports, "ShadowDOMSupportPlugin", {
     return _ShadowDOMSupportPlugin.default;
   }
 });
-Object.defineProperty(exports, "ServiceWorkerPlugin", {
+Object.defineProperty(exports, "SourceMapHookPlugin", {
   enumerable: true,
   get: function () {
-    return _ServiceWorkerPlugin.default;
+    return _SourceMapHookPlugin.default;
   }
 });
 Object.defineProperty(exports, "TPHashMappingPlugin", {
@@ -105,10 +99,16 @@ Object.defineProperty(exports, "TPHashMappingPlugin", {
     return _TPHashMappingPlugin.default;
   }
 });
-Object.defineProperty(exports, "CdnChangePlugin", {
+Object.defineProperty(exports, "UglifyCSSPlugin", {
   enumerable: true,
   get: function () {
-    return _CdnChangePlugin.default;
+    return _UglifyCSSPlugin.default;
+  }
+});
+Object.defineProperty(exports, "UnusedFilesFindPlugin", {
+  enumerable: true,
+  get: function () {
+    return _UnusedFilesFindPlugin.default;
   }
 });
 

package/lib/postcss-plugins/RTLSplitPlugin.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.separateSingleDir = separateSingleDir;
 exports.separateRtlAndLtr = separateRtlAndLtr;
+exports.separateSingleDir = separateSingleDir;
 
 var postcss = _interopRequireWildcard(require("postcss"));
 

package/lib/schemas/index.js

@@ -18,6 +18,18 @@ var _default = {
     value: null,
     cli: 'ssl_cert_url'
   },
+  preprocess: {
+    // This option is for tell the  react-cli which in preprocessor js file path
+    runner: {
+      value: '',
+      cli: 'preprocessor'
+    },
+    // usally preprocessor run in nodemon for, start and docs , preprocessor
+    stopNodemon: {
+      value: false,
+      cli: 'stop_nodemon'
+    }
+  },
   i18n: {
     chunkSplitEnable: {
       value: false,
@@ -42,11 +54,14 @@ var _default = {
     nameScope: 'ZOHODESK',
     version: 'default',
     outputFile: 'zohodesk-efc-sdk-[version].js',
+    templateFilePath: '',
     localeAttr: 'data-efc-locale',
     localeDefaultValue: 'en_US',
     localeStatement: null,
     cssDirAttr: 'data-efc-dir',
     cssDirDefaultValue: 'ltr',
+    cdnStatement: '',
+    // cdnStatement: "new URL(document.querySelector(\"script[src*='zohodesk-efc-sdk']\").src).origin",
     cssDirStatement: null
   },
   app: {