@zohodesk/react-cli 1.1.16-exp.3 → 1.1.16-exp.4

package/npm8.md

@@ -1,9 +1,9 @@
-# npm 8 change related things
-
-1. in npm run script config options `:` not working (properly|correctly), So we need to use `_` in the place of `:`
-   For Example:
-   - `--app:port` wouldn't work we have to do like this `--app_port`
-   - `--clone:proj:name` wouldn't work we have to do like this `----clone_proj_name`
-
-@zohodes/react-cli or fz-react-cli regardless of what cli you use.
-So, we need to change all package.json script which is using this (`:`) we need to change as (`_`)
+# npm 8 change related things
+
+1. in npm run script config options `:` not working (properly|correctly), So we need to use `_` in the place of `:`
+   For Example:
+   - `--app:port` wouldn't work we have to do like this `--app_port`
+   - `--clone:proj:name` wouldn't work we have to do like this `----clone_proj_name`
+
+@zohodes/react-cli or fz-react-cli regardless of what cli you use.
+So, we need to change all package.json script which is using this (`:`) we need to change as (`_`)

package/package.json

@@ -1,126 +1,124 @@
-{
-  "name": "@zohodesk/react-cli",
-  "version": "1.1.16-exp.3",
-  "description": "A CLI tool for build modern web application and libraries",
-  "scripts": {
-    "init": "node ./lib/utils/init.js",
-    "clean": "rimraf lib coverage",
-    "test": "jest",
-    "start": "babel src -d lib -w --copy-files",
-    "build": "babel src -d lib --copy-files",
-    "prepare": "npm run clean && npm run build",
-    "prepublishOnly": "npm prune --production",
-    "lint": "eslint src ./bin/cli.js",
-    "postpublish": "node postpublish.js",
-    "expublish": "npm publish --tag experimental-version"
-  },
-  "engines": {
-    "node": ">=8.15.1"
-  },
-  "private": false,
-  "repository": {
-    "type": "git",
-    "url": "git+https://git.csez.zohocorpin.com/zohodesk/react-cli.git"
-  },
-  "author": "zohodesk",
-  "license": "ISC",
-  "bugs": {
-    "url": "https://git.csez.zohocorpin.com/zohodesk/react-cli/issues"
-  },
-  "homepage": "https://git.csez.zohocorpin.com/zohodesk/react-cli/blob/2.0.0/README.md",
-  "bin": {
-    "react-cli": "bin/cli.js"
-  },
-  "dependencies": {
-    "@babel/cli": "7.10.5",
-    "@babel/core": "7.11.1",
-    "@babel/plugin-proposal-object-rest-spread": "7.11.0",
-    "@babel/plugin-syntax-dynamic-import": "7.8.3",
-    "@babel/plugin-transform-runtime": "7.11.0",
-    "@babel/preset-env": "7.11.0",
-    "@babel/preset-react": "7.10.4",
-    "@babel/preset-typescript": "7.23.2",
-    "@babel/runtime": "7.11.2",
-    "@zohodesk/client_packages_group": "1.0.2",
-    "@zohodesk/eslint-plugin-react-performance": "1.0.3",
-    "@zohodesk/eslint-plugin-zsecurity": "0.0.1-beta.4",
-    "@zohodesk/postcss-rtl": "1.5.2",
-    "@zohodesk/propertytojson": "1.0.1",
-    "@zohodesk/screenshot-test": "0.0.1-beta.20",
-    "babel-eslint": "10.1.0",
-    "babel-jest": "26.3.0",
-    "babel-loader": "8.1.0",
-    "babel-plugin-lodash": "3.3.4",
-    "babel-plugin-transform-define": "2.0.0",
-    "babel-plugin-transform-dynamic-import": "2.1.0",
-    "babel-plugin-transform-react-remove-prop-types": "0.4.24",
-    "babel-plugin-transform-remove-console": "6.9.4",
-    "case-sensitive-paths-webpack-plugin": "2.3.0",
-    "compression": "1.7.4",
-    "copy-webpack-plugin": "5.1.2",
-    "css-loader": "4.2.1",
-    "debug": "4.3.3",
-    "escodegen": "2.0.0",
-    "eslint": "7.6.0",
-    "eslint-html-reporter": "0.7.4",
-    "eslint-loader": "4.0.2",
-    "eslint-plugin-css-modules": "2.11.0",
-    "eslint-plugin-react": "7.20.6",
-    "esprima": "4.0.1",
-    "expect": "26.4.0",
-    "express": "4.17.1",
-    "file-loader": "6.0.0",
-    "git-root-dir": "1.0.2",
-    "gitlab": "14.2.2",
-    "html-loader": "1.1.0",
-    "html-webpack-inject-attributes-plugin": "1.0.6",
-    "html-webpack-plugin": "4.3.0",
-    "http-proxy-middleware": "1.0.5",
-    "ignore": "5.2.4",
-    "jest": "26.4.0",
-    "jsdom": "16.4.0",
-    "loader-utils": "2.0.0",
-    "lodash-webpack-plugin": "0.11.5",
-    "markdown-it": "13.0.1",
-    "mini-css-extract-plugin": "0.10.0",
-    "nock": "13.2.9",
-    "nodemailer": "6.4.11",
-    "nodemon": "2.0.4",
-    "optimize-js": "1.0.3",
-    "postcss": "7.0.32",
-    "postcss-combine-media-query": "1.0.1",
-    "postcss-hash-classname": "0.4.0",
-    "postcss-loader": "3.0.0",
-    "postcss-mobile-hover": "1.0.2",
-    "react-test-renderer": "16.13.1",
-    "redis": "3.0.2",
-    "redux-mock-store": "1.5.4",
-    "rimraf": "3.0.2",
-    "script-loader": "0.7.2",
-    "ts-loader": "8.2.0",
-    "typescript": "5.2.2",
-    "uglifycss": "0.0.29",
-    "url-loader": "4.1.0",
-    "webpack": "4.44.1",
-    "webpack-bundle-analyzer": "4.5.0",
-    "webpack-cli": "3.3.12",
-    "webpack-core": "0.6.9",
-    "webpack-dev-middleware": "3.7.2",
-    "ws": "7.3.1",
-    "xhr2": "0.2.0",
-    "xmlhttprequest": "1.8.0"
-  },
-  "babel": {
-    "presets": [
-      [
-        "@babel/env",
-        {
-          "targets": {
-            "node": "8.15.1"
-          }
-        }
-      ],
-      "@babel/react"
-    ]
-  }
-}
+{
+  "name": "@zohodesk/react-cli",
+  "version": "1.1.16-exp.4",
+  "description": "A CLI tool for build modern web application and libraries",
+  "scripts": {
+    "init": "node ./lib/utils/init.js",
+    "clean": "rimraf lib coverage",
+    "test": "jest",
+    "start": "babel src -d lib -w --copy-files",
+    "build": "babel src -d lib --copy-files",
+    "prepare": "npm run clean && npm run build",
+    "prepublishOnly": "npm prune --production",
+    "lint": "eslint src ./bin/cli.js",
+    "postpublish": "node postpublish.js",
+    "expublish": "npm publish --tag experimental-version"
+  },
+  "engines": {
+    "node": ">=8.15.1"
+  },
+  "private": false,
+  "repository": {
+    "type": "git",
+    "url": "git+https://git.csez.zohocorpin.com/zohodesk/react-cli.git"
+  },
+  "author": "zohodesk",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://git.csez.zohocorpin.com/zohodesk/react-cli/issues"
+  },
+  "homepage": "https://git.csez.zohocorpin.com/zohodesk/react-cli/blob/2.0.0/README.md",
+  "bin": {
+    "react-cli": "bin/cli.js"
+  },
+  "dependencies": {
+    "@babel/cli": "7.10.5",
+    "@babel/core": "7.11.1",
+    "@babel/plugin-proposal-object-rest-spread": "7.11.0",
+    "@babel/plugin-syntax-dynamic-import": "7.8.3",
+    "@babel/plugin-transform-runtime": "7.11.0",
+    "@babel/preset-env": "7.11.0",
+    "@babel/preset-react": "7.10.4",
+    "@babel/runtime": "7.11.2",
+    "@zohodesk-private/prefix_remove": "^1.0.9",
+    "@zohodesk/client_packages_group": "1.0.2",
+    "@zohodesk/eslint-plugin-react-performance": "1.0.3",
+    "@zohodesk/eslint-plugin-zsecurity": "0.0.1-beta.4",
+    "@zohodesk/postcss-rtl": "1.5.2",
+    "@zohodesk/propertytojson": "1.0.1",
+    "@zohodesk/screenshot-test": "0.0.1-beta.20",
+    "babel-eslint": "10.1.0",
+    "babel-jest": "26.3.0",
+    "babel-loader": "8.1.0",
+    "babel-plugin-lodash": "3.3.4",
+    "babel-plugin-transform-define": "2.0.0",
+    "babel-plugin-transform-dynamic-import": "2.1.0",
+    "babel-plugin-transform-react-remove-prop-types": "0.4.24",
+    "babel-plugin-transform-remove-console": "6.9.4",
+    "case-sensitive-paths-webpack-plugin": "2.3.0",
+    "compression": "1.7.4",
+    "copy-webpack-plugin": "5.1.2",
+    "css-loader": "4.2.1",
+    "debug": "4.3.3",
+    "escodegen": "2.0.0",
+    "eslint": "7.6.0",
+    "eslint-html-reporter": "0.7.4",
+    "eslint-loader": "4.0.2",
+    "eslint-plugin-css-modules": "2.11.0",
+    "eslint-plugin-react": "7.20.6",
+    "esprima": "4.0.1",
+    "expect": "26.4.0",
+    "express": "4.17.1",
+    "file-loader": "6.0.0",
+    "git-root-dir": "1.0.2",
+    "gitlab": "14.2.2",
+    "html-loader": "1.1.0",
+    "html-webpack-inject-attributes-plugin": "1.0.6",
+    "html-webpack-plugin": "4.3.0",
+    "http-proxy-middleware": "1.0.5",
+    "ignore": "5.2.4",
+    "jest": "26.4.0",
+    "jsdom": "16.4.0",
+    "loader-utils": "2.0.0",
+    "lodash-webpack-plugin": "0.11.5",
+    "markdown-it": "13.0.1",
+    "mini-css-extract-plugin": "0.10.0",
+    "nock": "13.2.9",
+    "nodemailer": "6.4.11",
+    "nodemon": "2.0.4",
+    "optimize-js": "1.0.3",
+    "postcss": "7.0.32",
+    "postcss-combine-media-query": "1.0.1",
+    "postcss-hash-classname": "0.4.0",
+    "postcss-loader": "3.0.0",
+    "postcss-mobile-hover": "1.0.2",
+    "react-test-renderer": "16.13.1",
+    "redis": "3.0.2",
+    "redux-mock-store": "1.5.4",
+    "rimraf": "3.0.2",
+    "script-loader": "0.7.2",
+    "uglifycss": "0.0.29",
+    "url-loader": "4.1.0",
+    "webpack": "4.44.1",
+    "webpack-bundle-analyzer": "4.5.0",
+    "webpack-cli": "3.3.12",
+    "webpack-core": "0.6.9",
+    "webpack-dev-middleware": "3.7.2",
+    "ws": "7.3.1",
+    "xhr2": "0.2.0",
+    "xmlhttprequest": "1.8.0"
+  },
+  "babel": {
+    "presets": [
+      [
+        "@babel/env",
+        {
+          "targets": {
+            "node": "8.15.1"
+          }
+        }
+      ],
+      "@babel/react"
+    ]
+  }
+}

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/errorHander.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.errorHander = errorHander;
+
+function errorHander(e) {
+  console.error(e);
+}

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

