@zohodesk/react-cli 0.0.1-exp.167.1 → 0.0.1-exp.167.2

package/lib/common/splitChunks.js

@@ -39,7 +39,7 @@ let isReact = module => {
   let {
     userRequest
   } = module;
-  let reactBundle = ['react', 'react-dom'];
+  let reactBundle = ['react', 'react-dom', 'react-redux', 'react-transition-group', 'scheduler', 'prop-types', 'use-subscription'];
   return userRequest && reactBundle.some(pkg => userRequest.indexOf(`node_modules${ps}${pkg}${ps}`) >= 0);
 };
 
@@ -61,8 +61,72 @@ let defaultChunks = {
     test: isVendor,
     // priority: 19,
     priority: -10
+  },
+  commons: {
+    name: 'commons',
+    minChunks: 10,
+    priority: 20
+  },
+  zdvendors: {
+    chunks: 'async',
+    automaticNamePrefix: 'zdvendors',
+    test: /[\\/]node_modules[\\/]((@zohodesk).*)[\\/]/,
+    priority: -10
+  },
+  zohocharts: {
+    chunks: 'all',
+    minChunks: 1,
+    test: /[\\/]node_modules[\\/]((@zohodesk|@zohocharts))[\\/]((zc-custom|d3).*)/,
+    priority: 30,
+    enforce: true
+  },
+  default: {
+    chunks: 'all',
+    minChunks: 2,
+    priority: -20,
+    reuseExistingChunk: true
   }
-};
+}; // let defaultChunks = {
+//   'react.vendor': {
+//     name: 'react.vendor',
+//     chunks: 'all',
+//     minChunks: 1,
+//     test: isReact,
+//     priority: -10
+//   },
+//   vendor: {
+//     name: 'vendor',
+//     chunks: 'all',
+//     minChunks: 1,
+//     test: isVendor,
+//     priority: -10
+//   },
+//   commons: {
+//     name: 'commons',
+//     minChunks: 10,
+//     priority: 20,
+//   },
+//   zdvendors: {
+//     chunks: 'async',
+//     automaticNamePrefix: 'zdvendors',
+//     test: /[\\/]node_modules[\\/]((@zohodesk).*)[\\/]/,
+//     priority: -10
+//   },
+//   zohocharts: {
+//     chunks: 'all',
+//     minChunks: 1,
+//     test: /[\\/]node_modules[\\/]((@zohodesk|@zohocharts))[\\/]((zc-custom|d3).*)/,
+//     priority: 30,
+//     enforce: true
+//   },
+//   default: {
+//     chunks: 'all',
+//     minChunks: 2,
+//     priority: -20,
+//     reuseExistingChunk: true,
+//   }
+// };
+
 let customChunksConfig = {};
 customChunks.map((obj, index) => ({
   name: obj.name,
@@ -115,12 +179,74 @@ customChunks.map((obj, index) => ({
   }
 
   return customChunksConfig[name] = obj;
-});
+}); // export default {
+//   minSize: 12000,
+//   maxAsyncRequests: Infinity,
+//   maxInitialRequests: Infinity,
+//   cacheGroups: Object.assign(
+//     {
+//       default: false,
+//       vendors: false
+//     },
+//     defaultChunks,
+//     customChunksConfig
+//   )
+// };
+
 var _default = {
-  minSize: 12000,
+  chunks: 'all',
+  // minSize: 30,
+  minSize: 20000,
+  minChunks: 1,
+  // maxAsyncRequests: 5,
+  // maxInitialRequests: 3,
+  // minChunks: 1,
+  maxAsyncRequests: 5,
+  maxInitialRequests: 3,
+  enforceSizeThreshold: 50000,
   cacheGroups: Object.assign({
-    default: false,
-    vendors: false
-  }, defaultChunks, customChunksConfig)
+    defaults: false,
+    vendors: false,
+    'react.vendor': {
+      name: 'react.vendor',
+      chunks: 'all',
+      minChunks: 1,
+      test: isReact,
+      priority: -10
+    },
+    vendor: {
+      name: 'vendor',
+      chunks: 'all',
+      automaticNamePrefix: 'cvendors',
+      test: /[\\/]node_modules[\\/]((?!react|@zohodesk|@zohocharts).*)[\\/]/,
+      priority: -10
+    },
+    zdvendors: {
+      chunks: 'initial',
+      automaticNamePrefix: 'zdvendors',
+      test: /[\\/]node_modules[\\/]((@zohodesk).*)[\\/]/,
+      priority: -10
+    },
+    zdvendorsAsync: {
+      chunks: 'async',
+      minChunks: 2,
+      automaticNamePrefix: 'zdvendors-async',
+      test: /[\\/]node_modules[\\/]((@zohodesk).*)[\\/]/,
+      priority: -10
+    },
+    default: {
+      chunks: 'all',
+      minChunks: 2,
+      priority: -20,
+      reuseExistingChunk: true
+    },
+    zohocharts: {
+      chunks: 'all',
+      minChunks: 1,
+      test: /[\\/]node_modules[\\/]((@zohodesk|@zohocharts))[\\/]((zc-custom|d3).*)/,
+      priority: 30,
+      enforce: true
+    }
+  }, customChunksConfig)
 };
 exports.default = _default;

