Added basic touch event support

Author: Oskar Eriksson

src/common/api/Touch.js

@@ -0,0 +1,11 @@
+export default class Touch {
+    constructor(touch) {
+        this.clientX = touch.clientX;
+        this.clientY = touch.clientY;
+        this.identifier = touch.identifier;
+        this.pageX = touch.pageX;
+        this.pageY = touch.pageY;
+        this.screenX = touch.screenX;
+        this.screenY = touch.screenY;
+    }
+}

src/common/api/TouchList.js

@@ -0,0 +1,27 @@
+import Touch from './Touch';
+
+export default class TouchList {
+    constructor(touches) {
+        touches.forEach((touch, index) => {
+            const touchMock = new Touch(touch);
+            this[index] = touchMock;
+        })
+    }
+
+    get length() {
+        let hasMoreTouches = true;
+        let index = 0;
+        while(hasMoreTouches) {
+            if (this[index]) {
+                index += 1;
+            } else {
+                hasMoreTouches = false;
+            }
+        }
+        return index;
+    }
+
+    item(index) {
+        return this[index];
+    }
+}

src/common/channel.js

@@ -1,4 +1,5 @@
 import {WORKER_MESSAGES as _} from './constants';
+import TouchList from './api/TouchList';
 
 export default class Channel {
     constructor(channel) {
@@ -30,12 +31,36 @@ export default class Channel {
                 selected: e.target.selected
             }
         };
+        // TODO: Create general event parsing method to handle all even types
+        if (isTouchEvent(e)) {
+            result = Object.assign(result, getTouchProperties(e));
+        }
         return JSON.stringify(result);
     }
 
     static deserializeEvent(msg) {
-        var e = JSON.parse(msg);
+        let e = JSON.parse(msg);
+        if (isTouchEvent(e)) {
+            e = Object.assign(e, getTouchProperties(e));
+        }
         e.preventDefault = e.stopPropgation = function () { }
         return e;
     }
 }
+
+function isTouchEvent(e) {
+    return e.type.match(/touchmove|touchstart|touchend|touchcancel/)
+}
+
+function getTouchProperties(e) {
+    // Support only one touch at the moment
+    const targetTouches = new TouchList([e.targetTouches[0]]);
+    const touches = new TouchList([e.touches[0]]);
+    const changedTouches = new TouchList([e.changedTouches[0]]);
+    return {
+        targetTouches,
+        touches,
+        changedTouches,
+    }
+
+}

src/page/Dom.js

@@ -2,6 +2,8 @@ import {OPS as _, WORKER_MESSAGES} from './../common/constants';
 import Channel from './../common/channel';
 import {DOCUMENT_NODE} from './../common/nodeType';
 
+import TouchList from '../common/api/TouchList';
+
 var body, channel, container, head, nodes = {};
 
 export default (ctr, messageChannel) => {

webpack.config.js

@@ -27,12 +27,6 @@ module.exports = {
         }]
     },
     plugins: [
-        new webpack.optimize.UglifyJsPlugin({
-          compress: {
-              warnings: false
-          }
-        }),
-        new webpack.optimize.DedupePlugin(),
         new webpack.DefinePlugin({
           'process.env': {
             'NODE_ENV': JSON.stringify('production')