♻️ Minor fixes, docs

Author: ajayns

.gitignore

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

src/docs/index.html src/demo/index.htmlsrc/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 src/demo/index.jsxsrc/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 src/demo/styles.csssrc/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',
  },