Merge pull request #28 from mcrowder65/style-guidist

added styleguidist

package.json

@@ -10,7 +10,9 @@
     "build": "babel src --out-dir lib --ignore \"src/**/*.spec.js\",\"src/**/*.test.js\"",
     "coveralls": "cat ./coverage/lcov.info | ./node_modules/.bin/coveralls",
     "preversion": "npm test && npm run build",
-    "postversion": "git push && git push --tags && npm publish"
+    "postversion": "git push && git push --tags && npm publish",
+    "styleguide": "styleguidist server",
+    "styleguide:build": "npm install && styleguidist build && rm -rf docs && mv styleguide docs"
   },
   "files": [
     "lib/**/*"
@@ -58,6 +60,7 @@
     "@babel/preset-react": "7.0.0",
     "@material-ui/core": "3.9.2",
     "babel-jest": "24.0.0",
+    "babel-loader": "8.0.5",
     "babel-polyfill": "6.26.0",
     "coveralls": "3.0.2",
     "eslint-config-mcrowder65": "0.0.46",
@@ -66,7 +69,9 @@
     "jest-localstorage-mock": "2.4.0",
     "react": "16.8.4",
     "react-dom": "16.8.4",
-    "react-testing-library": "6.0.0"
+    "react-styleguidist": "9.0.4",
+    "react-testing-library": "6.0.0",
+    "webpack": "4.29.6"
   },
   "babelConfig": ".babelrc.js",
   "dependencies": {

src/LoaderButton.md

@@ -0,0 +1,11 @@
+```js
+<LoaderButton color="primary" isLoading={true}>
+  I am loading!
+</LoaderButton>
+```
+
+```js
+<LoaderButton color="primary" isLoading={false}>
+  I am not loading!
+</LoaderButton>
+```

src/LoaderCard.md

@@ -0,0 +1,12 @@
+```js
+<LoaderCard>I am a card that is not loading!</LoaderCard>
+```
+
+```js
+<LoaderCard isLoading={true}>
+  I am a card that is loading! <br />
+  <br />
+  <br />
+  <br /> with some content!
+</LoaderCard>
+```

src/Login.md

@@ -0,0 +1,3 @@
+```js
+<Login />
+```

src/Signup.md

@@ -0,0 +1,3 @@
+```js
+<Signup />
+```

styleguide.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  components: "src/**/*.js",
+};

webpack.config.js

@@ -0,0 +1,13 @@
+module.exports = {
+  module: {
+    rules: [
+      {
+        test: /\.js$/,
+        exclude: /node_modules/,
+        use: {
+          loader: "babel-loader",
+        },
+      },
+    ],
+  },
+};