package/lib/configs/jest.config.js

@@ -8,17 +8,11 @@ var _libAlias = require("./libAlias");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-let appPath = process.cwd(); //   '^@root(.*)$': '<rootDir>/src$1',
-// '^@components(.*)$': '<rootDir>/src/components$1',
-
-let moduleNameMapper = Object.keys(_libAlias.libAlias).reduce((previousValue, key) => {
-  previousValue[`^${key}(.*)$`] = `${_libAlias.libAlias[key]}$1`;
-  return previousValue;
-}, {});
+const appPath = process.cwd();
 
 const appGlobals = _path.default.resolve(appPath, '__testUtils__', 'globals.js');
 
-let commonConfig = {
+const commonConfig = {
   coverageReporters: ['json', 'html', 'json-summary', 'text'],
   collectCoverage: true,
   moduleDirectories: [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules'],
@@ -27,9 +21,11 @@ let commonConfig = {
     '^.+\\.css$': _path.default.resolve(__dirname, '..', 'jest', 'preProcessors', 'cssPreprocessor.js'),
     '^(?!.*\\.(js|jsx|css|json)$)': _path.default.resolve(__dirname, '..', 'jest', 'preProcessors', 'otherFilesPreprocessor.js')
   },
-  moduleNameMapper: { ...moduleNameMapper,
-    '\\.(css|less)$': 'identity-obj-proxy'
-  },
+  moduleNameMapper: _libAlias.jestModuleNameMapper,
+  // moduleNameMapper: {
+  //   ...moduleNameMapper,
+  //   '\\.(css|less)$': 'identity-obj-proxy'
+  // },
   transformIgnorePatterns: ['/node_modules/(?!(@zohodesk)/)'],
   // transformIgnorePatterns: ['/node_modules.*?.js$'],
   moduleFileExtensions: ['js'],
@@ -42,7 +38,7 @@ let commonConfig = {
 };
 
 module.exports = (...args) => {
-  let [appFolder, forCommittedFiles = false] = args;
+  const [appFolder, forCommittedFiles = false] = args;
 
   if (forCommittedFiles) {
     return Object.assign({}, commonConfig, {

package/lib/configs/libAlias.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.libAlias = void 0;
+exports.libAlias = exports.jestModuleNameMapper = void 0;
 // the reason for alias at the time was code tree shaking
 // tree shaking was most compactable with ES module system
 // FIXME: But there is a posiblity when these  package  does not have lib,
@@ -27,5 +27,12 @@ const libAlias = {
   '@zohodesk/timetracker/lib': '@zohodesk/timetracker/es',
   '@zohodesk/variables/lib': '@zohodesk/variables/es',
   '@zohodesk/virtualizer/lib': '@zohodesk/virtualizer/es'
-};
-exports.libAlias = libAlias;
+}; //   '^@root(.*)$': '<rootDir>/src$1',
+// '^@components(.*)$': '<rootDir>/src/components$1',
+
+exports.libAlias = libAlias;
+const jestModuleNameMapper = Object.keys(libAlias).reduce((previousValue, key) => {
+  previousValue[`^${key}(.*)$`] = `${libAlias[key]}$1`;
+  return previousValue;
+}, {});
+exports.jestModuleNameMapper = jestModuleNameMapper;

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

@@ -12,21 +12,27 @@ var _loaderUtils = require("../loaderUtils");
 
 var _libAlias = require("./libAlias");
 
+var _configsAssetsLoaders = require("../loaderUtils/configsAssetsLoaders");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-let options = (0, _utils.getOptions)();
-let {
+const options = (0, _utils.getOptions)();
+const {
   unstableDepsInverse,
   app: {
     folder,
     context,
     server,
     outputFolder,
-    rtlExclude,
-    hasRTL,
+    plugins,
+    exclude,
+    mediaQueryHoverActiveString,
+    cssVariableReplacementConfig,
     cssUniqueness,
     seperateCssModules,
     changeRuntimeChunkChar,
+    // we are going to use this for fonts file name collide in issue in devmode
+    enableChunkHash,
     cssHashSelectors,
     classNamePrefix,
     selectorReplace,
@@ -36,19 +42,20 @@ let {
     crossorigin
   }
 } = options;
-let {
+const {
   disableContextURL
 } = server;
-let appPath = process.cwd();
-let contextURL = disableContextURL ? '' : context;
-let serverUrl = (0, _utils.getServerURL)(server, 'https');
-let output = {
+const appPath = process.cwd();
+const contextURL = disableContextURL ? '' : context;
+const serverUrl = (0, _utils.getServerURL)(server, 'https');
+const output = {
   path: _path.default.join(appPath, outputFolder),
   filename: 'js/[name].js',
   chunkFilename: 'js/[name].js',
   publicPath: `${[serverUrl, contextURL].filter(a => a).join('/')}/`,
   jsonpFunction: `${context}Jsonp`
 };
+const nameTemplate = (0, _configsAssetsLoaders.createNameTemplate)(enableChunkHash);
 
 if (crossorigin) {
   output.crossOriginLoading = 'anonymous';
@@ -80,9 +87,9 @@ module.exports = {
       test: /\.js$/,
       use: (0, _loaderUtils.getDevJsLoaders)(options),
       include: module => {
-        let srcPath = _path.default.join(appPath, folder);
+        const srcPath = _path.default.join(appPath, folder);
 
-        let depsPath = _path.default.join(appPath, 'node_modules', '@zohodesk');
+        const depsPath = _path.default.join(appPath, 'node_modules', '@zohodesk');
 
         if (module.includes(srcPath) || devConsoleExculde && module.includes(depsPath)) {
           return true;
@@ -93,23 +100,11 @@ module.exports = {
     }, seperateCssModules ? {
       test: /\.css$/,
       exclude: /\.module\.css$/,
-      use: (0, _loaderUtils.getCSSLoaders)(hasRTL, rtlExclude, '[local]', false, null)
+      use: (0, _loaderUtils.getCSSLoaders)(plugins, exclude, mediaQueryHoverActiveString, cssVariableReplacementConfig, '[local]', false, null)
     } : null, {
       test: seperateCssModules ? /\.module\.css$/ : /(\.module)?\.css$/,
-      use: (0, _loaderUtils.getCSSLoaders)(hasRTL, rtlExclude, null, cssUniqueness, selectorReplace, cssHashSelectors, classNamePrefix)
-    }, {
-      test: /\.jpe?g$|\.gif$|\.png$/,
-      use: ['url-loader?limit=1000&name=./images/[name].[ext]']
-    }, {
-      test: /\.woff2|\.woff$|\.ttf$|\.eot$/,
-      use: ['url-loader?limit=1000&name=./fonts/[name].[ext]']
-    }, {
-      test: /\.svg$/,
-      use: ['url-loader?limit=1&name=./fonts/[name].[ext]']
-    }, {
-      test: /\.ogg$/,
-      use: ['file-loader?name=./fonts/[name].[ext]']
-    }, {
+      use: (0, _loaderUtils.getCSSLoaders)(plugins, exclude, mediaQueryHoverActiveString, cssVariableReplacementConfig, null, cssUniqueness, selectorReplace, cssHashSelectors, classNamePrefix)
+    }, (0, _configsAssetsLoaders.configImageLoader)(nameTemplate), (0, _configsAssetsLoaders.configFontLoader)(nameTemplate), (0, _configsAssetsLoaders.configSVGLoader)(nameTemplate), (0, _configsAssetsLoaders.configVideoLoader)(nameTemplate), (0, _configsAssetsLoaders.configAudioLoader)(nameTemplate), {
       test: /\.tmpl$/,
       use: [{
         loader: 'html-loader',

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

@@ -10,17 +10,22 @@ var _loaderUtils = require("../loaderUtils");
 
 var _libAlias = require("./libAlias");
 
+var _configsAssetsLoaders = require("../loaderUtils/configsAssetsLoaders");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-let options = (0, _utils.getOptions)();
-let {
+const options = (0, _utils.getOptions)();
+const {
   unstableDepsInverse,
   docs: {
     componentFolder,
     disableES5Transpile,
+    enableChunkHash,
     cssUniqueness,
-    hasRTL,
-    rtlExclude,
+    plugins,
+    exclude,
+    mediaQueryHoverActiveString,
+    cssVariableReplacementConfig,
     cssHashSelectors,
     classNamePrefix
   },
@@ -28,7 +33,8 @@ let {
     folder
   }
 } = options;
-let appPath = process.cwd();
+const appPath = process.cwd();
+const nameTemplate = (0, _configsAssetsLoaders.createNameTemplate)(enableChunkHash);
 
 module.exports = isSSTest => ({
   entry: {
@@ -69,17 +75,8 @@ module.exports = isSSTest => ({
       exclude: /node_modules/
     }, {
       test: /(\.module)?\.css$/,
-      use: (0, _loaderUtils.getCSSLoaders)(hasRTL, rtlExclude, false, cssUniqueness, null, cssHashSelectors, classNamePrefix)
-    }, {
-      test: /\.jpe?g$|\.gif$|\.png$/,
-      use: ['url-loader?limit=1000&name=./images/[name].[ext]']
-    }, {
-      test: /\.woff2|\.woff$|\.ttf$|\.eot$/,
-      use: ['url-loader?limit=1000&name=./fonts/[name].[ext]']
-    }, {
-      test: /\.svg$/,
-      use: ['url-loader?limit=1&name=./fonts/[name].[ext]']
-    }, {
+      use: (0, _loaderUtils.getCSSLoaders)(plugins, exclude, mediaQueryHoverActiveString, cssVariableReplacementConfig, false, cssUniqueness, null, cssHashSelectors, classNamePrefix)
+    }, (0, _configsAssetsLoaders.configImageLoader)(nameTemplate), (0, _configsAssetsLoaders.configFontLoader)(nameTemplate), (0, _configsAssetsLoaders.configSVGLoader)(nameTemplate), (0, _configsAssetsLoaders.configAudioLoader)(nameTemplate), (0, _configsAssetsLoaders.configVideoLoader)(nameTemplate), {
       test: /\.html$/,
       use: {
         loader: 'html-loader',
@@ -88,9 +85,6 @@ module.exports = isSSTest => ({
           interpolate: 'require'
         }
       }
-    }, {
-      test: /\.ogg$/,
-      use: ['file-loader?name=./fonts/[name].[ext]']
     }, {
       test: /\.tmpl$/,
       use: [{

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

@@ -8,23 +8,29 @@ var _loaderUtils = require("../loaderUtils");
 
 var _getLibraryImactPlugins = _interopRequireDefault(require("../pluginUtils/getLibraryImactPlugins"));
 
+var _configsAssetsLoaders = require("../loaderUtils/configsAssetsLoaders");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-let options = (0, _utils.getOptions)();
-let {
+const options = (0, _utils.getOptions)();
+const {
   docs: {
     componentFolder,
     cssUniqueness,
-    hasRTL,
-    rtlExclude,
+    plugins,
+    exclude,
+    mediaQueryHoverActiveString,
+    cssVariableReplacementConfig,
     cssHashSelectors,
+    enableChunkHash,
     classNamePrefix
   },
   app: {
     folder
   }
 } = options;
-let appPath = process.cwd();
+const appPath = process.cwd();
+const nameTemplate = (0, _configsAssetsLoaders.createNameTemplate)(enableChunkHash);
 module.exports = {
   entry: {
     main: [_path.default.resolve(__dirname, '..', 'hooks', 'docsProptypeHook.js'), _path.default.join(appPath, componentFolder, 'index.js')],
@@ -64,17 +70,8 @@ module.exports = {
       exclude: /node_modules/
     }, {
       test: /(\.module)?\.css$/,
-      use: (0, _loaderUtils.getCSSLoaders)(hasRTL, rtlExclude, false, cssUniqueness, null, cssHashSelectors, classNamePrefix)
-    }, {
-      test: /\.jpe?g$|\.gif$|\.png$/,
-      use: ['url-loader?limit=1000&name=./images/[name].[ext]']
-    }, {
-      test: /\.woff2|\.woff$|\.ttf$|\.eot$/,
-      use: ['url-loader?limit=1000&name=./fonts/[name].[ext]']
-    }, {
-      test: /\.svg$/,
-      use: ['url-loader?limit=1&name=./fonts/[name].[ext]']
-    }, {
+      use: (0, _loaderUtils.getCSSLoaders)(plugins, exclude, mediaQueryHoverActiveString, cssVariableReplacementConfig, false, cssUniqueness, null, cssHashSelectors, classNamePrefix)
+    }, (0, _configsAssetsLoaders.configImageLoader)(nameTemplate), (0, _configsAssetsLoaders.configFontLoader)(nameTemplate), (0, _configsAssetsLoaders.configSVGLoader)(nameTemplate), (0, _configsAssetsLoaders.configAudioLoader)(nameTemplate), (0, _configsAssetsLoaders.configVideoLoader)(nameTemplate), {
       test: /\.html$/,
       use: {
         loader: 'html-loader',
@@ -83,9 +80,6 @@ module.exports = {
           interpolate: 'require'
         }
       }
-    }, {
-      test: /\.ogg$/,
-      use: ['file-loader?name=./fonts/[name].[ext]']
     }, {
       test: /\.tmpl$/,
       use: [{

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

@@ -12,10 +12,12 @@ var _loaderUtils = require("../loaderUtils");
 
 var _libAlias = require("./libAlias");
 
+var _configsAssetsLoaders = require("../loaderUtils/configsAssetsLoaders");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 // import TerserPlugin from 'terser-webpack-plugin';
-let options = (0, _utils.getOptions)();
+const options = (0, _utils.getOptions)();
 let {
   unstableDepsInverse,
   app: {
@@ -27,8 +29,10 @@ let {
     removeAttribute,
     enableSMap,
     server,
-    hasRTL,
-    rtlExclude,
+    plugins,
+    exclude,
+    mediaQueryHoverActiveString,
+    cssVariableReplacementConfig,
     cssUniqueness,
     server: {
       mode
@@ -43,10 +47,10 @@ let {
     crossorigin
   }
 } = options;
-let appPath = process.cwd();
-let isDevelopment = mode === 'prod' || mode === 'dev' || mode === 'dev-no-warn';
+const appPath = process.cwd();
+const isDevelopment = mode === 'prod' || mode === 'dev' || mode === 'dev-no-warn';
 enableChunkHash = !isDevelopment && enableChunkHash;
-let output = {
+const output = {
   path: _path.default.resolve(appPath, outputFolder),
   filename: enableChunkHash ? 'js/[name].[chunkhash:20]_.js' : 'js/[name]_.js',
   chunkFilename: enableChunkHash ? 'js/[name].[chunkhash:20]_.js' : 'js/[name]_.js',
@@ -59,15 +63,15 @@ if (crossorigin) {
 }
 
 if (isDevelopment) {
-  let {
+  const {
     disableContextURL
   } = server;
-  let contextURL = disableContextURL ? '' : context;
-  let serverUrl = (0, _utils.getServerURL)(server, 'https');
+  const contextURL = disableContextURL ? '' : context;
+  const serverUrl = (0, _utils.getServerURL)(server, 'https');
   output.publicPath = `${[serverUrl, contextURL].filter(a => a).join('/')}/`;
 }
 
-let shouldRemovePropTypes = !isDevelopment && removePropTypes;
+const shouldRemovePropTypes = !isDevelopment && removePropTypes;
 module.exports = {
   entry: (0, _common.getEntries)(options, 'production'),
   devtool: isDevelopment ? 'cheap-module-source-map' : enableSMap ? 'hidden-source-map' : 'none',
@@ -131,9 +135,9 @@ module.exports = {
       }].filter(Boolean),
       // include: path.join(appPath, folder)
       include: module => {
-        let srcPath = _path.default.join(appPath, folder);
+        const srcPath = _path.default.join(appPath, folder);
 
-        let depsPath = _path.default.join(appPath, 'node_modules', '@zohodesk');
+        const depsPath = _path.default.join(appPath, 'node_modules', '@zohodesk');
 
         if (module.includes(srcPath) || devConsoleExculde && module.includes(depsPath)) {
           return true;
@@ -144,10 +148,10 @@ module.exports = {
     }, seperateCssModules ? {
       test: /\.css$/,
       exclude: /\.module\.css$/,
-      use: (0, _loaderUtils.getCSSLoaders)(hasRTL, rtlExclude, '[local]', false, null)
+      use: (0, _loaderUtils.getCSSLoaders)(plugins, exclude, cssVariableReplacementConfig, mediaQueryHoverActiveString, '[local]', false, null)
     } : null, {
       test: seperateCssModules ? /\.module\.css$/ : /\.css$/,
-      use: (0, _loaderUtils.getCSSLoaders)(hasRTL, rtlExclude, false, cssUniqueness, selectorReplace, cssHashSelectors, classNamePrefix)
+      use: (0, _loaderUtils.getCSSLoaders)(plugins, exclude, mediaQueryHoverActiveString, cssVariableReplacementConfig, false, cssUniqueness, selectorReplace, cssHashSelectors, classNamePrefix)
     }, {
       test: /\.jpe?g$|\.gif$|\.png$/,
       use: [{
@@ -158,7 +162,7 @@ module.exports = {
           fallback: _path.default.join(__dirname, '..', 'loaders', 'fileLoader.js')
         }
       }]
-    }, {
+    }, (0, _configsAssetsLoaders.configVideoLoaderObj)(enableChunkHash ? './images/[name].[hash:20].[ext]' : './images/[name].[ext]'), {
       test: /\.woff2|\.woff$|\.ttf$|\.eot$/,
       use: [{
         loader: 'url-loader',

package/lib/jest/preProcessors/cssPreprocessor.js

@@ -6,23 +6,32 @@ var _postcssHashClassname = _interopRequireDefault(require("postcss-hash-classna
 
 var _fs = _interopRequireDefault(require("fs"));
 
+var _utils = require("../../utils");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 let count = 0;
+const options = (0, _utils.getOptions)();
+const {
+  classnameFormat
+} = options.test;
 module.exports = {
   process: function (src) {
     count++;
-    let opts = {
+    const opts = {
       hashType: 'md5',
-      digestType: 'base32'
+      digestType: 'base32',
+      maxLength: 6,
+      type: '.json',
+      classnameFormat: classnameFormat,
+      outputName: `jsonFile_test_${count}`
     };
-    opts.maxLength = 6;
-    opts.type = '.json';
-    opts.outputName = `jsonFile_test_${count}`;
-    let processor = (0, _postcss.default)([(0, _postcssHashClassname.default)(opts)]);
+    const processor = (0, _postcss.default)([(0, _postcssHashClassname.default)(opts)]);
     processor.process(src).css;
 
-    let jsonMap = _fs.default.readFileSync(`jsonFile_test_${count}.json`, 'UTF-8');
+    const jsonMap = _fs.default.readFileSync(`jsonFile_test_${count}.json`, 'UTF-8');
+
+    _fs.default.unlinkSync(`jsonFile_test_${count}.json`);
 
     return `module.exports =${jsonMap}`;
   }