1.0.1

Author: loopmode

package.json

@@ -9,7 +9,7 @@
   ],
   "scripts": {
     "demo": "cd packages/demo && yarn start",
-    "docs": "cd packages/react-nipple && yarn esdoc && cp -r ./docs ../..",
+    "docs": "cd packages/react-nipple && yarn docs && cp -r ./docs ../..",
     "nuke": "find . -name node_modules -type d -exec rm -rf '{}' + && yarn"
   }
 }

packages/react-nipple/CHANGELOG.md

@@ -0,0 +1,8 @@
+# 1.0.1
+
+-   Add `prepublishOnly` script
+-   Update docs and readme
+
+# 1.0.0
+
+-   Init

packages/react-nipple/README.md

@@ -4,6 +4,12 @@ A react wrapper for the [nipplejs](https://www.npmjs.com/package/nipplejs) on-sc
 
 <img src="https://raw.githubusercontent.com/loopmode/react-nipple/master/packages/react-nipple/preview.gif" />
 
+### Resources
+
+-   Github repository: [https://github.com/loopmode/react-nipple](https://github.com/loopmode/react-nipple)
+-   NPM package: [https://www.npmjs.com/package/react-nipple](https://www.npmjs.com/package/react-nipple)
+-   Docs: [https://loopmode.github.io/react-nipple/](https://loopmode.github.io/react-nipple/)
+
 ## Installation
 
 ```bash
@@ -12,12 +18,6 @@ yarn add react-nipple
 npm install --save react-nipple
 ```
 
-### Resources
-
--   Github repository: [https://github.com/loopmode/react-nipple](https://github.com/loopmode/react-nipple)
--   NPM package: [https://www.npmjs.com/package/react-nipple](https://www.npmjs.com/package/react-nipple)
--   Docs: [https://loopmode.github.io/react-nipple/](https://loopmode.github.io/react-nipple/)
-
 ## Usage
 
 Import and use the component. It supports all `options` from `nipplejs`.  
@@ -40,7 +40,7 @@ class Example extends React.Component {
                     options={{ mode: 'static', position: { top: '50%', left: '50%' } }}
                     // any unknown props will be passed to the container element, e.g. 'title', 'style' etc
                     style={{
-                        outline: `1px dashed red`,
+                        outline: '1px dashed red',
                         width: 150,
                         height: 150
                         // if you pass position: 'relative', you don't need to import the stylesheet
@@ -84,22 +84,22 @@ import React from 'react';
 import ReactNipple from 'react-nipple';
 import DebugView from 'react-nipple/lib/DebugView';
 
-class ReactNippleExample extends React.Component {
+export default class DebugExample extends React.Component {
     state = {
         data: {}
     };
     render() {
         return (
             <div>
                 <ReactNipple
-                    options={{mode: 'static', position: {top: '50%', left: '50%'}}}
+                    options={{ mode: 'static', position: { top: '50%', left: '50%' } }}
                     style={{
-                        outline: `1px dashed red`,
+                        outline: '1px dashed red',
+                        color. 'blue',
                         width: 150,
-                        height: 150
-                        position: `relative`
+                        height: 150,
+                        position: 'relative'
                     }}
-
                     onStart={this.handleEvent}
                     onEnd={this.handleEvent}
                     onMove={this.handleEvent}
@@ -116,6 +116,6 @@ class ReactNippleExample extends React.Component {
     handleEvent = (evt, data) => {
         console.log(evt);
         this.setState({ data });
-    }
+    };
 }
 ```

packages/react-nipple/package.json

@@ -1,14 +1,16 @@
 {
   "name": "react-nipple",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "main": "lib/index.js",
   "license": "MIT",
   "scripts": {
-    "babel": "babel src --out-dir lib --copy-files",
-    "eslint": "eslint src",
-    "esdoc": "esdoc",
     "clean": "rm -rf lib/*",
-    "prepublishOnly": "yarn eslint && yarn clean && yarn babel"
+    "eslint": "eslint src",
+    "docs": "esdoc",
+    "build": "babel src --out-dir lib --copy-files",
+    "build:watch": "yarn build --watch",
+    "build:full": "yarn clean && yarn eslint --fix && yarn docs && yarn build",
+    "prepublishOnly": "yarn build:full"
   },
   "peerDependencies": {
     "react": "^16.4.1",