[*] Format files

Author: ezhivitsa

.dockerignore

@@ -1 +1 @@
-node_modules
+node_modules

.drone.yml

@@ -1,13 +1,13 @@
-pipeline:
-  run-koa-react-starter-tests:
-    image: node:8.9
-    commands:
-      - ./bin/run.sh
-    when:
-      status: [ failure, success ]
-      event: [ pull_request ]
-
-services:
-  mongo:
-    image: mongo:3.4
-branches: [ master, "*:master" ]
+pipeline:
+  run-koa-react-starter-tests:
+    image: node:8.9
+    commands:
+      - ./bin/run.sh
+    when:
+      status: [ failure, success ]
+      event: [ pull_request ]
+
+services:
+  mongo:
+    image: mongo:3.4
+branches: [ master, "*:master" ]

.eslintrc.js

@@ -1,27 +1,27 @@
-module.exports = {
-  "extends": "@paralect/eslint-config",
-  "rules": {
-    "import/no-extraneous-dependencies": ["error", {
-      "devDependencies": [
-        "**/webpack.config.js",
-        "**/webpack.config.*.js",
-      ],
-    }],
-    "jsx-a11y/anchor-is-valid": [ "error", {
-      "components": [ "Link" ],
-      "specialLink": [ "to" ],
-    }]
-  },
-  "settings": {
-    "import/resolver": {
-      "node": {
-        "moduleDirectory": [
-          "src",
-          "node_modules",
-          "server"
-        ],
-        "paths": ["src/client"]
-      },
-    }
-  }
-};
+module.exports = {
+  "extends": "@paralect/eslint-config",
+  "rules": {
+    "import/no-extraneous-dependencies": ["error", {
+      "devDependencies": [
+        "**/webpack.config.js",
+        "**/webpack.config.*.js",
+      ],
+    }],
+    "jsx-a11y/anchor-is-valid": [ "error", {
+      "components": [ "Link" ],
+      "specialLink": [ "to" ],
+    }]
+  },
+  "settings": {
+    "import/resolver": {
+      "node": {
+        "moduleDirectory": [
+          "src",
+          "node_modules",
+          "server"
+        ],
+        "paths": ["src/client"]
+      },
+    }
+  }
+};

.gitignore

@@ -1,2 +1,2 @@
-node_modules
-src/client/static/main.*
+node_modules
+src/client/static/main.*

.npmrc

@@ -1 +1 @@
-save-exact=true
+save-exact=true

.stylelintrc

