@zohodesk/react-cli 0.0.1-beta.17 → 0.0.1-beta.171

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/react-cli",
-  "version": "0.0.1-beta.17",
+  "version": "0.0.1-beta.171",
   "description": "A CLI tool for build modern web application and libraries",
   "scripts": {
     "init": "node ./lib/utils/init.js",
@@ -8,100 +8,125 @@
     "test": "jest",
     "start": "babel src -d lib -w --copy-files",
     "build": "babel src -d lib --copy-files",
-    "prepare": "npm run lint && npm run clean && npm run build",
-    "lint": "eslint ./src ./bin/cli.js"
+    "prepare": "npm run clean && npm run build",
+    "lint": "eslint src ./bin/cli.js",
+    "postpublish": "node postpublish.js",
+    "expublish": "npm publish --tag experimental-version"
   },
   "engines": {
-    "node": "<=6.10.0"
+    "node": ">=8.15.1"
   },
   "private": false,
   "repository": {
     "type": "git",
     "url": "git+https://git.csez.zohocorpin.com/zohodesk/react-cli.git"
   },
-  "author": "",
+  "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",
   "dependencies": {
-    "@babel/preset-env": "^7.4.2",
-    "@babel/preset-react": "^7.0.0",
-    "@zohodesk/screenshot-test": "0.0.1-beta.1",
-    "babel-cli": "6.26.0",
-    "babel-core": "6.26.3",
-    "babel-jest": "24.5.0",
-    "babel-loader": "7.1.3",
-    "babel-plugin-syntax-dynamic-import": "6.18.0",
-    "babel-plugin-transform-define": "1.3.1",
-    "babel-plugin-transform-runtime": "6.23.0",
-    "babel-preset-env": "1.7.0",
-    "babel-preset-react": "6.24.1",
-    "babel-runtime": "6.26.0",
-    "case-sensitive-paths-webpack-plugin": "2.2.0",
+    "@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/datetimejs": "1.0.0-beta.8",
+    "@zohodesk/eslint-plugin-react-performance": "1.0.3",
+    "@zohodesk/eslint-plugin-zsecurity": "0.0.1-beta.4",
+    "@zohodesk/normalizer": "1.0.2",
+    "@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",
-    "css-loader": "2.1.1",
-    "css-modules-require-hook": "4.2.3",
-    "escodegen": "1.11.1",
-    "eslint": "5.15.3",
-    "eslint-loader": "2.1.2",
+    "copy-webpack-plugin": "5.1.2",
+    "core-js": "3.6.5",
+    "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.12.4",
+    "eslint-plugin-react": "7.20.6",
     "esprima": "4.0.1",
-    "expect": "24.5.0",
-    "express": "4.16.4",
-    "file-loader": "3.0.1",
-    "fz-i18n": "1.2.0-beta.14",
+    "expect": "26.4.0",
+    "express": "4.17.1",
+    "file-loader": "6.0.0",
+    "fz-i18n": "1.2.0-beta.15",
     "fz-layout": "1.0.0-beta.8",
     "fz-permission": "0.0.2",
-    "fz-propertytojson": "1.0.3",
-    "gitlab": "4.5.1",
+    "git-root-dir": "1.0.2",
+    "gitlab": "14.2.2",
     "history": "4.9.0",
-    "hoist-non-react-statics": "3.3.0",
-    "html-loader": "0.5.5",
+    "hoist-non-react-statics": "3.3.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",
     "identity-obj-proxy": "3.0.0",
-    "jest": "24.5.0",
-    "jsdom": "14.0.0",
-    "loader-utils": "1.2.3",
-    "mini-css-extract-plugin": "0.5.0",
-    "moment": "2.24.0",
-    "moment-timezone": "0.5.23",
-    "nock": "10.0.6",
-    "nodemailer": "6.0.0",
+    "jest": "26.4.0",
+    "jsdom": "16.4.0",
+    "loader-utils": "2.0.0",
+    "lodash-webpack-plugin": "0.11.5",
+    "mini-css-extract-plugin": "0.10.0",
+    "moment": "2.29.1",
+    "moment-timezone": "0.5.32",
+    "nock": "13.0.4",
+    "nodemailer": "6.4.11",
+    "nodemon": "2.0.4",
     "optimize-js": "1.0.3",
-    "postcss": "7.0.14",
+    "postcss": "7.0.32",
+    "postcss-combine-media-query": "1.0.1",
     "postcss-hash-classname": "0.4.0",
+    "postcss-import": "14.1.0",
+    "postcss-loader": "3.0.0",
+    "postcss-mobile-hover": "1.0.2",
+    "postcss-selector-replace": "1.0.2",
     "prop-types": "15.7.2",
-    "react": "16.8.5",
-    "react-dev-utils": "8.0.0",
-    "react-dom": "16.8.5",
-    "react-error-overlay": "5.1.4",
-    "react-redux": "6.0.1",
-    "react-router": "5.0.0",
+    "react": "16.13.1",
+    "react-dom": "16.13.1",
+    "react-error-overlay": "6.0.7",
+    "react-redux": "7.2.1",
+    "react-router": "5.2.0",
     "react-router-redux": "4.0.8",
-    "react-test-renderer": "16.8.5",
+    "react-test-renderer": "16.13.1",
     "react-transition-group": "2.7.1",
-    "redux": "3.6.0",
+    "redis": "3.0.2",
+    "redux": "4.0.5",
     "redux-logger": "3.0.6",
-    "redux-mock-store": "1.5.3",
-    "redux-router-middleware": "^1.0.0-beta.22",
+    "redux-mock-store": "1.5.4",
+    "redux-router-middleware": "1.0.0-beta.22",
     "redux-thunk": "2.3.0",
     "reselect": "4.0.0",
-    "rimraf": "2.6.3",
+    "rimraf": "3.0.2",
     "script-loader": "0.7.2",
     "selectn": "1.1.2",
-    "simple-normalizr": "1.2.3",
+    "simple-normalizr": "1.2.5",
     "uglifycss": "0.0.29",
-    "url-loader": "1.1.2",
-    "webpack": "4.29.6",
-    "webpack-bundle-analyzer": "3.1.0",
-    "webpack-cli": "3.3.0",
+    "url-loader": "4.1.0",
+    "velocity-react": "1.4.3",
+    "webpack": "4.44.1",
+    "webpack-bundle-analyzer": "4.5.0",
+    "webpack-cli": "3.3.12",
     "webpack-core": "0.6.9",
-    "webpack-dev-middleware": "3.6.1",
-    "webpack-manifest-plugin": "2.0.4",
-    "ws": "6.2.0",
-    "xhr2": "0.1.4",
+    "webpack-dev-middleware": "3.7.2",
+    "ws": "7.3.1",
+    "xhr2": "0.2.0",
     "xmlhttprequest": "1.8.0"
   },
   "bin": {
@@ -109,8 +134,15 @@
   },
   "babel": {
     "presets": [
-      "env",
-      "react"
+      [
+        "@babel/env",
+        {
+          "targets": {
+            "node": "8.15.1"
+          }
+        }
+      ],
+      "@babel/react"
     ]
   }
 }

