Prepare package for NPM publishing

Author: umairnadeem

.npmignore

@@ -1,8 +1,8 @@
 # Development
 src
-demo
 .babelrc
 .eslintrc
+node_modules
 
 # Webpack
 webpack.config.js
@@ -11,5 +11,5 @@ webpack.config.dev.js
 webpack.config.prod.js
 
 # Testing
-index.html
+spec
 coverage

README.md

@@ -37,7 +37,7 @@ npm install react-line-graph
 
 Usage is quite simple. First, import the component (React 16.8.0 or higher is required as an installed dependency or CDN):
 ```sh
-import { LineGraph } from 'react-line-graph'
+import LineGraph from 'react-line-graph'
 ```
 
 Render the line:
@@ -141,13 +141,12 @@ Distributed under the MIT license. See ``LICENSE`` for more information.
 - Fix smoothing algorithm to be more precise using cubic Beziers
 - Clean up prop passing in InteractionLayer*
 - Refactor hover to not use setState (better performance)
-- Update compression algorithm to be two-way (compress highs and lows)
+- Update compression algorithm to be two-way (compress highs and lows)*
 - Allow 3 different data input types (create helper function 'parse')
 - Remove unnecessary re-render of graph upon setState in parent component
 - Refactor LineGraph's index.jsx with React Hooks*
-- Publish on NPM, update README tags
+- Publish on NPM, update README tags*
 - Allow multiple transformation functions in drawPath function, using piping
-- Add X-Y padding option
 - Prevent re-run of findCtrlPoint function upon hover
 
 ## Challenges

dist/main.js

@@ -1,16 +1,16 @@
 {
   "name": "react-line-graph",
-  "version": "1.0.0",
+  "version": "1.0.3",
   "description": "A simple and lightweight line graph",
-  "main": "dist/main.js",
+  "main": "lib/index.js",
   "scripts": {
     "test": "jest --coverage --verbose --watch",
     "start": "webpack-dev-server --open --env=dev",
-    "build": "webpack -d --watch --env=prod"
+    "build": "webpack --watch --env=prod"
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/umairnadeem/react-npm.git"
+    "url": "git+https://github.com/umairnadeem/react-line-graph.git"
   },
   "keywords": [
     "npm",
@@ -20,25 +20,18 @@
   "author": "Umair Nadeem",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/umairnadeem/react-npm/issues"
+    "url": "https://github.com/umairnadeem/react-line-graph/issues"
   },
-  "homepage": "https://github.com/umairnadeem/react-npm#readme",
+  "homepage": "https://github.com/umairnadeem/react-line-graph#readme",
   "dependencies": {
     "react": "^16.9.0",
-    "react-dom": "^16.9.0",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
-    "react-dom": ">=16.8.0",
     "prop-types": ">=15.7.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.5.5",
-    "@babel/preset-env": "^7.5.5",
-    "@babel/preset-react": "^7.0.0",
-    "babel-eslint": "^10.0.2",
-    "babel-loader": "^8.0.6",
     "enzyme": "^3.10.0",
     "enzyme-adapter-react-16": "^1.14.0",
     "eslint": "^6.2.0",
@@ -51,7 +44,12 @@
     "path": "^0.12.7",
     "webpack": "^4.39.2",
     "webpack-cli": "^3.3.7",
-    "webpack-dev-server": "^3.8.0"
+    "webpack-dev-server": "^3.8.0",
+    "@babel/core": "^7.5.5",
+    "@babel/preset-env": "^7.5.5",
+    "@babel/preset-react": "^7.0.0",
+    "babel-eslint": "^10.0.2",
+    "babel-loader": "^8.0.6"
   },
   "jest": {
     "collectCoverageFrom": [

lib/Component.js

@@ -1,5 +1,30 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import App from './components/App';
+// import React from 'react';
+// import ReactDOM from 'react-dom';
+// import App from './components/App';
 
-ReactDOM.render(<App />, document.getElementById('main'));
+// ReactDOM.render(<App />, document.getElementById('main'));
+
+import LineGraph from './components/LineGraph';
+
+export default LineGraph;
+
+// import React, { useState } from "react";
+
+// const ReactColorSquare = props => {
+//   const { width, height, color, text } = props;
+//   const [state, setState] = useState(0);
+//   return (
+//     <div
+//       style={{
+//         width: width || 100,
+//         height: height || 100,
+//         backgroundColor: color || "blue"
+//       }}
+//     >
+//     hey bruh
+//       {text}
+//     </div>
+//   );
+// };
+
+// export default ReactColorSquare;

lib/index.html

@@ -4,7 +4,7 @@ module.exports = {
   entry: path.resolve('src'),
   output: {
     path: path.resolve('lib'),
-    filename: 'Component.js',
+    filename: 'index.js',
   },
   module: {
     rules: [