@@ -0,0 +1,45 @@
+"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 _urlConcat = require("../../shared/server/urlConcat");
+
+var _constants = require("../../shared/constants");
+
+function optionsProcessor(options) {
+  const {
+    server,
+    context,
+    mode,
+    noPublicPath
+  } = options;
+  const {
+    isCdnEnabled
+  } = options.cdnMapping;
+  const {
+    disableContextURL
+  } = server;
+  const serverExtras = (0, _decidePublicPath.modifiedServerOptions)(options);
+  const publicPath = noPublicPath ? '' : (0, _decidePublicPath.decidePublicPath)(serverExtras);
+  const contextURL = disableContextURL ? '' : `/${context}`;
+  const serverURL = (0, _urlConcat.urlConcat)(publicPath, contextURL); // console.log({ publicPath, serverURL });
+
+  const contextFolderPath = (0, _constants.joinWithAppPath)(context);
+  const defaultAppliedOptions = { ...options,
+    serverExtras,
+    mode: mode === null ? 'prod' : mode,
+    publicPath: (0, _modeUtils.isDevelopmentMode)(mode) || isCdnEnabled ? '' : publicPath,
+    contextURL,
+    serverURL,
+    contextFolderPath,
+    httpsOptions: serverExtras.httpsOptions
+  };
+  return defaultAppliedOptions;
+}

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/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/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/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/deprecationHandler.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.deprecationHandler = deprecationHandler;
+
+function deprecationHandler(options) {// options.app.deprecated &&
+  // console.log('options.app.deprecated this option  was deprecated since V1.3.1' );
+}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.errorHander = errorHander;
+
+function errorHander(e) {
+  console.error(e);
+}

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

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.optionsProcessor = optionsProcessor;
+
+var _decidePublicPath = require("../../shared/bundler/webpack/common/decidePublicPath");
+
+var _urlConcat = require("../../shared/server/urlConcat");
+
+var _constants = require("../../shared/constants");
+
+function optionsProcessor(options) {
+  const {
+    server,
+    context,
+    mode,
+    noPublicPath
+  } = options;
+  const {
+    disableContextURL
+  } = server;
+  const serverExtras = (0, _decidePublicPath.modifiedServerOptions)(options);
+  const publicPath = noPublicPath ? '' : (0, _decidePublicPath.decidePublicPath)(serverExtras);
+  const contextURL = disableContextURL ? '' : `/${context}`;
+  const serverURL = (0, _urlConcat.urlConcat)(publicPath, contextURL); // console.log({ publicPath, serverURL, contextURL });
+
+  const contextFolderPath = (0, _constants.joinWithAppPath)(context);
+  const defaultAppliedOptions = { ...options,
+    mode: options.mode === null ? 'dev' : mode,
+    serverExtras,
+    publicPath,
+    contextURL,
+    serverURL,
+    contextFolderPath,
+    httpsOptions: serverExtras.httpsOptions
+  };
+  return defaultAppliedOptions;
+}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.postProcessor = postProcessor;
+
+function postProcessor(options) {
+  console.log('postProcessor');
+}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.preProcessor = preProcessor;
+
+function preProcessor(options) {
+  console.log('preProcessor');
+}