package/postpublish.js

@@ -0,0 +1,6 @@
+const { execSync } = require('child_process');
+const { version } = require('./package.json');
+console.log(`going to add git tag...  v${version}`);
+
+execSync(`git tag -a v${version}`, { stdio: 'inherit' });
+execSync(`git push origin v${version}`, { stdio: 'inherit' });

package/templates/app/.eslintrc.js

@@ -0,0 +1,140 @@
+let logLevel = 'error';
+
+module.exports = {
+  env: {
+    browser: true,
+    commonjs: true,
+    es6: true,
+    node: true
+  },
+  extends: [
+    'eslint:recommended',
+    'plugin:react/recommended',
+    'plugin:css-modules/recommended'
+  ],
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true
+    },
+    sourceType: 'module'
+  },
+  settings: {
+    react: {
+      version: '16.8.5'
+    }
+  },
+  plugins: ['react', 'css-modules'],
+  rules: {
+    'for-direction': [logLevel],
+    'no-prototype-builtins': [logLevel],
+    'no-template-curly-in-string': [logLevel],
+    'array-callback-return': [logLevel],
+    curly: [logLevel],
+    'default-case': [logLevel],
+    'dot-location': [logLevel, 'property'],
+    'dot-notation': [logLevel],
+    eqeqeq: [logLevel],
+    'guard-for-in': [logLevel],
+    'no-alert': [logLevel],
+    'no-caller': [logLevel],
+    'no-div-regex': [logLevel],
+    'no-else-return': [logLevel],
+    'no-empty-function': [logLevel],
+    'no-eq-null': [logLevel],
+    'no-eval': [logLevel],
+    'no-extend-native': [logLevel],
+    'no-extra-bind': [logLevel],
+    'no-floating-decimal': [logLevel],
+    'no-iterator': [logLevel],
+    'no-labels': [logLevel],
+    'no-loop-func': [logLevel],
+    'no-multi-str': [logLevel],
+    'no-new-wrappers': [logLevel],
+    'no-param-reassign': [logLevel],
+    'no-proto': [logLevel],
+    'no-redeclare': [
+      logLevel,
+      {
+        builtinGlobals: true
+      }
+    ],
+    'no-return-assign': [logLevel],
+    'no-script-url': [logLevel],
+    'wrap-iife': [logLevel, 'outside'],
+    'block-spacing': [logLevel],
+    'brace-style': [logLevel],
+    camelcase: [logLevel],
+    'comma-dangle': [logLevel],
+    'comma-spacing': [logLevel],
+    'func-call-spacing': [logLevel],
+    indent: [logLevel, 2, { SwitchCase: 1 }],
+    'jsx-quotes': [logLevel, 'prefer-single'],
+    'key-spacing': [logLevel],
+    'keyword-spacing': [logLevel],
+    'lines-between-class-members': [logLevel],
+    'no-whitespace-before-property': [logLevel],
+    'object-curly-spacing': [logLevel, 'always'],
+    'space-before-blocks': [logLevel],
+    'switch-colon-spacing': [logLevel],
+    'space-in-parens': [logLevel],
+    quotes: [logLevel, 'single'],
+    semi: [logLevel],
+    'semi-spacing': [logLevel],
+    'arrow-spacing': [logLevel],
+    'arrow-body-style': [logLevel],
+    'arrow-parens': [logLevel, 'as-needed'],
+    'no-const-assign': [logLevel],
+    'no-dupe-class-members': [logLevel],
+    'no-this-before-super': [logLevel],
+    'no-duplicate-imports': [
+      logLevel,
+      {
+        includeExports: true
+      }
+    ],
+    'no-var': [logLevel],
+    'prefer-destructuring': [logLevel],
+    'prefer-arrow-callback': [logLevel],
+    'prefer-spread': [logLevel],
+    'prefer-template': [logLevel],
+    'prefer-rest-params': [logLevel],
+    'no-useless-constructor': [logLevel],
+    'no-duplicate-imports': [logLevel],
+    'array-callback-return': [logLevel],
+    'no-use-before-define': [logLevel],
+
+    'react/default-props-match-prop-types': [logLevel],
+    'react/destructuring-assignment': [logLevel],
+    // 'react/no-did-update-set-state': [logLevel],
+    'react/no-redundant-should-component-update': [logLevel],
+    'react/no-danger': [logLevel],
+    'react/no-this-in-sfc': [logLevel],
+    'react/no-will-update-set-state': [logLevel],
+    'react/no-unused-state': [logLevel],
+    'react/no-will-update-set-state': [logLevel],
+    // 'react/require-default-props': [logLevel],
+    // 'react/require-optimization': [logLevel],
+
+    'react/jsx-closing-bracket-location': [logLevel],
+    'react/jsx-equals-spacing': [logLevel],
+    'react/jsx-indent': [logLevel, 2],
+    'react/jsx-key': [logLevel],
+    'react/jsx-pascal-case': [logLevel],
+
+    'react/no-array-index-key': [logLevel],
+    'react/no-unused-prop-types': [logLevel],
+    'react/forbid-component-props': [logLevel],
+    'react/forbid-dom-props': [logLevel],
+    'react/jsx-no-bind': [logLevel],
+    'react/sort-prop-types': [logLevel],
+    'react/jsx-no-duplicate-props': [logLevel],
+    'react/no-deprecated': [logLevel],
+    'react/no-children-prop': [logLevel],
+    'react/no-unused-state': [logLevel],
+    'react/destructuring-assignment': [logLevel],
+    'react/default-props-match-prop-types': [logLevel],
+
+    'css-modules/no-unused-class': [logLevel, { camelCase: true }],
+    'css-modules/no-undef-class': [logLevel, { camelCase: 'only' }]
+  }
+};