@@ -1,3 +1,3 @@
-{
-  "extends": "stylelint-config-standard"
+{
+  "extends": "stylelint-config-standard"
 }

LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2017-present, Paralect LLC
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2017-present, Paralect LLC
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -1,41 +1,41 @@
-## Koa React starter
-
-Koa React starter is what we think an ideal starting point for the most React.JS frontend applications. It is based on the following primary technologies:
-
-- react
-- react-router
-- webpack
-- postcss
-- eslint
-- koa
-
-Application structured in a way, which we find most efficient in both short and long term projects. The main intention of the current structure is to keep logical components close to each other and define clear structure for the common things, such as routers, store, api wrappers, reducers, action creators, store selectors.
-
-### Explanations of the files structure.
-
-1. **[src/client/components](./src/client/components)** - this folder consist all UI components. Root level folders (such as [profile](./src/components/profile), [index](./src/client/components/index)) are typically pages of your application. Every such component should have all files related to the page: images, style files, jsx files, sub components. This folder also consist two none page components: [common](./src/client/components/common) and [layout](./src/client/components/common). *Common* folder should have all common components which are reused in **at least two** root level components. Layout - represent a layout of your application and should consist all layout related logic and other components, such as headers, footers, sidebars.
-2. **[src/client/components/routes.jsx](./src/client/components/routes.jsx)** - this file should consist all routes for your client side application.
-3. **[src/client/helpers](./src/client/helpers)** - this folder should consist off common helpers used in other components, such as date formatters, api wrappers, common functions and all other files that does not fit current structure. If you don't know where to put certain file - put it into this folder and we will eventually figure out the right place for it.
-4. **[src/client/resources](./src/client/resources/user)** - a folder consist of all redux/api related things. Typically resource maps 1 to 1 to the api endpoint, but not limited to only api endpoints. Every resource is responsible for management certain part of the redux store. If you need keep something client specific in the redux store, you can create separate resource for it. For example: navigation resource may contain something history of the all opened pages to without 1 to 1 connection to the rest api. Main moving parts of resource:
-    - **[src/client/resources/store.js](./src/client/resources/store.js)** - initialization logic for the redux store. Combines all reducers, adds redux middlewares.
-    - **[src/client/resources/*/*.actions.js](./src/client/resources/user/user.actions.js)** - consist redux action creators for the given resource.
-    - **[src/client/resources/*/*.api.js](./src/client/resources/user/user.api.js)** - consist all api methods of the given resource. Optional.
-    - **[src/client/resources/*/*.reducer.js](./src/client/resources/user/user.reducer.js)** - consist reducer for the give resource. All reducers combined together in the `[store.js](./src/client/resources/store.js)`.
-    - **[src/client/resource/*/*.selectors.js](./src/client/resources/user/user.selectors.js)** - consist selectors for the given resource. You should never access store directly, but always use selectors instead. That would simplify things when structure of the store data changes.
-5. **[src/client/services](./src/client/services)** - folder should consist the logic for the the third party service integrations (such as Intercom, Segment, etc). Not limited only to the third party services, but could consist some standalone application related services.
-
-### Important things to keep in mind
-
-1. Logical components should be tightly coupled. Keep all component related files, such as images, styles, sub components as close as possible to the component. Do not put component into the `common` folder for the *future use*.
-2. Two separate page components should be loosely coupled. If there is two page components which use same image - keep two copies of every image within every page. Do not create generic images folder, as all images belong to some ui components.
-
-### Conventions
-
-1. Name of all files for components should start from lowercased letter.
-2. Code style. (TODO: add link to the common eslint configuration for the javascript)
-
-### List of planned improvements
-
-1. Add api wrapper which can be reused in `*.api.js` files
-2. Make two current pages stylish.
-3. Add stylish loading screen, while app loading (fake 3 seconds profile loading).
+## Koa React starter
+
+Koa React starter is what we think an ideal starting point for the most React.JS frontend applications. It is based on the following primary technologies:
+
+- react
+- react-router
+- webpack
+- postcss
+- eslint
+- koa
+
+Application structured in a way, which we find most efficient in both short and long term projects. The main intention of the current structure is to keep logical components close to each other and define clear structure for the common things, such as routers, store, api wrappers, reducers, action creators, store selectors.
+
+### Explanations of the files structure.
+
+1. **[src/client/components](./src/client/components)** - this folder consist all UI components. Root level folders (such as [profile](./src/components/profile), [index](./src/client/components/index)) are typically pages of your application. Every such component should have all files related to the page: images, style files, jsx files, sub components. This folder also consist two none page components: [common](./src/client/components/common) and [layout](./src/client/components/common). *Common* folder should have all common components which are reused in **at least two** root level components. Layout - represent a layout of your application and should consist all layout related logic and other components, such as headers, footers, sidebars.
+2. **[src/client/components/routes.jsx](./src/client/components/routes.jsx)** - this file should consist all routes for your client side application.
+3. **[src/client/helpers](./src/client/helpers)** - this folder should consist off common helpers used in other components, such as date formatters, api wrappers, common functions and all other files that does not fit current structure. If you don't know where to put certain file - put it into this folder and we will eventually figure out the right place for it.
+4. **[src/client/resources](./src/client/resources/user)** - a folder consist of all redux/api related things. Typically resource maps 1 to 1 to the api endpoint, but not limited to only api endpoints. Every resource is responsible for management certain part of the redux store. If you need keep something client specific in the redux store, you can create separate resource for it. For example: navigation resource may contain something history of the all opened pages to without 1 to 1 connection to the rest api. Main moving parts of resource:
+    - **[src/client/resources/store.js](./src/client/resources/store.js)** - initialization logic for the redux store. Combines all reducers, adds redux middlewares.
+    - **[src/client/resources/*/*.actions.js](./src/client/resources/user/user.actions.js)** - consist redux action creators for the given resource.
+    - **[src/client/resources/*/*.api.js](./src/client/resources/user/user.api.js)** - consist all api methods of the given resource. Optional.
+    - **[src/client/resources/*/*.reducer.js](./src/client/resources/user/user.reducer.js)** - consist reducer for the give resource. All reducers combined together in the `[store.js](./src/client/resources/store.js)`.
+    - **[src/client/resource/*/*.selectors.js](./src/client/resources/user/user.selectors.js)** - consist selectors for the given resource. You should never access store directly, but always use selectors instead. That would simplify things when structure of the store data changes.
+5. **[src/client/services](./src/client/services)** - folder should consist the logic for the the third party service integrations (such as Intercom, Segment, etc). Not limited only to the third party services, but could consist some standalone application related services.
+
+### Important things to keep in mind
+
+1. Logical components should be tightly coupled. Keep all component related files, such as images, styles, sub components as close as possible to the component. Do not put component into the `common` folder for the *future use*.
+2. Two separate page components should be loosely coupled. If there is two page components which use same image - keep two copies of every image within every page. Do not create generic images folder, as all images belong to some ui components.
+
+### Conventions
+
+1. Name of all files for components should start from lowercased letter.
+2. Code style. (TODO: add link to the common eslint configuration for the javascript)
+
+### List of planned improvements
+
+1. Add api wrapper which can be reused in `*.api.js` files
+2. Make two current pages stylish.
+3. Add stylish loading screen, while app loading (fake 3 seconds profile loading).

bin/run.sh

@@ -1,3 +1,3 @@
-#!/bin/sh
-npm install --quiet
-NODE_ENV=test npm test
+#!/bin/sh
+npm install --quiet
+NODE_ENV=test npm test

browserslist

@@ -1,2 +1,2 @@
-> 1%
-Last 2 versions
+> 1%
+Last 2 versions

git.sh

@@ -0,0 +1,12 @@
+#!/bin/bash
+
+tags=($(git tag))
+echo "${#tags[@]}"
+echo $tags
+
+if [$tags -eq ''];
+then
+    echo empty
+else
+    echo not Empty
+fi

src/client/components/common/button/button.jsx

@@ -1,57 +1,57 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import classnames from 'classnames';
-
-import styles from './button.styles.pcss';
-
-const colors = {
-  green: 'green',
-  blue: 'blue',
-  red: 'red',
-};
-
-class Button extends Component {
-  static propTypes = {
-    children: PropTypes.node.isRequired,
-    onClick: PropTypes.func,
-    onKeyDown: PropTypes.func,
-    tabIndex: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-    color: PropTypes.oneOf([colors.green, colors.blue, colors.red]),
-    className: PropTypes.string,
-  };
-
-  static defaultProps = {
-    onClick: null,
-    onKeyDown: null,
-    tabIndex: 0,
-    color: colors.blue,
-    className: null,
-  };
-
-  onEnterDown = (e) => {
-    if (e.keyCode === 13 && this.props.onClick) {
-      this.props.onClick(e);
-    }
-  };
-
-  render() {
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+
+import styles from './button.styles.pcss';
+
+const colors = {
+  green: 'green',
+  blue: 'blue',
+  red: 'red',
+};
+
+class Button extends Component {
+  static propTypes = {
+    children: PropTypes.node.isRequired,
+    onClick: PropTypes.func,
+    onKeyDown: PropTypes.func,
+    tabIndex: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    color: PropTypes.oneOf([colors.green, colors.blue, colors.red]),
+    className: PropTypes.string,
+  };
+
+  static defaultProps = {
+    onClick: null,
+    onKeyDown: null,
+    tabIndex: 0,
+    color: colors.blue,
+    className: null,
+  };
+
+  onEnterDown = (e) => {
+    if (e.keyCode === 13 && this.props.onClick) {
+      this.props.onClick(e);
+    }
+  };
+
+  render() {
     const {
       children, tabIndex, onClick, onKeyDown, color, className,
-    } = this.props;
-
-    return (
-      <div
-        className={classnames(styles.button, styles[color], className)}
-        role="button"
-        tabIndex={tabIndex}
-        onClick={onClick}
-        onKeyDown={onKeyDown || this.onEnterDown}
-      >
-        {children}
-      </div>
-    );
-  }
-}
-
-export default Button;
-export { colors };
+    } = this.props;
+
+    return (
+      <div
+        className={classnames(styles.button, styles[color], className)}
+        role="button"
+        tabIndex={tabIndex}
+        onClick={onClick}
+        onKeyDown={onKeyDown || this.onEnterDown}
+      >
+        {children}
+      </div>
+    );
+  }
+}
+
+export default Button;
+export { colors };