fix: fixes webpack watchers and proptype errors

also moves contact.html page to index.html

Author: armand1m

packages/fragment-chat/package.json

@@ -5,7 +5,7 @@
   "main": "fragment.js",
   "scripts": {
     "build": "webpack -p",
-    "watch": "webpack -p --watch",
+    "watch": "webpack -w",
     "start": "node fragment.js"
   },
   "author": "",

packages/fragment-common/package.json

@@ -5,7 +5,7 @@
   "main": "fragment.js",
   "scripts": {
     "build": "webpack -p",
-    "watch": "webpack -p --watch",
+    "watch": "webpack -w",
     "start": "node fragment.js"
   },
   "author": "",

packages/fragment-contacts/app/Contacts/index.js

@@ -22,9 +22,9 @@ const Contacts = ({
   contacts
 }) => (
   <div className="contacts">
-    {contacts.map(contact => (
+    {contacts.map((contact, index) => (
       <Contact
-        key={contact.id.value}
+        key={index}
         contact={contact}
       />
     ))}

packages/fragment-contacts/app/PropTypes/Contact/index.js

@@ -4,7 +4,10 @@ import {
 } from 'prop-types'
 
 export default shape({
-    id: string,
+    id: shape({
+        name: string,
+        value: string
+    }),
     email: string,
     name: shape({
         title: string,

packages/fragment-contacts/package.json

@@ -5,7 +5,7 @@
   "main": "fragment.js",
   "scripts": {
     "build": "webpack -p",
-    "watch": "webpack -p --watch",
+    "watch": "webpack -w",
     "start": "node fragment.js"
   },
   "author": "",

packages/fragment-header/app/Header/index.js

@@ -35,7 +35,7 @@ const Header = ({
 
 Header.propTypes =  {
   items: PropTypes.arrayOf(PropTypes.number).isRequired,
-  active: PropTypes.bool.isRequired,
+  active: PropTypes.number.isRequired,
   setActive: PropTypes.func.isRequired
 }
 

packages/fragment-header/package.json

@@ -13,7 +13,7 @@
   },
   "scripts": {
     "build": "webpack -p",
-    "watch": "webpack -p --watch",
+    "watch": "webpack -w",
     "start": "node fragment.js"
   },
   "author": "",

tailor.js

@@ -12,6 +12,10 @@ http
       res.writeHead(200, { 'Content-Type': 'image/x-icon' })
       return res.end('')
     }
+
+    req.headers['x-request-uri'] = req.url
+    req.url = '/index'
+
     tailor.requestHandler(req, res)
   })
   .listen(8080, function() {