package/templates/app/README.md

@@ -1,12 +1,12 @@
-#Some useful command
-
-component development command
-npm run docs --server:componentPath=./src/components
-
-development mode useful command
-npm run start
-npm run start --server:prod=true
-
-
-production mode command
-npm run build
+#Some useful command
+
+component development command
+npm run docs --server:componentPath=./src/components
+
+development mode useful command
+npm run start
+npm run start --server:prod=true
+
+
+production mode command
+npm run build

package/templates/app/app/index.html

@@ -1,8 +1,24 @@
-<html>
-	<body>
-		<div id="react"></div>
-		<script src="/app/js/react.vendor.js"></script>
-		<script src="/app/js/vendor.js"></script>
-		<script src="/app/js/main.js"></script>
-	</body>
-</html>
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
+    />
+
+    <title>Zia Desk</title>
+    <link href="/app/css/main.css" rel="stylesheet" />
+  </head>
+
+  <body>
+    <div id="container" style="height:100%"></div>
+    <script type="text/javascript">
+      let mockServerURL = "";
+      let logger = console;
+    </script>
+    <script src="/app/js/react.vendor.js"></script>
+    <script src="/app/js/vendor.js"></script>
+    <script src="/app/js/main.js"></script>
+  </body>
+</html>

package/templates/app/app/properties/ApplicationResources_en_US.properties

