Merge pull request #22 from nkbt/refresh

Update from react-component-template

Author: nkbt

.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

.eslintrc

@@ -15,7 +15,6 @@ pids
 
 /lib/
 /example/
-/.coveralls.yml
 /reports/
 
 /.eslintcache

.gitignore

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2015 Nik Butenko
+Copyright (c) 2016 Nik Butenko
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

LICENSE

@@ -19,7 +19,6 @@ Can be used as drop-in replacement for `<input type="text" />`
 ## Installation
 
 ### NPM
-
 ```sh
 npm install --save react react-debounce-input
 ```
@@ -32,22 +31,6 @@ Don't forget to manually install peer dependencies (`react`) if you use npm@3.
 bower install --save https://npmcdn.com/react-debounce-input/bower.zip
 ```
 
-or in `bower.json`
-
-```json
-{
-  "dependencies": {
-    "react-debounce-input": "https://npmcdn.com/react-debounce-input/bower.zip"
-  }
-}
-```
-
-then include as
-```html
-<script src="bower_components/react/react.js"></script>
-<script src="bower_components/react-debounce-input/build/react-debounce-input.js"></script>
-```
-
 
 ### 1998 Script Tag:
 ```html
@@ -59,7 +42,7 @@ then include as
 
 ## Demo
 
