build(example): Replace icon pack for tree shaking and fix purgecss

Author: mbrookson

example/package-lock.json

@@ -11,7 +11,7 @@
   "dependencies": {
     "components": "^0.1.0",
     "react-app-polyfill": "^1.0.0",
-    "react-icons": "^3.10.0"
+    "react-icons-kit": "^1.3.1"
   },
   "alias": {
     "react": "../node_modules/react",
@@ -29,4 +29,4 @@
     "tailwindcss": "^1.3.5",
     "typescript": "^3.4.5"
   }
-}
+}

example/package.json

@@ -2,10 +2,12 @@ const tailwindcss = require('tailwindcss');
 const autoprefixer = require('autoprefixer');
 const cssnano = require('cssnano');
 const purgecss = require('@fullhuman/postcss-purgecss')({
-  content: ['./*.html', './*.tsx', './components/*.tsx'],
+  content: ['./*.html', './*.tsx', './src/*.tsx'],
   defaultExtractor: content => content.match(/[\w-/:]+(?<!:)/g) || [],
 });
 
+console.log(`NODE_ENV: ${process.env.NODE_ENV}`);
+
 module.exports = {
   plugins: [
     tailwindcss(),

example/postcss.config.js

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { FaGithub } from 'react-icons/fa';
+import { Icon } from 'react-icons-kit';
+import { github } from 'react-icons-kit/fa/github';
 // @ts-ignore
 import images from '../*.png';
 
@@ -11,7 +12,7 @@ export const Header = () => {
           <div className="lg:pr-16">
             <h1 className="mb-4 text-5xl font-bold">React Simple Hook Modal</h1>
             <div className="flex flex-row items-center justify-center lg:justify-end pb-8">
-              <FaGithub className="inline" />
+              <Icon icon={github} className="inline" />
               <a
                 className="ml-2 hover:text-blue-300 transition transition-colors duration-200"
                 href="https://github.com/mbrookson/react-simple-hook-modal"

example/src/Header.tsx

@@ -3,7 +3,7 @@
   "license": "MIT",
   "name": "react-simple-hook-modal",
   "description": "A simple React modal with hook based API",
-  "homepage": "https://github.com/mbrookson/react-simple-hook-modal",
+  "homepage": "https://react-simple-hook-modal.now.sh",
   "repository": {
     "type": "git",
     "url": "https://github.com/mbrookson/react-simple-hook-modal.git"
@@ -21,6 +21,7 @@
   "scripts": {
     "start": "tsdx watch",
     "build": "tsdx build",
+    "build:all": "tsdx build && cd example && npm install && npm run build",
     "test": "tsdx test --passWithNoTests",
     "lint": "tsdx lint",
     "install-peers": "install-peers -f"