@@ -1 +1 @@
-app.key=key
+app.key=key

package/templates/app/app/properties/i18nkeys.json

@@ -1,3 +1,3 @@
-{
-  "app.dynkey": "dynkey"
-}
+{
+  "app.dynkey": "dynkey"
+}

package/templates/app/docs/all.html

@@ -1,69 +1,69 @@
-<!DOCTYPE html>
-<html>
-	<head>
-		<meta http-equiv="X-UA-Compatible" content="IE=edge">
-		<style type="text/css">
-			.comps
-			{
-				padding: 10px;
-				max-width: 100%;
-				margin-bottom: 10px;
-				border-bottom: 1px solid #f5f5f5;
-			}
-			.componentNameRed
-			{
-				color: red;
-			}
-			.propertyName
-			{
-				color:green;
-				margin-left: 10px;
-			}
-			.valueName
-			{
-				color:orange;
-				margin-right: 10px;
-			}
-			.example
-			{
-				padding: 20px 20px 20px 0px;
-				width: 100%;
-				box-sizing: border-box;
-				margin: 15px 0px;
-			}
-			.htmlTag
-			{
-				color: #999;
-				color: #676565;
-    			line-height: 25px;
-    			margin-bottom: 10px;
-    			font-size: 13px;
-			}
-			.textArea
-			{
-				min-width: 50%;
-			    outline: none;
-			    min-height: 100px;
-			    margin: 15px 0px;
-			    max-width: 90%;
-			}
-
-		</style>
-	</head>
-	<body>
-		<div id="react">
-
-    </div>
-
-		<script src="/docs/js/vendor.js" ></script>
-		<script src="/docs/js/main.js" ></script>
-		<script>
-		var React = Component.React;
-var ReactDOM = Component.ReactDOM;
-var Text__default = Component.Text__default;
-ReactDOM.render(React.createElement(Text__default), react);
-</script>
-
-
-	</body>
-</html>
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta http-equiv="X-UA-Compatible" content="IE=edge">
+		<style type="text/css">
+			.comps
+			{
+				padding: 10px;
+				max-width: 100%;
+				margin-bottom: 10px;
+				border-bottom: 1px solid #f5f5f5;
+			}
+			.componentNameRed
+			{
+				color: red;
+			}
+			.propertyName
+			{
+				color:green;
+				margin-left: 10px;
+			}
+			.valueName
+			{
+				color:orange;
+				margin-right: 10px;
+			}
+			.example
+			{
+				padding: 20px 20px 20px 0px;
+				width: 100%;
+				box-sizing: border-box;
+				margin: 15px 0px;
+			}
+			.htmlTag
+			{
+				color: #999;
+				color: #676565;
+    			line-height: 25px;
+    			margin-bottom: 10px;
+    			font-size: 13px;
+			}
+			.textArea
+			{
+				min-width: 50%;
+			    outline: none;
+			    min-height: 100px;
+			    margin: 15px 0px;
+			    max-width: 90%;
+			}
+
+		</style>
+	</head>
+	<body>
+		<div id="react">
+
+    </div>
+
+		<script src="/docs/js/vendor.js" ></script>
+		<script src="/docs/js/main.js" ></script>
+		<script>
+		var React = Component.React;
+var ReactDOM = Component.ReactDOM;
+var Text__default = Component.Text__default;
+ReactDOM.render(React.createElement(Text__default), react);
+</script>
+
+
+	</body>
+</html>

