@zohodesk/react-cli 1.1.27 → 1.1.28-exp.1

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/configs/jest.config.js

@@ -26,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),

package/lib/configs/libAlias.js

@@ -23,7 +23,7 @@ const {
   app
 } = (0, _utils.getOptions)();
 const {
-  disableES5Transpile
+  disableES5Import
 } = app;
 
 function aliasPathCreation(customAlias) {
@@ -64,7 +64,7 @@ const libAlias = {
 // '^@components(.*)$': '<rootDir>/src/components$1',
 
 exports.libAlias = libAlias;
-const totalAlias = disableES5Transpile ? Object.assign({}, libAlias, aliasPathCreation(alias)) : aliasPathCreation(alias);
+const totalAlias = disableES5Import ? Object.assign({}, libAlias, aliasPathCreation(alias)) : aliasPathCreation(alias);
 const jestModuleNameMapper = Object.keys(totalAlias).reduce((previousValue, key) => {
   previousValue[`^${key}(.*)$`] = `${totalAlias[key]}$1`;
   return previousValue;

package/lib/configs/resolvers.js

@@ -19,7 +19,7 @@ var _client_packages_group = require("@zohodesk/client_packages_group");
 function moduleResolver(options) {
   const {
     moduleResolvePath,
-    disableES5Transpile
+    disableES5Import
   } = options.app;
   const customAlias = options.alias;
   let required = moduleResolvePath && (0, _requireLocalOrGlobal.requireLocal)(moduleResolvePath);
@@ -33,7 +33,7 @@ function moduleResolver(options) {
   }
 
   const nodeModulesPath = required ? required.nodeModulesPath : _client_packages_group.nodeModulesPath;
-  const totalAlias = disableES5Transpile ? Object.assign({}, _libAlias.libAlias, (0, _libAlias.aliasPathCreation)(customAlias)) : (0, _libAlias.aliasPathCreation)(customAlias);
+  const totalAlias = disableES5Import ? Object.assign({}, _libAlias.libAlias, (0, _libAlias.aliasPathCreation)(customAlias)) : (0, _libAlias.aliasPathCreation)(customAlias);
   return {
     extensions: ['.js', '.jsx', '.ts', '.tsx'],
     modules: [nodeModulesPath, _constants.cliNodeModulesPath, 'node_modules'].filter(Boolean),

package/lib/plugins/I18nSplitPlugin/I18nFilesEmitter.js

@@ -11,8 +11,6 @@ var _utils = require("./utils");
 
 var _getI18nKeysFormModules = _interopRequireDefault(require("./utils/getI18nKeysFormModules"));
 
-var _unicodeConversion = require("./utils/unicodeConversion");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /**
@@ -60,9 +58,8 @@ class I18nFilesEmitter {
   }
 
   getTemplateString(i18nKeys, locale) {
-    const i18nObject = this.getI18nObjectByLocale(i18nKeys, locale);
-    const convertedI18nObject = (0, _unicodeConversion.convertUnicode)(JSON.stringify(i18nObject, null, 0));
-    return `${this.jsonpFunc}(${convertedI18nObject});`; // return `${this.jsonpFunc}(JSON.parse(${JSON.stringify(jsonToString(i18nObject))}));`;
+    let i18nObject = this.getI18nObjectByLocale(i18nKeys, locale);
+    return `${this.jsonpFunc}(${(0, _utils.jsonToString)(i18nObject)});`; // return `${this.jsonpFunc}(JSON.parse(${JSON.stringify(jsonToString(i18nObject))}));`;
   }
 
   renderI18nLocaleChunk(chunk, locale, i18nKeys) {

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

@@ -13,6 +13,8 @@ var _path = require("path");
 
 var _logger = require("../../../logger");
 
+var _unicodeConversion = require("./unicodeConversion");
+
 function isComment(line) {
   return line[0] === '#';
 }
@@ -31,7 +33,8 @@ function getPropertiesAsJSON(filePath) {
 
       const ind = line.indexOf('=');
       const key = line.slice(0, ind).replace(/\\ /g, ' ');
-      const value = line.slice(ind + 1);
+      let value = line.slice(ind + 1);
+      value = (0, _unicodeConversion.convertUnicode)(value);
 
       if (key && value) {
         i18nObj[key] = value;

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

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.convertUnicode = convertUnicode;
-const UNICODE_PATTERN = /\\+u([0-9a-fA-F]{4})/g;
 
-function convertUnicode(jsonStr) {
-  if (!jsonStr.includes('\\u')) {
-    return jsonStr;
-  }
-
-  UNICODE_PATTERN.lastIndex = 0;
-  return jsonStr.replace(UNICODE_PATTERN, (_, hex) => String.fromCharCode(Number.parseInt(hex, 16)));
+function convertUnicode(str) {
+  const unicodeRegex = /\\u([a-fA-F0-9]{4})/g;
+  const converted = str.replace(unicodeRegex, (match, hex) => {
+    return String.fromCharCode(parseInt(hex, 16));
+  });
+  return converted;
 }

package/lib/schemas/index.js

@@ -232,6 +232,7 @@ var _default = {
       none: '(hover: none)'
     },
     disableES5Transpile: false,
+    disableES5Import: false,
     isReactMig: false,
     hasWidget: false,
     hasEFC: {

package/npm-shrinkwrap.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/react-cli",
-  "version": "1.1.23",
+  "version": "1.1.28",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -12874,7 +12874,7 @@
     "sprintf-js": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
-      "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw="
+      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g=="
     },
     "sshpk": {
       "version": "1.17.0",
@@ -13312,7 +13312,7 @@
     "text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
-      "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ="
+      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw=="
     },
     "throat": {
       "version": "5.0.0",
@@ -14834,7 +14834,7 @@
     "wrappy": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
     },
     "write": {
       "version": "1.0.3",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/react-cli",
-  "version": "1.1.27",
+  "version": "1.1.28-exp.1",
   "description": "A CLI tool for build modern web application and libraries",
   "scripts": {
     "init": "node ./lib/utils/init.js",
@@ -41,7 +41,7 @@
     "@babel/preset-env": "7.11.0",
     "@babel/preset-react": "7.10.4",
     "@babel/runtime": "7.11.2",
-    "@zohodesk/client_packages_group": "1.0.2",
+    "@zohodesk/client_packages_group": "1.0.2-exp.6",
     "@zohodesk/eslint-plugin-react-performance": "1.0.3",
     "@zohodesk/eslint-plugin-zsecurity": "0.0.1-beta.4",
     "@zohodesk/postcss-rtl": "1.5.2",

package/packages/client_build_tool/lib/allCommandsConfigs.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _fs = require("fs");
+
+var _path = require("path");
+
+/* eslint-disable global-require */
+const allConfigs = [];
+(0, _fs.readdirSync)((0, _path.join)(__dirname, 'commands')).forEach(folderName => {
+  const modulePath = (0, _path.join)(__dirname, `./commands/${folderName}/config.js`);
+
+  if ((0, _fs.existsSync)(modulePath)) {
+    // eslint-disable-next-line import/no-dynamic-require
+    const config = require(modulePath).default;
+
+    allConfigs.push(config);
+  }
+});
+var _default = allConfigs;
+exports.default = _default;

package/packages/client_build_tool/lib/commands/build/commandExecutor.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.commandExecutor = commandExecutor;
+
+var _logger = require("../../logger");
+
+var _webpackBuild = _interopRequireDefault(require("../../shared/bundler/webpack/webpackBuild"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function commandExecutor(options) {
+  (0, _logger.messageLogger)('Build is running.....');
+  (0, _webpackBuild.default)(options);
+}

package/packages/client_build_tool/lib/commands/build/config.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  name: 'build',
+  alias: ['devbuild'],
+  dirname: __dirname
+};
+exports.default = _default;

package/packages/client_build_tool/lib/commands/build/optionsProcessor.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.optionsProcessor = optionsProcessor;
+
+var _decidePublicPath = require("../../shared/bundler/webpack/common/decidePublicPath");
+
+var _modeUtils = require("../../shared/bundler/webpack/common/modeUtils");
+
+var _constants = require("../../shared/constants");
+
+function optionsProcessor(options) {
+  const {
+    context,
+    mode,
+    noPublicPath
+  } = options;
+  const {
+    isCdnEnabled
+  } = options.cdnMapping;
+  const serverExtras = (0, _decidePublicPath.modifiedServerOptions)(options);
+  const publicPath = noPublicPath ? undefined : (0, _decidePublicPath.decidePublicPath)(serverExtras);
+  const contextFolderPath = (0, _constants.joinWithAppPath)(context);
+  const defaultAppliedOptions = { ...options,
+    serverExtras,
+    // eslint-disable-next-line no-nested-ternary
+    mode: mode === null ? 'prod' : mode === 'dev' ? 'dev' : 'prod',
+    publicPath: (0, _modeUtils.isDevelopmentMode)(mode) || isCdnEnabled ? undefined : publicPath,
+    contextFolderPath,
+    httpsOptions: serverExtras.httpsOptions
+  };
+  return defaultAppliedOptions;
+}

package/packages/client_build_tool/lib/commands/build/preProcessor.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.preProcessor = preProcessor;
+
+var _runPreProcess = require("../../shared/pre_process/runPreProcess");
+
+function preProcessor(options) {
+  (0, _runPreProcess.runPreProcess)(options, 'node');
+}

package/packages/client_build_tool/lib/commands/buildEs/commandExecutor.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.commandExecutor = commandExecutor;
+
+var _constants = require("../../shared/constants");
+
+var _watchRun = require("../../shared/fileUtils/watchRun");
+
+function commandExecutor(options) {
+  const {
+    extraArgs = []
+  } = options;
+  const index = extraArgs.indexOf('-w');
+  const canWatch = index !== -1;
+
+  if (canWatch) {
+    extraArgs.splice(index, 1);
+  }
+
+  let [src, target] = extraArgs;
+  src = (0, _constants.joinWithAppPath)(src || 'src');
+  target = (0, _constants.joinWithAppPath)(target || 'es');
+  (0, _watchRun.watchRun)({
+    options,
+    src,
+    target,
+    canWatch,
+    mode: 'es'
+  });
+}

package/packages/client_build_tool/lib/commands/buildEs/config.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  name: 'buildEs',
+  alias: ['build_es', 'build:es'],
+  dirname: __dirname
+};
+exports.default = _default;

package/packages/client_build_tool/lib/commands/buildEs/preProcessor.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.preProcessor = preProcessor;
+
+var _runPreProcess = require("../../shared/pre_process/runPreProcess");
+
+function preProcessor(options) {
+  const {
+    extraArgs = []
+  } = options;
+  const index = extraArgs.indexOf('-w');
+  const canWatch = index !== -1;
+  (0, _runPreProcess.runPreProcess)(options, canWatch ? 'nodemon' : 'node');
+}

package/packages/client_build_tool/lib/commands/buildLib/commandExecutor.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.commandExecutor = commandExecutor;
+
+var _constants = require("../../shared/constants");
+
+var _watchRun = require("../../shared/fileUtils/watchRun");
+
+function commandExecutor(options) {
+  const {
+    extraArgs = []
+  } = options;
+  const index = extraArgs.indexOf('-w');
+  const canWatch = index !== -1;
+
+  if (canWatch) {
+    extraArgs.splice(index, 1);
+  }
+
+  let [src, target] = extraArgs;
+  src = (0, _constants.joinWithAppPath)(src || 'src');
+  target = (0, _constants.joinWithAppPath)(target || 'lib');
+  (0, _watchRun.watchRun)({
+    options,
+    src,
+    target,
+    canWatch,
+    mode: 'lib'
+  });
+}

package/packages/client_build_tool/lib/commands/buildLib/config.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  name: 'buildLib',
+  alias: ['build:lib', 'build_lib'],
+  dirname: __dirname
+};
+exports.default = _default;

package/packages/client_build_tool/lib/commands/buildLib/preProcessor.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.preProcessor = preProcessor;
+
+var _runPreProcess = require("../../shared/pre_process/runPreProcess");
+
+function preProcessor(options) {
+  const {
+    extraArgs = []
+  } = options;
+  const index = extraArgs.indexOf('-w');
+  const canWatch = index !== -1;
+  (0, _runPreProcess.runPreProcess)(options, canWatch ? 'nodemon' : 'node');
+}

package/packages/client_build_tool/lib/commands/mockserver/commandExecutor.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.commandExecutor = commandExecutor;
+
+var _path = require("path");
+
+var _logger = require("../../logger");
+
+var _spawnSyncIO = require("../../shared/commands-utils/spawnSyncIO");
+
+var _constants = require("../../shared/constants");
+
+function commandExecutor(options) {
+  const {
+    extraArgs
+  } = options;
+  const {
+    enable,
+    separateSeverPort,
+    mockEntryFile,
+    disableNodemon
+  } = options.mockServer;
+
+  if (!enable) {
+    (0, _logger.messageLogger)('mock server not enabled');
+    return;
+  }
+
+  if (!separateSeverPort) {
+    (0, _logger.messageLogger)('mock server not port enabled');
+    return;
+  }
+
+  const absolutePath = (0, _path.join)(__dirname, '..', '..', 'shared', 'server', 'mockServer.js');
+  const mockFile = (0, _constants.joinWithAppPath)(mockEntryFile);
+  (0, _logger.verboseLogger)('Mock server is running path', absolutePath);
+  (0, _logger.verboseLogger)('App mock server is path', mockFile);
+  (0, _logger.messageLogger)('mock server is running.....');
+  (0, _spawnSyncIO.spawnSyncIO)(disableNodemon ? 'node' : 'nodemon', [absolutePath, '--watch', (0, _path.dirname)(mockFile), ...extraArgs]); // webpackBuild(options);
+}

package/packages/client_build_tool/lib/commands/mockserver/config.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  name: 'mockServer',
+  alias: ['mockserver', 'mock_server', 'mock-server', 'mock:server'],
+  dirname: __dirname
+};
+exports.default = _default;

package/packages/client_build_tool/lib/commands/pre_process/commandExecutor.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.commandExecutor = commandExecutor;
+
+var _runPreProcess = require("../../shared/pre_process/runPreProcess");
+
+function commandExecutor(options) {
+  const {
+    extraArgs = []
+  } = options;
+  const index = extraArgs.indexOf('-w');
+  const canWatch = index !== -1;
+  const result = (0, _runPreProcess.runPreProcess)(options, canWatch ? 'nodemon' : 'node');
+  !canWatch && process.exit(result ? result.status : 0);
+}

package/packages/client_build_tool/lib/commands/pre_process/config.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  name: 'pre_process',
+  alias: ['preprocess', 'pre:process', 'preProcess'],
+  dirname: __dirname
+};
+exports.default = _default;

package/packages/client_build_tool/lib/commands/start/commandExecutor.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.commandExecutor = commandExecutor;
+
+var _serverBywebpackDevMiddleware = require("../../shared/server/serverBywebpackDevMiddleware");
+
+function commandExecutor(options) {
+  (0, _serverBywebpackDevMiddleware.run)(options);
+}

package/packages/client_build_tool/lib/commands/start/config.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  name: 'start',
+  alias: ['dstart', 'devSeverStart'],
+  dirname: __dirname
+};
+exports.default = _default;

package/packages/client_build_tool/lib/commands/start/optionsProcessor.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.optionsProcessor = optionsProcessor;
+
+var _decidePublicPath = require("../../shared/bundler/webpack/common/decidePublicPath");
+
+var _constants = require("../../shared/constants");
+
+function optionsProcessor(options) {
+  const {
+    context,
+    mode,
+    noPublicPath
+  } = options;
+  const serverExtras = (0, _decidePublicPath.modifiedServerOptions)(options);
+  const publicPath = noPublicPath ? undefined : (0, _decidePublicPath.decidePublicPath)(serverExtras);
+  const contextFolderPath = (0, _constants.joinWithAppPath)(context);
+  const defaultAppliedOptions = { ...options,
+    // eslint-disable-next-line no-nested-ternary
+    mode: options.mode === null ? 'dev' : mode === 'prod' ? 'prod' : 'dev',
+    serverExtras,
+    publicPath,
+    contextFolderPath,
+    httpsOptions: serverExtras.httpsOptions
+  };
+  return defaultAppliedOptions;
+}

package/packages/client_build_tool/lib/commands/start/preProcessor.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.preProcessor = preProcessor;
+
+var _runPreProcess = require("../../shared/pre_process/runPreProcess");
+
+function preProcessor(options) {
+  (0, _runPreProcess.runPreProcess)(options, 'nodemon');
+}

package/packages/client_build_tool/lib/commands/template/commandExecutor.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.commandExecutor = commandExecutor;
+
+var _constants = require("../../shared/constants");
+
+var _logger = require("../../logger");
+
+var _spawnSyncIO = require("../../shared/commands-utils/spawnSyncIO");
+
+const supportedTemplates = ['app', 'library'];
+
+function commandExecutor(options) {
+  const {
+    extraArgs = []
+  } = options;
+  const [templateName, ...args] = extraArgs;
+
+  if (!supportedTemplates.includes(templateName)) {
+    (0, _logger.messageLogger)(`template not supported "${templateName}" only these \n${supportedTemplates.join('\n ')} are supported`);
+    return;
+  }
+
+  (0, _spawnSyncIO.spawnSyncIO)('cp', ['-r', (0, _constants.getTemplatePath)(templateName)].concat(args));
+}

package/packages/client_build_tool/lib/commands/template/config.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  name: 'template',
+  alias: ['template', 'templates'],
+  dirname: __dirname
+};
+exports.default = _default;

package/packages/client_build_tool/lib/commands/version/commandExecutor.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.commandExecutor = commandExecutor;
+
+var _logger = require("../../logger");
+
+var _versionPrint = require("../../shared/utils/versionPrint");
+
+function commandExecutor() {
+  (0, _versionPrint.versionPrint)(_logger.messageLogger);
+}