Make build great again

cichelero · Aug 6, 2017 · 8b220a4 · 8b220a4
1 parent 6d401fd
commit 8b220a4
Show file tree

Hide file tree

Showing 48 changed files with 1,270 additions and 1,472 deletions.
diff --git a/.circleci/config.yml b/.circleci/config.yml
@@ -0,0 +1,38 @@
+version: 2
+
+
+jobs:
+  build:
+    working_directory: ~/react-collapse
+    docker:
+      - image: circleci/node:8
+      - image: selenium/standalone-firefox:3.4.0
+
+    steps:
+      - checkout
+
+
+      - restore_cache:
+          key: deps-{{ checksum "yarn.lock" }}
+
+
+      - run: yarn install --pure-lockfile
+
+
+      - save_cache:
+          key: deps-{{ checksum "yarn.lock" }}
+          paths:
+            - node_modules
+
+
+      - run: yarn lint
+
+
+      - run: yarn test
+
+
+      - run:
+          name: yarn e2e
+          command: |
+            export DOCKER_IP=$(ifconfig | grep "inet addr:" | grep "Bcast:0.0.0.0" | cut -d: -f2 | awk '{ print $1}')
+            yarn e2e
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,10 @@
+# editorconfig.org
+root = true
+
+[*]
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+indent_style = space
+indent_size = 2
diff --git a/.eslintignore b/.eslintignore
@@ -1,5 +1,5 @@
-/example/
-/lib/
 /node_modules/
 /build/
+/lib/
+/pub/
 /reports/
diff --git a/.eslintrc b/.eslintrc
diff --git a/.gitignore b/.gitignore
@@ -7,17 +7,13 @@ pids
 *.pid
 *.seed
 
-/build/
-
 # Dependency directory
 # https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git
 /node_modules/
 
+/build/
 /lib/
-/example/
-/.coveralls.yml
+/pub/
 /reports/
 
 /.eslintcache