package/templates/app/mockapi/index.js

@@ -1,13 +1,18 @@
-var path = require('path');
-var fs = require('fs');
-
-function mockServer(app) {
-  var responseMapper = (url, file, type = 'application/json') => {
-    app.use(url, function(req, res) {
-      res.setHeader('Content-Type', type);
-      res.sendFile(path.join(__dirname, file));
-    });
-  };
-  responseMapper('/api/v1/tickets', 'tickets.json');
-}
-module.exports = mockServer;
+const cors = require("cors");
+const fileUpload = require("express-fileupload");
+
+function mockServer(app) {
+  app.use(
+    fileUpload({
+      limits: { fileSize: 50 * 1024 * 1024 }
+    })
+  );
+  app.use(cors());
+
+  app.get("/app/sample/*", (req, res) => {
+    res.type("html");
+    res.sendFile(path.join(__dirname + "/../app/index.html"));
+  });
+}
+
+module.exports = mockServer;

package/templates/app/package.json

@@ -1,17 +1,37 @@
-{
-  "name": "testapp",
-  "version": "1.0.0",
-  "description": "",
-  "main": "index.js",
-  "scripts": {
-    "clean": "react-cli clean build unittest coverage",
-    "docs":"react-cli docs",
-    "component":"react-cli build:component",
-    "component:umd":"react-cli build:component:umd",
-    "start": "react-cli start",
-    "build": "react-cli build",
-    "test": "npm run clean && react-cli test"
-  },
-  "author": "",
-  "license": "ISC"
-}
+{
+  "name": "sampleapp",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "clean": "react-cli clean build unittest coverage",
+    "docs": "react-cli docs",
+    "component": "react-cli build:component",
+    "component:umd": "react-cli build:component:umd",
+    "start": "react-cli start",
+    "build": "react-cli build",
+    "test": "npm run clean && react-cli test",
+    "lint": "react-cli lint"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@zohodesk/components": "^1.0.0-alpha-21",
+    "cors": "^2.8.5",
+    "redux-devtools": "^3.5.0",
+    "redux-devtools-dock-monitor": "^1.1.3",
+    "redux-devtools-log-monitor": "^1.4.0",
+    "redux-logger": "^3.0.6"
+  },
+  "react-cli": {
+    "app": {
+      "server": {
+        "hasMock": true
+      }
+    }
+  },
+  "devDependencies": {
+    "body-parser": "^1.19.0",
+    "express-fileupload": "^1.1.5"
+  }
+}