@zohodesk/react-cli 0.0.1-exp.168.2 → 0.0.1-exp.168.3

package/templates/app/.eslintrc.js

@@ -1,140 +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' }]
-  }
-};
+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,24 +1,24 @@
-<!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>
+<!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,18 +1,18 @@
-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;
+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,37 +1,37 @@
-{
-  "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"
-  }
-}
+{
+  "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"
+  }
+}