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

package/README.md

@@ -44,6 +44,24 @@ Now to run app
 
 # Change Logs
 
+# 1.1.28 (29-01-2025)
+
+**Fixes**
+
+   - We've changed the i18n Unicode conversion process. Instead of converting the Unicode at runtime, we now convert it to the corresponding language during the build process and emit the final build
+   - Added @zohodesk-private in transformIgnorePatterns in jest.config.js file , fix in jest
+   
+**changes**
+
+   - separate the disableES5Transpile flag as two flags disableES5Transpile and disableES5Import 
+   - disableES5Import flag handles the alias part 
+   - disableES5Transpile flag handles the esmodules or common modules conversion part 
+
+
+# 1.1.27 (16-12-2024)
+
+   -  While rendering i18n keys at runtime, we convert any keys containing Unicode to their corresponding language characters before rendering. This enhances performance and reduces file size.
+
 # 1.1.26 (06-09-2024)
 
 **Features**

package/lib/babel/babel-option-utils/babel-preset-react-option.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = getReactPreset;
+
 function getReactPresetOptions() {
   return {
     runtime: 'classic',
@@ -11,9 +12,11 @@ function getReactPresetOptions() {
     useSpread: true
   };
 }
+
 function getReactPreset({
   disableES5Transpile
 }) {
   const reactPreset = require.resolve('@babel/preset-react');
+
   return disableES5Transpile ? [reactPreset, getReactPresetOptions()] : reactPreset;
 }

package/lib/babel/cmjs-plugins-presets.js

@@ -4,9 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _utils = require("../utils");
+
 var _babelPresetReactOption = _interopRequireDefault(require("./babel-option-utils/babel-preset-react-option"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const {
   module: {
     mode
@@ -26,17 +30,24 @@ const defaultPlugins = [[require.resolve('babel-plugin-transform-define'), isPro
 }]];
 const resolvedPlugins = [];
 babelPlugins.forEach(plugin => {
-  resolvedPlugins.push(require.resolve(plugin));
+  if (Array.isArray(plugin)) {
+    resolvedPlugins.push([require.resolve(plugin[0]), plugin[1]]);
+  } else {
+    resolvedPlugins.push(require.resolve(plugin));
+  }
 });
 const plugins = [...defaultPlugins, ...resolvedPlugins];
 const presets = [require.resolve('@babel/preset-env'), (0, _babelPresetReactOption.default)({
   disableES5Transpile: false
 })];
+
 if (enableTypeScript) {
   presets.push(require.resolve('@babel/preset-typescript'));
 }
+
 var _default = () => ({
   presets: presets,
   plugins: plugins
 });
+
 exports.default = _default;

package/lib/babel/es-plugins-presets.js

@@ -4,9 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _utils = require("../utils");
+
 var _babelPresetReactOption = _interopRequireDefault(require("./babel-option-utils/babel-preset-react-option"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const {
   module: {
     mode,
@@ -22,12 +26,16 @@ const isProd = mode.toLowerCase() === 'prod';
 const defaultPlugins = [[require.resolve('babel-plugin-transform-define'), isProd ? {
   __DOCS__: false
 } : {}], require.resolve('@babel/plugin-syntax-dynamic-import'), [require.resolve('babel-plugin-module-resolver'), {
-  "root": ["./"],
+  'root': ['./'],
   alias
 }]];
 const resolvedPlugins = [];
 babelPlugins.forEach(plugin => {
-  resolvedPlugins.push(require.resolve(plugin));
+  if (Array.isArray(plugin)) {
+    resolvedPlugins.push([require.resolve(plugin[0]), plugin[1]]);
+  } else {
+    resolvedPlugins.push(require.resolve(plugin));
+  }
 });
 const plugins = [...defaultPlugins, ...resolvedPlugins];
 const presets = [[require.resolve('@babel/preset-env'), disableES5Transpile ? {
@@ -42,11 +50,14 @@ const presets = [[require.resolve('@babel/preset-env'), disableES5Transpile ? {
 }], (0, _babelPresetReactOption.default)({
   disableES5Transpile
 })];
+
 if (enableTypeScript) {
   presets.push(require.resolve('@babel/preset-typescript'));
 }
+
 var _default = () => ({
   presets: presets,
   plugins: plugins
 });
+
 exports.default = _default;

package/lib/common/buildEs.js

@@ -1,4 +1,3 @@
-
 // result = spawnSync(
 //     babel,
 //     [

package/lib/common/getEntries.js

@@ -4,9 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _path = _interopRequireDefault(require("path"));
+
 var _utils = require("../utils");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 let getEntries = (appSchemas, mode) => {
   let appPath = process.cwd();
   let {
@@ -26,16 +30,23 @@ let getEntries = (appSchemas, mode) => {
   let entry = {
     main: mainJs
   };
+
   if (mode === 'dev' || mode === 'dev-no-warn') {
     mainJs.push(`${_path.default.join(__dirname, '..', 'templates', 'WMSTemplate')}?wmsPath=wss:${(0, _utils.getServerURL)(server)}`);
   }
+
   mainJs.push(_path.default.join(appPath, folder, isReactMig ? 'migration.js' : 'index.js'));
+
   if (hasWidget) {
     entry.widget = [_path.default.join(appPath, folder, 'widget.js')];
   }
+
   if (hasEFC) {
     entry.efc = [_path.default.join(appPath, folder, 'efc.js')];
   }
+
   return entry;
 };
-var _default = exports.default = getEntries;
+
+var _default = getEntries;
+exports.default = _default;

package/lib/common/getPublicPathConfig.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _utils = require("../utils");
+
 let {
   app: {
     publicPaths,
@@ -18,8 +20,10 @@ let {
   }
 } = (0, _utils.getOptions)();
 let isDevelopment = mode === 'dev' || mode === 'prod' || mode === 'dev-no-warn';
+
 var _default = url => {
   let type = (0, _utils.getFileType)(url);
+
   if (!isDevelopment) {
     if (publicPaths && publicPaths.callback) {
       return `${publicPaths.callback}(${JSON.stringify(type)}) + ${JSON.stringify(url)}`;
@@ -29,6 +33,8 @@ var _default = url => {
       return `__REACT_CLI_${type.toUpperCase()}_PUBLIC_PATH__ + ${JSON.stringify(url)}`;
     }
   }
+
   return `__webpack_public_path__ + ${JSON.stringify(url)}`;
 };
+
 exports.default = _default;

package/lib/common/index.js

@@ -27,8 +27,13 @@ Object.defineProperty(exports, "templateParameters", {
     return _templateParameters.default;
   }
 });
+
 var _splitChunks = _interopRequireDefault(require("./splitChunks"));
+
 var _getEntries = _interopRequireDefault(require("./getEntries"));
+
 var _getPublicPathConfig = _interopRequireDefault(require("./getPublicPathConfig"));
+
 var _templateParameters = _interopRequireDefault(require("./templateParameters"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/common/runPreProcess.js

@@ -4,11 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.runPreProcess = runPreProcess;
+
 var _path = _interopRequireWildcard(require("path"));
+
 var _fs = require("fs");
+
 var _child_process = require("child_process");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function runPreProcess({
   options,
   option,
@@ -20,20 +26,22 @@ function runPreProcess({
   } = options;
   const preprocessorPath = preprocess.runner ? _path.default.join(process.cwd(), preprocess.runner) : '';
   const preprocessCli = preprocess.stopNodemon ? 'node' : nodemon;
+
   if (preprocessorPath && (0, _fs.existsSync)(preprocessorPath)) {
     const preprocessorDirPath = (0, _path.dirname)(preprocessorPath);
-    const watchOptions = preprocessCli === nodemon ? ['--watch', preprocessorDirPath] : [];
-    // eslint-disable-next-line default-case
+    const watchOptions = preprocessCli === nodemon ? ['--watch', preprocessorDirPath] : []; // eslint-disable-next-line default-case
+
     switch (option) {
       case 'start':
       case 'docs':
         (0, _child_process.spawn)(preprocessCli, [preprocessorPath, ...watchOptions], {
           stdio: 'inherit',
           cwd: preprocessorDirPath
-        });
-        // NOTE:  it's ok if we not close this here
+        }); // NOTE:  it's ok if we not close this here
         // Because when node server stops this program will be closed So this  nodemon  will be killed  as well
+
         break;
+
       case 'nowatchstart':
       case 'devbuild':
       case 'build:library:es':
@@ -45,6 +53,7 @@ function runPreProcess({
           cwd: preprocessorPath.slice(0, preprocessorPath.lastIndexOf('/') + 1)
         });
         break;
+
       case 'preprocessor':
         {
           const result = spawnSync(preprocessCli, [preprocessorPath, ...watchOptions], {

package/lib/common/splitChunks.js

@@ -4,11 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _path = _interopRequireDefault(require("path"));
+
 var _os = _interopRequireDefault(require("os"));
+
 var _utils = require("../utils");
+
 var _testPattern = require("./testPattern");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const isWindows = _os.default.platform().toLowerCase() === 'win32';
 const ps = _path.default.sep;
 const options = (0, _utils.getOptions)();
@@ -23,29 +29,35 @@ const {
 const reactBundleIncludeList = ['react', 'react-dom', 'react-redux', 'react-transition-group', 'scheduler', 'prop-types'];
 const vendorExcludeList = ['script-loader', 'raw-loader', ...reactBundleIncludeList, ...vendorExclude.map(vendorPath => vendorPath.replace(/[/\\]/g, _path.default.sep))];
 const vendorIncludeList = [...vendorInclude].map(vendorPath => vendorPath.replace(/[/\\]/g, _path.default.sep));
+
 const isVendor = function isVendor(module) {
   const {
     userRequest
   } = module;
   return userRequest && (vendorIncludeList.some(item => userRequest.indexOf(item) !== -1) || userRequest.indexOf('node_modules') >= 0 && userRequest.endsWith('.css') === false && userRequest.endsWith('publicPathConfig.js') === false && vendorExcludeList.every(item => userRequest.indexOf(`node_modules${ps}${item}${ps}`) === -1));
 };
+
 const isReact = module => {
   const {
     userRequest
   } = module;
   return userRequest && reactBundleIncludeList.some(pkg => userRequest.indexOf(`node_modules${ps}${pkg}${ps}`) >= 0);
 };
+
 function rulesMatcher(pattern) {
   if (typeof pattern === 'function') {
     return pattern;
   }
+
   if (Array.isArray(pattern)) {
     return ({
       userRequest
     }) => (0, _testPattern.testPattern)(userRequest, pattern);
   }
+
   return new RegExp(isWindows ? pattern.replace(/\//g, '\\') : pattern);
 }
+
 const baseSplitChunkConfig = Object.assign({
   minSize: 15000
 }, customChunksBaseConfig);
@@ -101,21 +113,27 @@ customChunks.map((obj, index) => ({
     minChunks,
     priority
   };
+
   if (minSize !== undefined) {
     obj.minSize = minSize;
   }
+
   if (maxSize !== undefined) {
     obj.maxSize = maxSize;
   }
+
   if (enforce !== false) {
     obj.enforce = true;
   }
+
   if (name !== undefined) {
     obj.name = name;
   }
+
   if (reuseExistingChunk !== undefined) {
     obj.reuseExistingChunk = reuseExistingChunk;
   }
+
   customChunksConfig[cacheGroupName] = obj;
 });
 const splitChunkConfig = Object.assign({}, baseSplitChunkConfig, {
@@ -124,4 +142,5 @@ const splitChunkConfig = Object.assign({}, baseSplitChunkConfig, {
     vendors: false
   }, specificCacheGroupConfig, customChunksConfig)
 });
-var _default = exports.default = splitChunkConfig;
+var _default = splitChunkConfig;
+exports.default = _default;

package/lib/common/sslcertUpdater.js

@@ -1,16 +1,25 @@
 "use strict";
 
 var _https = _interopRequireDefault(require("https"));
+
 var _http = _interopRequireDefault(require("http"));
+
 var _path = _interopRequireDefault(require("path"));
+
 var _fs = _interopRequireDefault(require("fs"));
+
 var _getOptions = _interopRequireDefault(require("../utils/getOptions"));
+
 var _urlConcat = require("../utils/urlConcat");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const {
   sslCertURL
 } = (0, _getOptions.default)();
+
 const CRET_FOLDER_PATH = _path.default.join(__dirname, '..', '..', 'cert');
+
 console.log({
   CRET_FOLDER_PATH,
   sslCertURL
@@ -18,6 +27,7 @@ console.log({
 const CERT_PATH = 'cert.pem';
 const KEY_PATH = 'key.pem';
 const PASSPHRASE_PATH = 'passphrase.pem';
+
 function updateSSlFile(sslCertURL, filename) {
   let url = (0, _urlConcat.urlConcat)(sslCertURL, filename);
   console.log({
@@ -25,24 +35,25 @@ function updateSSlFile(sslCertURL, filename) {
   });
   (url.startsWith('https://') ? _https.default : _http.default).get(url, resp => {
     let fpath = _path.default.join(CRET_FOLDER_PATH, filename);
-    let data = '';
-    // A chunk of data has been received.
+
+    let data = ''; // A chunk of data has been received.
+
     resp.on('data', chunk => {
       data += chunk;
-    });
+    }); // The whole response has been received. Print out the result.
 
-    // The whole response has been received. Print out the result.
     resp.on('end', () => {
       _fs.default.writeFileSync(fpath, data);
-    });
-    // return;
+    }); // return;
   }).on('error', err => {
     console.log(`Error: ${err.message}`);
   });
 }
+
 if (!sslCertURL) {
   throw 'sslCertURL not given';
 }
+
 updateSSlFile(sslCertURL, PASSPHRASE_PATH);
 updateSSlFile(sslCertURL, CERT_PATH);
 updateSSlFile(sslCertURL, KEY_PATH);

package/lib/common/templateParameters.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _default = (compilation, assets, assetTags, options) => {
   Object.keys(assetTags).forEach(rootTag => {
     assetTags[rootTag].forEach(tag => {
@@ -20,4 +21,5 @@ var _default = (compilation, assets, assetTags, options) => {
     }
   };
 };
+
 exports.default = _default;

package/lib/common/testPattern.js

@@ -6,51 +6,62 @@ Object.defineProperty(exports, "__esModule", {
 exports.isDependency = isDependency;
 exports.isRelatedPackage = exports.isRelated = void 0;
 exports.testPattern = testPattern;
+
 var _path = require("path");
+
 // in our development we only use windows, mac and linux
-const isWindows = _path.sep !== '/';
+const isWindows = _path.sep !== '/'; // this function  will  return true if pattern matched
 
-// this function  will  return true if pattern matched
 function _testPattern(req, pattern) {
   let modifiedPattern = pattern;
+
   if (/[*.$^]/.test(modifiedPattern)) {
     if (isWindows) {
       // modifiedPattern = pattern.replace(/\//g, ps.replace(/\\/g, '\\\\'));
       modifiedPattern = modifiedPattern.replace(/\//g, '\\\\');
     }
+
     modifiedPattern = modifiedPattern.replace(/\./g, '\\.').replace(/\*/g, '.*');
     const re = new RegExp(modifiedPattern);
     return re.test(req);
   }
+
   if (isWindows) {
     // modifiedPattern = pattern.replace(/\//g, ps.replace(/\\/g, '\\\\'));
     modifiedPattern = modifiedPattern.replace(/\//g, '\\');
   }
+
   return req.indexOf(modifiedPattern) !== -1;
 }
+
 function testPattern(req, pattern) {
   if (!req || !pattern) {
     return false;
   }
+
   if (Array.isArray(pattern)) {
     // eslint-disable-next-line no-unused-vars
     return pattern.every(p => testPattern(req, p));
   }
+
   if (pattern[0] === '!') {
     return !_testPattern(req, pattern.slice(1));
   }
+
   return _testPattern(req, pattern);
 }
-const isRelated = (req, item) => req && req.indexOf(item) !== -1;
-// export const isRelated = (req, item) => testPattern(req, item);
+
+const isRelated = (req, item) => req && req.indexOf(item) !== -1; // export const isRelated = (req, item) => testPattern(req, item);
+
+
 exports.isRelated = isRelated;
-const isRelatedPackage = (req, item) => isRelated(req, `node_modules${_path.sep}${item}${_path.sep}`) !== -1;
-// export const isRelated = (req, item) => testPattern(req, item);
+
+const isRelatedPackage = (req, item) => isRelated(req, `node_modules${_path.sep}${item}${_path.sep}`) !== -1; // export const isRelated = (req, item) => testPattern(req, item);
+
+
 exports.isRelatedPackage = isRelatedPackage;
+
 function isDependency(m, excludeList) {
   return m.reasons.some(r => excludeList.some(item => r.module && isRelated(r.module.userRequest, item)));
-}
-
-// export function queryHandler(conditions, pattern) {
-
+} // export function queryHandler(conditions, pattern) {
 // }

package/lib/common/valueReplacer.js

@@ -1,36 +1,51 @@
 "use strict";
 
 var _postcss = _interopRequireDefault(require("postcss"));
+
 var _path = _interopRequireDefault(require("path"));
+
 var _fs = _interopRequireDefault(require("fs"));
+
 var _folderIterator = _interopRequireDefault(require("../utils/folderIterator"));
+
 var _utils = require("../utils");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const cwd = process.cwd();
+
 const src = _path.default.join(cwd, process.argv[2]);
+
 const dist = _path.default.join(cwd, process.argv[3]);
+
 const docopy = process.argv[4] === 'true';
 const {
   css: {
     valueReplacer
   }
 } = (0, _utils.getOptions)();
+
 if (!_fs.default.existsSync(dist)) {
   _fs.default.mkdirSync(dist, {
     recursive: true
   });
 }
+
 (0, _folderIterator.default)(src, dist, docopy ? false : ['.css'], false, (fromPath, toPath) => {
   const css = _fs.default.readFileSync(fromPath);
+
   if (docopy && !fromPath.endsWith('.css')) {
     _fs.default.writeFileSync(toPath, css);
+
     return;
   }
+
   (0, _postcss.default)([valueReplacer && require('../postcss-plugins/ValueReplacer')(valueReplacer)]).process(css, {
     from: fromPath,
     to: toPath
   }).then(result => {
     _fs.default.writeFile(toPath, result.css, () => true);
+
     if (result.map) {
       _fs.default.writeFile(`${toPath}.map`, result.map, () => true);
     }

package/lib/configs/jest.config.js

@@ -1,11 +1,17 @@
 "use strict";
 
 var _fs = require("fs");
+
 var _path = _interopRequireDefault(require("path"));
+
 var _libAlias = require("./libAlias");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const appPath = process.cwd();
+
 const appGlobals = _path.default.resolve(appPath, '__testUtils__', 'globals.js');
+
 const commonConfig = {
   coverageReporters: ['json', 'html', 'json-summary', 'text'],
   collectCoverage: true,
@@ -20,7 +26,7 @@ const commonConfig = {
   //   ...moduleNameMapper,
   //   '\\.(css|less)$': 'identity-obj-proxy'
   // },
-  transformIgnorePatterns: ['/node_modules/(?!(@zohodesk)/)'],
+  transformIgnorePatterns: ['/node_modules/(?!(@zohodesk|@zohodesk-private)/)'],
   // transformIgnorePatterns: ['/node_modules.*?.js$'],
   moduleFileExtensions: ['js', 'ts', 'tsx'],
   setupFiles: [(0, _fs.existsSync)(appGlobals) && appGlobals, _path.default.resolve(__dirname, '..', 'jest', 'setup.js')].filter(Boolean),
@@ -30,14 +36,17 @@ const commonConfig = {
     __TEST__: true
   }
 };
+
 module.exports = (...args) => {
   const [appFolder, forCommittedFiles = false] = args;
+
   if (forCommittedFiles) {
     return Object.assign({}, commonConfig, {
       coverageDirectory: _path.default.resolve(appPath, 'commitCoverage'),
       testResultsProcessor: _path.default.resolve(__dirname, '..', 'jest', 'commitedFilesResult.js')
     });
   }
+
   return Object.assign({}, commonConfig, {
     rootDir: appPath,
     testPathIgnorePatterns: ['/node_modules/', 'docs'],