-[http://nkbt.github.io/react-debounce-input/example](http://nkbt.github.io/react-debounce-input/example)
+[http://nkbt.github.io/react-debounce-input](http://nkbt.github.io/react-debounce-input)
 
 ## Codepen demo
 
@@ -150,15 +133,14 @@ Will result in
 ## Development and testing
 
 Currently is being developed and tested with the latest stable `Node 5` on `OSX` and `Windows`.
-Should be ok with Node 4, but not guaranteed.
 
-To run example covering all `DebounceInput` features, use `npm start`, which will compile `src/example/Example.js`
+To run example covering all `DebounceInput` features, use `npm start dev`, which will compile `src/example/Example.js`
 
 ```bash
 git clone git@github.com:nkbt/react-debounce-input.git
 cd react-debounce-input
 npm install
-npm start
+npm start dev
 
 # then
 open http://localhost:8080
@@ -167,13 +149,14 @@ open http://localhost:8080
 ## Tests
 
 ```bash
-npm test
-
-# to run tests in watch mode for development
-npm run test:dev
+# to run tests
+npm start test
 
 # to generate test coverage (./reports/coverage)
-npm run test:cov
+npm start test.cov
+
+# to run end-to-end tests
+npm start test.e2e
 ```
 
 ## License

README.md

@@ -21,12 +21,12 @@
     "throttle"
   ],
   "authors": [
-    "Nik Butenko <nik@butenko.me> (http://butenko.me/)"
+    "Nik Butenko <nik@butenko.me>"
   ],
   "license": "MIT",
   "homepage": "https://github.com/nkbt/react-debounce-input",
   "dependencies": {
-    "react": "^0.14"
+    "react": "^0.14 || ^15"
   },
   "ignore": [
     "**/.*",

bower.json

@@ -1,13 +1,13 @@
 machine:
   node:
-    version: v5.7.1
+    version: v5.10.1
 
 test:
   override:
-    - $(npm bin)/eslint --debug . --format tap | $(npm bin)/tap-xunit > ${CIRCLE_TEST_REPORTS}/lint.xml && test ${PIPESTATUS[0]} -eq 0
-    - $(npm bin)/babel-node test | $(npm bin)/tap-xunit > ${CIRCLE_TEST_REPORTS}/test.xml && test ${PIPESTATUS[0]} -eq 0
-    - NODE_ENV=test $(npm bin)/babel-node $(npm bin)/isparta cover --report text --report lcov --verbose --dir ${CIRCLE_ARTIFACTS}/coverage test/index.js
-    - REPORT_DIR=${CIRCLE_TEST_REPORTS} LOG_DIR=${CIRCLE_ARTIFACTS} npm run test:e2e -s
+    - npm start ci.lint
+    - npm start ci.test
+    - npm start ci.cov
+    - npm start ci.e2e
 
   post:
-    - cat ${CIRCLE_ARTIFACTS}/coverage/lcov.info | $(npm bin)/codecov
+    - npm start ci.codecov

circle.yml

@@ -3,25 +3,16 @@
   "version": "2.3.0",
   "description": "React component that renders Input with debounced onChange",
   "main": "lib/index.js",
+  "config": {
+    "component": "DebounceInput"
+  },
   "scripts": {
-    "pregh-pages": "git fetch origin",
-    "gh-pages": "git checkout gh-pages && git rebase origin/master --force-rebase && npm run build && git add . && git commit --amend --no-edit && git push --force && git checkout master",
-    "build": "parallelshell -w \"npm run build:lib -s\" \"npm run build:ghPages -s\" \"npm run build:dist -s\" \"npm run build:min -s\"",
-    "prebuild": "rimraf lib example build",
-    "build:lib": "cross-env NODE_ENV=production babel src --out-dir lib --source-maps --ignore src/example",
-    "build:ghPages": "cross-env NODE_ENV=production BUILD=ghPages webpack",
-    "build:dist": "cross-env NODE_ENV=production BUILD=dist webpack",
-    "build:min": "cross-env NODE_ENV=production BUILD=min webpack",
-    "prepublish": "parallelshell -w \"npm run build:lib -s\" \"npm run build:dist -s\" \"npm run build:min -s\"",
-    "start": "cross-env NODE_ENV=development webpack-dev-server",
-    "test": "cross-env NODE_ENV=test babel-node test",
-    "test:dev": "cross-env NODE_ENV=test babel-node test | tap-nyan",
-    "test:cov": "cross-env NODE_ENV=test babel-node node_modules/isparta/bin/isparta cover --report text --report html --report lcov --dir reports/coverage test",
-    "test:e2e": "cross-env NODE_ENV=development nightwatch-autorun",
-    "lint": "eslint --cache .",
-    "precommit": "npm run lint -s",
-    "prepush": "npm run test -s",
-    "postversion": "git push --follow-tags"
+    "start": "p-s --config react-component-template/package-scripts -s",
+    "test": "npm start test",
+    "precommit": "npm start precommit",
+    "prepush": "npm start prepush",
+    "postversion": "npm start postversion",
+    "prepublish": "npm start prepublish"
   },
   "repository": {
     "type": "git",
@@ -35,7 +26,7 @@
     "debounce",
     "throttle"
   ],
-  "author": "Nik Butenko <nik@butenko.me> (http://butenko.me/)",
+  "author": "Nik Butenko <nik@butenko.me>",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/nkbt/react-debounce-input/issues"
@@ -48,36 +39,7 @@
     "lodash.debounce": "^3 || ^4"
   },
   "devDependencies": {
-    "babel-cli": "6.8.0",
-    "babel-core": "6.8.0",
-    "babel-eslint": "6.0.3",
-    "babel-loader": "6.2.4",
-    "babel-plugin-transform-object-rest-spread": "6.8.0",
-    "babel-plugin-webpack-loaders": "0.4.0",
-    "babel-preset-es2015": "6.6.0",
-    "babel-preset-react": "6.5.0",
-    "codecov.io": "0.1.6",
-    "cross-env": "1.0.7",
-    "css-loader": "0.23.1",
-    "eslint": "2.9.0",
-    "eslint-loader": "1.3.0",
-    "eslint-plugin-react": "5.0.1",
-    "glob": "7.0.3",
-    "html-webpack-plugin": "2.16.1",
-    "husky": "0.11.4",
-    "isparta": "4.0.0",
-    "json-loader": "0.5.4",
-    "nightwatch-autorun": "2.3.1",
-    "parallelshell": "2.0.0",
-    "react-dom": "15.0.2",
-    "react": "15.0.2",
-    "rimraf": "2.5.2",
-    "sinon": "1.17.4",
-    "style-loader": "0.13.1",
-    "tap-nyan": "0.0.2",
-    "tap-xunit": "1.3.1",
-    "tape": "4.5.1",
-    "webpack": "1.13.0",
-    "webpack-dev-server": "1.14.1"
+    "p-s": "0.9.0",
+    "react-component-template": "0.1.2"
   }
 }

package.json

@@ -3,7 +3,7 @@ import debounce from 'lodash.debounce';
 import {shouldComponentUpdate} from 'react/lib/ReactComponentWithPureRenderMixin';
 
 
-const DebounceInput = React.createClass({
+export const DebounceInput = React.createClass({
   propTypes: {
     onChange: React.PropTypes.func.isRequired,
     onKeyDown: React.PropTypes.func,
@@ -142,13 +142,10 @@ const DebounceInput = React.createClass({
     return (
       <input type="text"
         {...props}
-        value={this.state.value}
         onChange={this.onChange}
+        value={this.state.value}
         {...onKeyDown}
         {...onBlur} />
     );
   }
 });
-
-
-export default DebounceInput;

src/DebounceInput.js renamed to src/Component.js

@@ -1,4 +1,5 @@
-.container {
+.app {
+  padding: 2em;
   max-width: 800px;
 }
 

src/example/App/App.css

@@ -1,5 +1,5 @@
 import React from 'react';
-import DebounceInput from '../../DebounceInput';
+import DebounceInput from '../..';
 import css from './App.css';
 
 

src/example/App/Controllable.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import DebounceInput from '../../DebounceInput';
+import DebounceInput from '../..';
 import css from './App.css';
 
 

src/example/App/Customizable.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import DebounceInput from '../../DebounceInput';
+import DebounceInput from '../..';
 import css from './App.css';
 
 

src/example/App/UndoRedo.js

@@ -2,34 +2,28 @@ import React from 'react';
 import Controllable from './Controllable';
 import Customizable from './Customizable';
 import UndoRedo from './UndoRedo';
-import {name} from '../../../package.json';
 import css from './App.css';
 
 
-const App = React.createClass({
-  render() {
-    return (
-      <div className={css.container}>
-        <h1>{name}</h1>
+const App = () => (
+  <div className={css.app}>
+    <h1>react-debounce-input</h1>
+    <section className={css.section}>
+      <h2>Example 1. Customizable</h2>
+      <Customizable />
+    </section>
 
-        <section className={css.section}>
-          <h2>Example 1. Customizable</h2>
-          <Customizable />
-        </section>
+    <section className={css.section}>
+      <h2>Example 2. Controllable</h2>
+      <Controllable />
+    </section>
 
-        <section className={css.section}>
-          <h2>Example 2. Controllable</h2>
-          <Controllable />
-        </section>
-
-        <section className={css.section}>
-          <h2>Example 3. Undo-Redo</h2>
-          <UndoRedo />
-        </section>
-      </div>
-    );
-  }
-});
+    <section className={css.section}>
+      <h2>Example 3. Undo-Redo</h2>
+      <UndoRedo />
+    </section>
+  </div>
+);
 
 
 export default App;

src/example/App/index.js

@@ -1,6 +1,4 @@
-'use strict';
+const {DebounceInput} = require('./Component');
 
-// Babel6 does not hack the default behaviour of ES Modules anymore, so we should export
-const DebounceInput = require('./DebounceInput').default;
 
 module.exports = DebounceInput;

src/index.js

@@ -1,12 +1,4 @@
 'use strict';
 
 
-module.exports = {
-  'Smoketest'(browser) {
-    browser
-      .url(`${browser.launchUrl}/`)
-      .waitForElementVisible('body', 1000)
-      .assert.containsText('body', require('../package.json').name)
-      .end();
-  }
-};
+module.exports = require('react-component-template/test-e2e/Smoketest');

test-e2e/Smoketest.js

@@ -1,5 +1,6 @@
 import test from 'tape';
-import DebounceInput from '../src/DebounceInput';
+import {DebounceInput} from '../src/Component';
+
 
 test('DebounceInput', t => {
   t.ok(DebounceInput instanceof Function, 'should be function');