♻️ Minor fixes, docs

Author: ajayns

.gitignore

@@ -1,6 +1,6 @@
 node_modules
 /lib
-demo
+/demo
 
 # Editor config
 .vscode

src/docs/index.html renamed to src/demo/index.html

@@ -5,8 +5,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <meta name="description" content="CHANGE THIS">
-  <title>React component starter</title>
+  <meta name="description" content="React Component for handling OTP inputs">
+  <title>react-otp-input</title>
 
   <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
   <link href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css" rel="stylesheet">

src/docs/index.jsx renamed to src/demo/index.jsx

@@ -26,6 +26,10 @@ type State = {
   otp: string[],
 };
 
+// Doesn't really check if it's a style Object
+// Basic implemenetation to check if it's not a string
+// of classNames and is an Object
+// TODO: Better implementation
 const isStyleObject = obj => typeof obj === 'object';
 
 class SingleOtpInput extends PureComponent<*> {

src/docs/styles.css renamed to src/demo/styles.css

@@ -2,7 +2,7 @@ const path = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 
 module.exports = {
-  entry: path.join(__dirname, 'src/docs'),
+  entry: path.join(__dirname, 'src/demo'),
   output: {
     path: path.join(__dirname, 'demo'),
     filename: 'bundle.js',
@@ -22,14 +22,14 @@ module.exports = {
   },
   plugins: [
     new HtmlWebpackPlugin({
-      template: path.join(__dirname, 'src/docs/index.html'),
+      template: path.join(__dirname, 'src/demo/index.html'),
     }),
   ],
   resolve: {
     extensions: ['.js', '.jsx'],
   },
   devServer: {
-    contentBase: path.join(__dirname, 'docs'),
+    contentBase: path.join(__dirname, 'demo'),
     port: 8000,
     stats: 'minimal',
   },