-
-.idea/
diff --git a/.npmignore b/.npmignore
diff --git a/README.md b/README.md
@@ -3,8 +3,6 @@
 [![Gitter](https://img.shields.io/gitter/room/nkbt/help.svg?style=flat-square)](https://gitter.im/nkbt/help)
 
 [![CircleCI](https://img.shields.io/circleci/project/nkbt/react-collapse.svg?style=flat-square&label=nix-build)](https://circleci.com/gh/nkbt/react-collapse)
-[![AppVeyor](https://img.shields.io/appveyor/ci/nkbt/react-collapse.svg?style=flat-square&label=win-build)](https://ci.appveyor.com/project/nkbt/react-collapse)
-[![Coverage](https://img.shields.io/codecov/c/github/nkbt/react-collapse.svg?style=flat-square)](https://codecov.io/github/nkbt/react-collapse?branch=master)
 [![Dependencies](https://img.shields.io/david/nkbt/react-collapse.svg?style=flat-square)](https://david-dm.org/nkbt/react-collapse)
 [![Dev Dependencies](https://img.shields.io/david/dev/nkbt/react-collapse.svg?style=flat-square)](https://david-dm.org/nkbt/react-collapse#info=devDependencies)
 
@@ -36,7 +34,7 @@ Don't forget to manually install peer dependencies (`react`, `react-motion`) if
 
 ## Demo
 
-[http://nkbt.github.io/react-collapse/example](http://nkbt.github.io/react-collapse/example)
+[http://nkbt.github.io/react-collapse](http://nkbt.github.io/react-collapse)
 
 ## Codepen demo
 
@@ -289,7 +287,7 @@ All other props are applied to a container that is being resized. So it is possi
 
 Currently is being developed and tested with the latest stable `Node 8` on `OSX`.
 
-To run example covering all `ReactCollapse` features, use `yarn start`, which will compile `src/example/Example.js`
+To run example covering all `ReactCollapse` features, use `yarn start`, which will compile `example/Example.js`
 
 ```bash
 git clone [email protected]:nkbt/react-collapse.git
@@ -304,12 +302,13 @@ open http://localhost:8080
 ## Tests
 
 ```bash
-yarn test
+# to run ESLint check
+yarn lint
 
-# to generate test coverage (./reports/coverage)
-yarn cov
+# to run tests
+yarn test
 
-# to run end-to-end smoketest
+# to run end-to-end tests
 yarn e2e
 ```
 

diff --git a/circle.yml b/circle.yml
diff --git a/src/example/App/AutoUnmount.js → example/App/AutoUnmount.js b/src/example/App/AutoUnmount.js → example/App/AutoUnmount.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import {UnmountClosed} from '../..';
+import {UnmountClosed} from '../../src';
 
 
 class Test extends React.PureComponent {

diff --git a/src/example/App/FixedHeight.js → example/App/FixedHeight.js b/src/example/App/FixedHeight.js → example/App/FixedHeight.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import {Collapse} from '../..';
+import {Collapse} from '../../src';
 
 
 export class FixedHeight extends React.PureComponent {
@@ -17,26 +17,35 @@ export class FixedHeight extends React.PureComponent {
         <div className="config">
           <label className="label">
             Opened:
-            <input className="input"
+            <input
+              className="input"
               type="checkbox"
               checked={isOpened}
               onChange={({target: {checked}}) => this.setState({isOpened: checked})} />
           </label>
 
           <label className="label">
             Content height:
-            <input className="input"
+            <input
+              className="input"
               type="range"
-              value={height} step={50} min={0} max={500}
+              value={height}
+              step={50}
+              min={0}
+              max={500}
               onChange={({target: {value}}) => this.setState({height: parseInt(value, 10)})} />
             {height}
           </label>
 
           <label className="label">
             Collapse height:
-            <input className="input"
+            <input
+              className="input"
               type="range"
-              value={fixedHeight} step={50} min={0} max={500}
+              value={fixedHeight}
+              step={50}
+              min={0}
+              max={500}
               onChange={({target: {value}}) => this.setState({fixedHeight: parseInt(value, 10)})} />
             {fixedHeight}
           </label>

diff --git a/src/example/App/Hooks.js → example/App/Hooks.js b/src/example/App/Hooks.js → example/App/Hooks.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import {Collapse} from '../..';
+import {Collapse} from '../../src';
 import text from './text.json';
 
 
@@ -46,7 +46,8 @@ export class Hooks extends React.PureComponent {
         <div className="config">
           <label className="label">
             Opened:
-            <input className="input"
+            <input
+              className="input"
               type="checkbox"
               checked={isOpened}
               onChange={({target: {checked}}) => this.setState({
@@ -57,9 +58,13 @@ export class Hooks extends React.PureComponent {
 
           <label className="label">
             Paragraphs:
-            <input className="input"
+            <input
+              className="input"
               type="range"
-              value={paragraphs} step={1} min={0} max={4}
+              value={paragraphs}
+              step={1}
+              min={0}
+              max={4}
               onChange={({target: {value}}) => this.setState({
                 paragraphs: parseInt(value, 10),
                 isResting: false

diff --git a/src/example/App/InitiallyOpened.js → example/App/InitiallyOpened.js b/src/example/App/InitiallyOpened.js → example/App/InitiallyOpened.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import {Collapse} from '../..';
+import {Collapse} from '../../src';
 
 
 export class InitiallyOpened extends React.PureComponent {
@@ -17,7 +17,8 @@ export class InitiallyOpened extends React.PureComponent {
         <div className="config">
           <label className="label">
             Opened:
-            <input className="input"
+            <input
+              className="input"
               type="checkbox"
               checked={isOpened}
               onChange={({target: {checked}}) => this.setState({isOpened: checked})} />

diff --git a/src/example/App/Issue163.js → example/App/Issue163.js b/src/example/App/Issue163.js → example/App/Issue163.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import {Collapse} from '../..';
+import {Collapse} from '../../src';
 
 
 export class Issue163 extends React.PureComponent {

diff --git a/src/example/App/Issue40.js → example/App/Issue40.js b/src/example/App/Issue40.js → example/App/Issue40.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import {Collapse} from '../..';
+import {Collapse} from '../../src';
 import {VariableHeight} from './VariableHeight';
 
 
@@ -26,7 +26,7 @@ export class Issue40 extends React.PureComponent {
           </label>
         </div>
 
-        <Collapse isOpened={isOpened} hasNestedCollapse={true}>
+        <Collapse isOpened={isOpened} hasNestedCollapse>
           <VariableHeight className="subCollapse" />
         </Collapse>
       </div>

diff --git a/src/example/App/Issue59.js → example/App/Issue59.js b/src/example/App/Issue59.js → example/App/Issue59.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import {Collapse} from '../..';
+import {Collapse} from '../../src';
 
 
 const styles = {

diff --git a/src/example/App/Issue66.js → example/App/Issue66.js b/src/example/App/Issue66.js → example/App/Issue66.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import {Collapse} from '../..';
+import {Collapse} from '../../src';
 
 
 class Test extends React.Component {

diff --git a/src/example/App/Nested.js → example/App/Nested.js b/src/example/App/Nested.js → example/App/Nested.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import {Collapse} from '../..';
+import {Collapse} from '../../src';
 import {VariableHeight} from './VariableHeight';
 
 
@@ -18,14 +18,15 @@ export class Nested extends React.PureComponent {
         <div className="config">
           <label className="label">
             Opened:
-            <input className="input"
+            <input
+              className="input"
               type="checkbox"
               checked={isOpened}
               onChange={({target: {checked}}) => this.setState({isOpened: checked})} />
           </label>
         </div>
 
-        <Collapse isOpened={isOpened} hasNestedCollapse={true}>
+        <Collapse isOpened={isOpened} hasNestedCollapse>
           <VariableHeight className="subCollapse" />
           <VariableHeight className="subCollapse" />
           <VariableHeight className="subCollapse" />

diff --git a/src/example/App/SpringConfig.js → example/App/SpringConfig.js b/src/example/App/SpringConfig.js → example/App/SpringConfig.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import {presets} from 'react-motion';
-import {Collapse} from '../..';
+import {Collapse} from '../../src';
 
 
 export class SpringConfig extends React.PureComponent {
@@ -29,44 +29,61 @@ export class SpringConfig extends React.PureComponent {
         <div className="config">
           <label className="label">
             Opened:
-            <input className="input"
+            <input
+              className="input"
               type="checkbox"
               checked={isOpened}
               onChange={({target: {checked}}) => this.setState({isOpened: checked})} />
           </label>
 
           <label className="label">
             Content height:
-            <input className="input"
+            <input
+              className="input"
               type="range"
-              value={height} step={50} min={0} max={500}
+              value={height}
+              step={50}
+              min={0}
+              max={500}
               onChange={({target: {value}}) => this.setState({height: parseInt(value, 10)})} />
             {height}
           </label>
 
           <label className="label">
             Preset:
-            <select className="input"
-              value={preset} step={10} min={0} max={300}
+            <select
+              className="input"
+              value={preset}
+              step={10}
+              min={0}
+              max={300}
               onChange={this.onChangePreset}>
               {Object.keys(presets).map(p => <option key={p} value={p}>{p}</option>)}
             </select>
           </label>
 
           <label className="label">
             Stiffness:
-            <input className="input"
+            <input
+              className="input"
               type="range"
-              value={stiffness} step={10} min={0} max={300}
+              value={stiffness}
+              step={10}
+              min={0}
+              max={300}
               onChange={({target: {value}}) => this.setState({stiffness: parseInt(value, 10)})} />
             {stiffness}
           </label>
 
           <label className="label">
             Damping:
-            <input className="input"
+            <input
+              className="input"
               type="range"
-              value={damping} step={5} min={0} max={40}
+              value={damping}
+              step={5}
+              min={0}
+              max={40}
               onChange={({target: {value}}) => this.setState({damping: parseInt(value, 10)})} />
             {damping}
           </label>