Lots of small improvements, websockets fallback

app/elements/p2p-network/web-socket.html

@@ -0,0 +1,82 @@
+<link rel="import" href="binaryjs.html">
+<dom-module id="web-socket">
+    <template>
+        <style>
+        :host {
+            display: block;
+        }
+        </style>
+    </template>
+    <script>
+    'use strict';
+    Polymer({
+        is: 'web-socket',
+        attached: function() {
+            this.init();
+        },
+        init: function() {
+            var websocketUrl = (window.location.protocol === 'https:' ? 'wss://' : 'ws://') + document.location.hostname + ':9001';
+            this.client = new BinaryClient(websocketUrl);
+            this.client.on('stream', function(stream, meta) {
+                // collect stream data
+                var parts = [];
+                stream.on('data', function(data) {
+                    console.log('part received', meta, data);
+                    if (data.isSystemEvent) {
+                        if (meta) {
+                            data.from = meta.from;
+                        }
+                        this.fire('system-event', data);
+                    } else {
+                        parts.push(data);
+                    }
+                }.bind(this));
+                // when finished, set it as the background image
+                stream.on('end', function() {
+                    var blob = new Blob(parts, {
+                        type: meta.type
+                    });
+                    console.log('file received', blob, meta);
+                    this.fire('file-received', {
+                        blob: blob,
+                        name: meta.name,
+                        from: meta.from
+                    });
+                }.bind(this));
+            }.bind(this));
+            this.client.on('open', function(e) {
+                console.log(e);
+                this.client.send({}, {
+                    handshake: this.me
+                });
+            }.bind(this));
+            this.client.on('error', function(e) {
+                console.log(e);
+            });
+            this.client.on('close', function(e) {
+                console.log(e);
+                //try to reconnect after 3s 
+                this.async(this.init, 3000);
+            }.bind(this));
+        },
+        _sendFile: function(toPeer, file) {
+            console.log('send file!', file);
+            this.client.send(file.file, {
+                name: file.file.name,
+                type: file.file.type,
+                toPeer: toPeer
+            });
+        },
+        connectToPeer: function(peer, callback) {
+            callback();
+        },
+        _sendSystemEvent: function(toPeer, event) {
+            console.log('system event', toPeer, event);
+            event.isSystemEvent = true;
+            this.client.send(event, {
+                toPeer: toPeer
+            });
+        }
+    });
+    </script>
+</dom-module>