@zohodesk/react-cli 1.1.11-exp.5 → 1.1.11-exp.7

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,123 +1,123 @@
-{
-  "name": "@zohodesk/react-cli",
-  "version": "1.1.11-exp.5",
-  "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/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"
-    ]
-  }
-}
+{
+  "name": "@zohodesk/react-cli",
+  "version": "1.1.11-exp.7",
+  "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/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

@@ -9,13 +9,11 @@ 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`);
+  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);

package/packages/client_build_tool/lib/{logger.js → buildToolLoggers.js}

@@ -10,9 +10,9 @@ exports.verboseLogger = verboseLogger;
 exports.warnLogger = warnLogger;
 
 /* eslint-disable no-console */
-function verboseLogger(...args) {
-  // TODO: need to be remove when publish happens
-  process.env.VERBOSE === 'true' && console.log('\x1b[33m [verbose] \x1b[0m', ...args);
+function verboseLogger(...args) {// TODO: need to be remove when publish happens 
+  // console.log(...args);
+  console.log(...args);
 }
 
 function warnLogger(...args) {
@@ -23,10 +23,8 @@ function messageLogger(...args) {
   console.log(...args);
 }
 
-function debugLogger(...args) {
-  // TODO: need to be remove when publish happens
-  console.trace();
-  console.log(...args);
+function debugLogger(...args) {// TODO: need to be remove when publish happens 
+  // console.log(...args);
 }
 
 function errorLogger(...args) {

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

@@ -5,13 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.commandExecutor = commandExecutor;
 
-var _logger = require("../../logger");
+var _buildToolLoggers = require("../../buildToolLoggers");
 
 var _webpackBuild = _interopRequireDefault(require("../../shared/bundler/webpack/webpackBuild"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+// import { spawnSyncIO } from '../../shared/commands-utlis/spanSync';
 function commandExecutor(options) {
-  (0, _logger.messageLogger)('Build is running.....');
-  (0, _webpackBuild.default)(options);
+  (0, _buildToolLoggers.messageLogger)('Build is runnning');
+  (0, _webpackBuild.default)(options); // spawnSyncIO('webpack', [
+  //   '--config',
+  //   require.resolve('../../shared/bundler/webpack/webpack.dev.config.js')
+  // ]);
 }

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _default = {
-  name: 'build',
-  alias: ['devbuild'],
+  name: "build",
+  alias: ["devbuild"],
   dirname: __dirname
 };
 exports.default = _default;

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

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.configs = void 0;
+
+var _commandExecutor = require("./commandExecutor");
+
+var _errorHander = require("./errorHander");
+
+var _optionsProcesser = require("./optionsProcesser");
+
+// import { spawnSyncIO } from '../commands-utlis/spanSync.js';
+function run(options) {
+  // const { disableWatch } = options.app;
+  // spawnSyncIO('node', [
+  //   require.resolve(
+  //     disableWatch ? '../servers/nowatchserver' : '../servers/server'
+  //   ),
+  //   '--expose-http2',
+  //   ...args
+  // ]);
+  (0, _commandExecutor.commandExecutor)(options).then(console.log).catch(e => {
+    (0, _errorHander.errorHander)(e);
+  });
+}
+
+const configs = {
+  name: 'devSeverStart',
+  alias: ['start'],
+  optionsProcesser: _optionsProcesser.optionsProcesser,
+  run
+};
+exports.configs = configs;

package/packages/client_build_tool/lib/commands/{start/optionsProcessor.js → build/optionsProcesser.js}

@@ -3,32 +3,32 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.optionsProcessor = optionsProcessor;
+exports.optionsProcesser = optionsProcesser;
+
+var _path = require("path");
 
 var _decidePublicPath = require("../../shared/bundler/webpack/common/decidePublicPath");
 
 var _urlConcat = require("../../shared/server/urlConcat");
 
-var _constants = require("../../shared/constants");
-
-function optionsProcessor(options) {
+function optionsProcesser(options) {
   const {
     server,
-    context,
-    mode,
-    noPublicPath
+    context
   } = options;
   const {
     disableContextURL
   } = server;
   const serverExtras = (0, _decidePublicPath.modifiedServerOptions)(options);
-  const publicPath = noPublicPath ? '' : (0, _decidePublicPath.decidePublicPath)(serverExtras);
+  const publicPath = (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,
+  const serverURL = (0, _urlConcat.urlConcat)(publicPath, contextURL);
+  const contextFolderPath = (0, _path.join)(process.cwd(), context);
+  console.log({
+    serverURL,
+    publicPath
+  });
+  const defaultApplyedOptions = { ...options,
     serverExtras,
     publicPath,
     contextURL,
@@ -36,5 +36,5 @@ function optionsProcessor(options) {
     contextFolderPath,
     httpsOptions: serverExtras.httpsOptions
   };
-  return defaultAppliedOptions;
+  return defaultApplyedOptions;
 }

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

@@ -5,29 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.commandExecutor = commandExecutor;
 
-var _constants = require("../../shared/constants");
+var _spanSync = require("../../shared/commands-utlis/spanSync");
 
-var _watchRun = require("../../shared/fileUtils/watchRun");
+var _constants = require("../../shared/constants");
 
 function commandExecutor(options) {
   const {
-    extraArgs = []
+    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'
-  });
+  (0, _spanSync.spawnSyncIO)("babel", ["src", "--out-dir", "es", "--copy-files", "--config-file=" + _constants.babelrcPath, ...extraArgs]);
 }

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

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

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

@@ -5,29 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.commandExecutor = commandExecutor;
 
-var _constants = require("../../shared/constants");
+var _spanSync = require("../../shared/commands-utlis/spanSync");
 
-var _watchRun = require("../../shared/fileUtils/watchRun");
+var _constants = require("../../shared/constants");
 
 function commandExecutor(options) {
   const {
-    extraArgs = []
+    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'
-  });
+  (0, _spanSync.spawnSyncIO)("babel", ["src", "--out-dir", "lib", "--copy-files", "--config-file=" + _constants.babelrcPath, ...extraArgs]);
 }

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

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

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

@@ -8,5 +8,6 @@ exports.commandExecutor = commandExecutor;
 var _serverBywebpackDevMiddleware = require("../../shared/server/serverBywebpackDevMiddleware");
 
 function commandExecutor(options) {
+  // require("../../shared/server/devServer").run(options);
   (0, _serverBywebpackDevMiddleware.run)(options);
 }

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

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

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

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.optionsProcesser = optionsProcesser;
+
+var _path = require("path");
+
+var _decidePublicPath = require("../../shared/bundler/webpack/common/decidePublicPath");
+
+var _urlConcat = require("../../shared/server/urlConcat");
+
+function optionsProcesser(options) {
+  const {
+    server,
+    context
+  } = options;
+  const {
+    disableContextURL
+  } = server;
+  const serverExtras = (0, _decidePublicPath.modifiedServerOptions)(options);
+  const publicPath = (0, _decidePublicPath.decidePublicPath)(serverExtras);
+  const contextURL = disableContextURL ? '' : `/${context}`;
+  const serverURL = (0, _urlConcat.urlConcat)(publicPath, contextURL);
+  const contextFolderPath = (0, _path.join)(process.cwd(), context);
+  const defaultApplyedOptions = { ...options,
+    serverExtras,
+    publicPath,
+    contextURL,
+    serverURL,
+    contextFolderPath,
+    httpsOptions: serverExtras.httpsOptions
+  };
+  return defaultApplyedOptions;
+}

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

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

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

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