chao há 6 meses atrás
pai
commit
31c623d28b

+ 1 - 0
index.html

@@ -5,6 +5,7 @@
     <link rel="icon" href="/favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Mini Pi</title>
+    <script src="/socket.js"></script>
   </head>
   <body>
     <div id="app"></div>

+ 21 - 3
package-lock.json

@@ -9,6 +9,7 @@
       "version": "0.0.0",
       "dependencies": {
         "@codemirror/lang-python": "^6.1.6",
+        "@codemirror/state": "^6.5.0",
         "@codemirror/theme-one-dark": "^6.1.2",
         "@codemirror/view": "^6.36.1",
         "@element-plus/icons-vue": "^2.3.1",
@@ -16,7 +17,7 @@
         "@xterm/xterm": "^5.5.0",
         "axios": "^1.6.5",
         "blockly": "^10.3.0",
-        "codemirror": "6.0.1",
+        "codemirror": "^6.0.1",
         "element-plus": "^2.5.1",
         "install": "^0.13.0",
         "ll": "^1.2.0",
@@ -143,7 +144,7 @@
     },
     "node_modules/@codemirror/state": {
       "version": "6.5.0",
-      "resolved": "https://mirrors.cloud.tencent.com/npm/@codemirror/state/-/state-6.5.0.tgz",
+      "resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.5.0.tgz",
       "integrity": "sha512-MwBHVK60IiIHDcoMet78lxt6iw5gJOGSbNbOIVBHWVXIH4/Nq1+GQgLLGgI1KlnN86WDXsPudVaqYHKBIx7Eyw==",
       "dependencies": {
         "@marijn/find-cluster-break": "^1.0.0"
@@ -1180,6 +1181,16 @@
         "@types/lodash": "*"
       }
     },
+    "node_modules/@types/node": {
+      "version": "22.10.5",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.10.5.tgz",
+      "integrity": "sha512-F8Q+SeGimwOo86fiovQh8qiXfFEh2/ocYv7tU5pJ3EXMSSxk1Joj5wefpFK2fHTf/N6HKGSxIDBT9f3gCxXPkQ==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "undici-types": "~6.20.0"
+      }
+    },
     "node_modules/@types/web-bluetooth": {
       "version": "0.0.16",
       "resolved": "https://mirrors.cloud.tencent.com/npm/@types/web-bluetooth/-/web-bluetooth-0.0.16.tgz",
@@ -1439,7 +1450,7 @@
     },
     "node_modules/codemirror": {
       "version": "6.0.1",
-      "resolved": "https://mirrors.cloud.tencent.com/npm/codemirror/-/codemirror-6.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-6.0.1.tgz",
       "integrity": "sha512-J8j+nZ+CdWmIeFIGXEFbFPtpiYacFMDR8GlHK3IyHQJMCaVRfGx9NT+Hxivv1ckLWPvNdZqndbr/7lVhrf/Svg==",
       "dependencies": {
         "@codemirror/autocomplete": "^6.0.0",
@@ -2485,6 +2496,13 @@
         "node": ">=14"
       }
     },
+    "node_modules/undici-types": {
+      "version": "6.20.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.20.0.tgz",
+      "integrity": "sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==",
+      "optional": true,
+      "peer": true
+    },
     "node_modules/universalify": {
       "version": "0.2.0",
       "resolved": "https://mirrors.cloud.tencent.com/npm/universalify/-/universalify-0.2.0.tgz",

+ 2 - 1
package.json

@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@codemirror/lang-python": "^6.1.6",
+    "@codemirror/state": "^6.5.0",
     "@codemirror/theme-one-dark": "^6.1.2",
     "@codemirror/view": "^6.36.1",
     "@element-plus/icons-vue": "^2.3.1",
@@ -17,7 +18,7 @@
     "@xterm/xterm": "^5.5.0",
     "axios": "^1.6.5",
     "blockly": "^10.3.0",
-    "codemirror": "6.0.1",
+    "codemirror": "^6.0.1",
     "element-plus": "^2.5.1",
     "install": "^0.13.0",
     "ll": "^1.2.0",

+ 1 - 0
public/example/基础/未命名.xml

@@ -0,0 +1 @@
+<xml xmlns="https://developers.google.com/blockly/xml"><block type="controls_if" id="X0tqvOySwsmyUn|QBx})" x="344" y="191"><value name="IF0"><block type="logic_compare" id="Vd=MQ|yKG23rb$!TOvsL"><field name="OP">EQ</field></block></value></block></xml>

+ 7254 - 0
public/socket.js

@@ -0,0 +1,7254 @@
+/*!
+ * Socket.IO v2.3.0
+ * (c) 2014-2019 Guillermo Rauch
+ * Released under the MIT License.
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define([], factory);
+	else if(typeof exports === 'object')
+		exports["io"] = factory();
+	else
+		root["io"] = factory();
+})(this, function() {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId])
+/******/ 			return installedModules[moduleId].exports;
+/******/
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			exports: {},
+/******/ 			id: moduleId,
+/******/ 			loaded: false
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.loaded = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(0);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	
+	/**
+	 * Module dependencies.
+	 */
+	
+	var url = __webpack_require__(1);
+	var parser = __webpack_require__(7);
+	var Manager = __webpack_require__(15);
+	var debug = __webpack_require__(3)('socket.io-client');
+	
+	/**
+	 * Module exports.
+	 */
+	
+	module.exports = exports = lookup;
+	
+	/**
+	 * Managers cache.
+	 */
+	
+	var cache = exports.managers = {};
+	
+	/**
+	 * Looks up an existing `Manager` for multiplexing.
+	 * If the user summons:
+	 *
+	 *   `io('http://localhost/a');`
+	 *   `io('http://localhost/b');`
+	 *
+	 * We reuse the existing instance based on same scheme/port/host,
+	 * and we initialize sockets for each namespace.
+	 *
+	 * @api public
+	 */
+	
+	function lookup (uri, opts) {
+	  if (typeof uri === 'object') {
+	    opts = uri;
+	    uri = undefined;
+	  }
+	
+	  opts = opts || {};
+	
+	  var parsed = url(uri);
+	  var source = parsed.source;
+	  var id = parsed.id;
+	  var path = parsed.path;
+	  var sameNamespace = cache[id] && path in cache[id].nsps;
+	  var newConnection = opts.forceNew || opts['force new connection'] ||
+	                      false === opts.multiplex || sameNamespace;
+	
+	  var io;
+	
+	  if (newConnection) {
+	    debug('ignoring socket cache for %s', source);
+	    io = Manager(source, opts);
+	  } else {
+	    if (!cache[id]) {
+	      debug('new io instance for %s', source);
+	      cache[id] = Manager(source, opts);
+	    }
+	    io = cache[id];
+	  }
+	  if (parsed.query && !opts.query) {
+	    opts.query = parsed.query;
+	  }
+	  return io.socket(parsed.path, opts);
+	}
+	
+	/**
+	 * Protocol version.
+	 *
+	 * @api public
+	 */
+	
+	exports.protocol = parser.protocol;
+	
+	/**
+	 * `connect`.
+	 *
+	 * @param {String} uri
+	 * @api public
+	 */
+	
+	exports.connect = lookup;
+	
+	/**
+	 * Expose constructors for standalone build.
+	 *
+	 * @api public
+	 */
+	
+	exports.Manager = __webpack_require__(15);
+	exports.Socket = __webpack_require__(39);
+
+
+/***/ }),
+/* 1 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	
+	/**
+	 * Module dependencies.
+	 */
+	
+	var parseuri = __webpack_require__(2);
+	var debug = __webpack_require__(3)('socket.io-client:url');
+	
+	/**
+	 * Module exports.
+	 */
+	
+	module.exports = url;
+	
+	/**
+	 * URL parser.
+	 *
+	 * @param {String} url
+	 * @param {Object} An object meant to mimic window.location.
+	 *                 Defaults to window.location.
+	 * @api public
+	 */
+	
+	function url (uri, loc) {
+	  var obj = uri;
+	
+	  // default to window.location
+	  loc = loc || (typeof location !== 'undefined' && location);
+	  if (null == uri) uri = loc.protocol + '//' + loc.host;
+	
+	  // relative path support
+	  if ('string' === typeof uri) {
+	    if ('/' === uri.charAt(0)) {
+	      if ('/' === uri.charAt(1)) {
+	        uri = loc.protocol + uri;
+	      } else {
+	        uri = loc.host + uri;
+	      }
+	    }
+	
+	    if (!/^(https?|wss?):\/\//.test(uri)) {
+	      debug('protocol-less url %s', uri);
+	      if ('undefined' !== typeof loc) {
+	        uri = loc.protocol + '//' + uri;
+	      } else {
+	        uri = 'https://' + uri;
+	      }
+	    }
+	
+	    // parse
+	    debug('parse %s', uri);
+	    obj = parseuri(uri);
+	  }
+	
+	  // make sure we treat `localhost:80` and `localhost` equally
+	  if (!obj.port) {
+	    if (/^(http|ws)$/.test(obj.protocol)) {
+	      obj.port = '80';
+	    } else if (/^(http|ws)s$/.test(obj.protocol)) {
+	      obj.port = '443';
+	    }
+	  }
+	
+	  obj.path = obj.path || '/';
+	
+	  var ipv6 = obj.host.indexOf(':') !== -1;
+	  var host = ipv6 ? '[' + obj.host + ']' : obj.host;
+	
+	  // define unique id
+	  obj.id = obj.protocol + '://' + host + ':' + obj.port;
+	  // define href
+	  obj.href = obj.protocol + '://' + host + (loc && loc.port === obj.port ? '' : (':' + obj.port));
+	
+	  return obj;
+	}
+
+
+/***/ }),
+/* 2 */
+/***/ (function(module, exports) {
+
+	/**
+	 * Parses an URI
+	 *
+	 * @author Steven Levithan <stevenlevithan.com> (MIT license)
+	 * @api private
+	 */
+	
+	var re = /^(?:(?![^:@]+:[^:@\/]*@)(http|https|ws|wss):\/\/)?((?:(([^:@]*)(?::([^:@]*))?)?@)?((?:[a-f0-9]{0,4}:){2,7}[a-f0-9]{0,4}|[^:\/?#]*)(?::(\d*))?)(((\/(?:[^?#](?![^?#\/]*\.[^?#\/.]+(?:[?#]|$)))*\/?)?([^?#\/]*))(?:\?([^#]*))?(?:#(.*))?)/;
+	
+	var parts = [
+	    'source', 'protocol', 'authority', 'userInfo', 'user', 'password', 'host', 'port', 'relative', 'path', 'directory', 'file', 'query', 'anchor'
+	];
+	
+	module.exports = function parseuri(str) {
+	    var src = str,
+	        b = str.indexOf('['),
+	        e = str.indexOf(']');
+	
+	    if (b != -1 && e != -1) {
+	        str = str.substring(0, b) + str.substring(b, e).replace(/:/g, ';') + str.substring(e, str.length);
+	    }
+	
+	    var m = re.exec(str || ''),
+	        uri = {},
+	        i = 14;
+	
+	    while (i--) {
+	        uri[parts[i]] = m[i] || '';
+	    }
+	
+	    if (b != -1 && e != -1) {
+	        uri.source = src;
+	        uri.host = uri.host.substring(1, uri.host.length - 1).replace(/;/g, ':');
+	        uri.authority = uri.authority.replace('[', '').replace(']', '').replace(/;/g, ':');
+	        uri.ipv6uri = true;
+	    }
+	
+	    return uri;
+	};
+
+
+/***/ }),
+/* 3 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(process) {'use strict';
+	
+	var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+	
+	/* eslint-env browser */
+	
+	/**
+	 * This is the web browser implementation of `debug()`.
+	 */
+	
+	exports.log = log;
+	exports.formatArgs = formatArgs;
+	exports.save = save;
+	exports.load = load;
+	exports.useColors = useColors;
+	exports.storage = localstorage();
+	
+	/**
+	 * Colors.
+	 */
+	
+	exports.colors = ['#0000CC', '#0000FF', '#0033CC', '#0033FF', '#0066CC', '#0066FF', '#0099CC', '#0099FF', '#00CC00', '#00CC33', '#00CC66', '#00CC99', '#00CCCC', '#00CCFF', '#3300CC', '#3300FF', '#3333CC', '#3333FF', '#3366CC', '#3366FF', '#3399CC', '#3399FF', '#33CC00', '#33CC33', '#33CC66', '#33CC99', '#33CCCC', '#33CCFF', '#6600CC', '#6600FF', '#6633CC', '#6633FF', '#66CC00', '#66CC33', '#9900CC', '#9900FF', '#9933CC', '#9933FF', '#99CC00', '#99CC33', '#CC0000', '#CC0033', '#CC0066', '#CC0099', '#CC00CC', '#CC00FF', '#CC3300', '#CC3333', '#CC3366', '#CC3399', '#CC33CC', '#CC33FF', '#CC6600', '#CC6633', '#CC9900', '#CC9933', '#CCCC00', '#CCCC33', '#FF0000', '#FF0033', '#FF0066', '#FF0099', '#FF00CC', '#FF00FF', '#FF3300', '#FF3333', '#FF3366', '#FF3399', '#FF33CC', '#FF33FF', '#FF6600', '#FF6633', '#FF9900', '#FF9933', '#FFCC00', '#FFCC33'];
+	
+	/**
+	 * Currently only WebKit-based Web Inspectors, Firefox >= v31,
+	 * and the Firebug extension (any Firefox version) are known
+	 * to support "%c" CSS customizations.
+	 *
+	 * TODO: add a `localStorage` variable to explicitly enable/disable colors
+	 */
+	
+	// eslint-disable-next-line complexity
+	function useColors() {
+		// NB: In an Electron preload script, document will be defined but not fully
+		// initialized. Since we know we're in Chrome, we'll just detect this case
+		// explicitly
+		if (typeof window !== 'undefined' && window.process && (window.process.type === 'renderer' || window.process.__nwjs)) {
+			return true;
+		}
+	
+		// Internet Explorer and Edge do not support colors.
+		if (typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/)) {
+			return false;
+		}
+	
+		// Is webkit? http://stackoverflow.com/a/16459606/376773
+		// document is undefined in react-native: https://github.com/facebook/react-native/pull/1632
+		return typeof document !== 'undefined' && document.documentElement && document.documentElement.style && document.documentElement.style.WebkitAppearance ||
+		// Is firebug? http://stackoverflow.com/a/398120/376773
+		typeof window !== 'undefined' && window.console && (window.console.firebug || window.console.exception && window.console.table) ||
+		// Is firefox >= v31?
+		// https://developer.mozilla.org/en-US/docs/Tools/Web_Console#Styling_messages
+		typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/) && parseInt(RegExp.$1, 10) >= 31 ||
+		// Double check webkit in userAgent just in case we are in a worker
+		typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/);
+	}
+	
+	/**
+	 * Colorize log arguments if enabled.
+	 *
+	 * @api public
+	 */
+	
+	function formatArgs(args) {
+		args[0] = (this.useColors ? '%c' : '') + this.namespace + (this.useColors ? ' %c' : ' ') + args[0] + (this.useColors ? '%c ' : ' ') + '+' + module.exports.humanize(this.diff);
+	
+		if (!this.useColors) {
+			return;
+		}
+	
+		var c = 'color: ' + this.color;
+		args.splice(1, 0, c, 'color: inherit');
+	
+		// The final "%c" is somewhat tricky, because there could be other
+		// arguments passed either before or after the %c, so we need to
+		// figure out the correct index to insert the CSS into
+		var index = 0;
+		var lastC = 0;
+		args[0].replace(/%[a-zA-Z%]/g, function (match) {
+			if (match === '%%') {
+				return;
+			}
+			index++;
+			if (match === '%c') {
+				// We only are interested in the *last* %c
+				// (the user may have provided their own)
+				lastC = index;
+			}
+		});
+	
+		args.splice(lastC, 0, c);
+	}
+	
+	/**
+	 * Invokes `console.log()` when available.
+	 * No-op when `console.log` is not a "function".
+	 *
+	 * @api public
+	 */
+	function log() {
+		var _console;
+	
+		// This hackery is required for IE8/9, where
+		// the `console.log` function doesn't have 'apply'
+		return (typeof console === 'undefined' ? 'undefined' : _typeof(console)) === 'object' && console.log && (_console = console).log.apply(_console, arguments);
+	}
+	
+	/**
+	 * Save `namespaces`.
+	 *
+	 * @param {String} namespaces
+	 * @api private
+	 */
+	function save(namespaces) {
+		try {
+			if (namespaces) {
+				exports.storage.setItem('debug', namespaces);
+			} else {
+				exports.storage.removeItem('debug');
+			}
+		} catch (error) {
+			// Swallow
+			// XXX (@Qix-) should we be logging these?
+		}
+	}
+	
+	/**
+	 * Load `namespaces`.
+	 *
+	 * @return {String} returns the previously persisted debug modes
+	 * @api private
+	 */
+	function load() {
+		var r = void 0;
+		try {
+			r = exports.storage.getItem('debug');
+		} catch (error) {}
+		// Swallow
+		// XXX (@Qix-) should we be logging these?
+	
+	
+		// If debug isn't set in LS, and we're in Electron, try to load $DEBUG
+		if (!r && typeof process !== 'undefined' && 'env' in process) {
+			r = process.env.DEBUG;
+		}
+	
+		return r;
+	}
+	
+	/**
+	 * Localstorage attempts to return the localstorage.
+	 *
+	 * This is necessary because safari throws
+	 * when a user disables cookies/localstorage
+	 * and you attempt to access it.
+	 *
+	 * @return {LocalStorage}
+	 * @api private
+	 */
+	
+	function localstorage() {
+		try {
+			// TVMLKit (Apple TV JS Runtime) does not have a window object, just localStorage in the global context
+			// The Browser also has localStorage in the global context.
+			return localStorage;
+		} catch (error) {
+			// Swallow
+			// XXX (@Qix-) should we be logging these?
+		}
+	}
+	
+	module.exports = __webpack_require__(5)(exports);
+	
+	var formatters = module.exports.formatters;
+	
+	/**
+	 * Map %j to `JSON.stringify()`, since no Web Inspectors do that by default.
+	 */
+	
+	formatters.j = function (v) {
+		try {
+			return JSON.stringify(v);
+		} catch (error) {
+			return '[UnexpectedJSONParseError]: ' + error.message;
+		}
+	};
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+
+/***/ }),
+/* 4 */
+/***/ (function(module, exports) {
+
+	// shim for using process in browser
+	var process = module.exports = {};
+	
+	// cached from whatever global is present so that test runners that stub it
+	// don't break things.  But we need to wrap it in a try catch in case it is
+	// wrapped in strict mode code which doesn't define any globals.  It's inside a
+	// function because try/catches deoptimize in certain engines.
+	
+	var cachedSetTimeout;
+	var cachedClearTimeout;
+	
+	function defaultSetTimout() {
+	    throw new Error('setTimeout has not been defined');
+	}
+	function defaultClearTimeout () {
+	    throw new Error('clearTimeout has not been defined');
+	}
+	(function () {
+	    try {
+	        if (typeof setTimeout === 'function') {
+	            cachedSetTimeout = setTimeout;
+	        } else {
+	            cachedSetTimeout = defaultSetTimout;
+	        }
+	    } catch (e) {
+	        cachedSetTimeout = defaultSetTimout;
+	    }
+	    try {
+	        if (typeof clearTimeout === 'function') {
+	            cachedClearTimeout = clearTimeout;
+	        } else {
+	            cachedClearTimeout = defaultClearTimeout;
+	        }
+	    } catch (e) {
+	        cachedClearTimeout = defaultClearTimeout;
+	    }
+	} ())
+	function runTimeout(fun) {
+	    if (cachedSetTimeout === setTimeout) {
+	        //normal enviroments in sane situations
+	        return setTimeout(fun, 0);
+	    }
+	    // if setTimeout wasn't available but was latter defined
+	    if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
+	        cachedSetTimeout = setTimeout;
+	        return setTimeout(fun, 0);
+	    }
+	    try {
+	        // when when somebody has screwed with setTimeout but no I.E. maddness
+	        return cachedSetTimeout(fun, 0);
+	    } catch(e){
+	        try {
+	            // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
+	            return cachedSetTimeout.call(null, fun, 0);
+	        } catch(e){
+	            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
+	            return cachedSetTimeout.call(this, fun, 0);
+	        }
+	    }
+	
+	
+	}
+	function runClearTimeout(marker) {
+	    if (cachedClearTimeout === clearTimeout) {
+	        //normal enviroments in sane situations
+	        return clearTimeout(marker);
+	    }
+	    // if clearTimeout wasn't available but was latter defined
+	    if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
+	        cachedClearTimeout = clearTimeout;
+	        return clearTimeout(marker);
+	    }
+	    try {
+	        // when when somebody has screwed with setTimeout but no I.E. maddness
+	        return cachedClearTimeout(marker);
+	    } catch (e){
+	        try {
+	            // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally
+	            return cachedClearTimeout.call(null, marker);
+	        } catch (e){
+	            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
+	            // Some versions of I.E. have different rules for clearTimeout vs setTimeout
+	            return cachedClearTimeout.call(this, marker);
+	        }
+	    }
+	
+	
+	
+	}
+	var queue = [];
+	var draining = false;
+	var currentQueue;
+	var queueIndex = -1;
+	
+	function cleanUpNextTick() {
+	    if (!draining || !currentQueue) {
+	        return;
+	    }
+	    draining = false;
+	    if (currentQueue.length) {
+	        queue = currentQueue.concat(queue);
+	    } else {
+	        queueIndex = -1;
+	    }
+	    if (queue.length) {
+	        drainQueue();
+	    }
+	}
+	
+	function drainQueue() {
+	    if (draining) {
+	        return;
+	    }
+	    var timeout = runTimeout(cleanUpNextTick);
+	    draining = true;
+	
+	    var len = queue.length;
+	    while(len) {
+	        currentQueue = queue;
+	        queue = [];
+	        while (++queueIndex < len) {
+	            if (currentQueue) {
+	                currentQueue[queueIndex].run();
+	            }
+	        }
+	        queueIndex = -1;
+	        len = queue.length;
+	    }
+	    currentQueue = null;
+	    draining = false;
+	    runClearTimeout(timeout);
+	}
+	
+	process.nextTick = function (fun) {
+	    var args = new Array(arguments.length - 1);
+	    if (arguments.length > 1) {
+	        for (var i = 1; i < arguments.length; i++) {
+	            args[i - 1] = arguments[i];
+	        }
+	    }
+	    queue.push(new Item(fun, args));
+	    if (queue.length === 1 && !draining) {
+	        runTimeout(drainQueue);
+	    }
+	};
+	
+	// v8 likes predictible objects
+	function Item(fun, array) {
+	    this.fun = fun;
+	    this.array = array;
+	}
+	Item.prototype.run = function () {
+	    this.fun.apply(null, this.array);
+	};
+	process.title = 'browser';
+	process.browser = true;
+	process.env = {};
+	process.argv = [];
+	process.version = ''; // empty string to avoid regexp issues
+	process.versions = {};
+	
+	function noop() {}
+	
+	process.on = noop;
+	process.addListener = noop;
+	process.once = noop;
+	process.off = noop;
+	process.removeListener = noop;
+	process.removeAllListeners = noop;
+	process.emit = noop;
+	process.prependListener = noop;
+	process.prependOnceListener = noop;
+	
+	process.listeners = function (name) { return [] }
+	
+	process.binding = function (name) {
+	    throw new Error('process.binding is not supported');
+	};
+	
+	process.cwd = function () { return '/' };
+	process.chdir = function (dir) {
+	    throw new Error('process.chdir is not supported');
+	};
+	process.umask = function() { return 0; };
+
+
+/***/ }),
+/* 5 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
+	
+	/**
+	 * This is the common logic for both the Node.js and web browser
+	 * implementations of `debug()`.
+	 */
+	
+	function setup(env) {
+		createDebug.debug = createDebug;
+		createDebug.default = createDebug;
+		createDebug.coerce = coerce;
+		createDebug.disable = disable;
+		createDebug.enable = enable;
+		createDebug.enabled = enabled;
+		createDebug.humanize = __webpack_require__(6);
+	
+		Object.keys(env).forEach(function (key) {
+			createDebug[key] = env[key];
+		});
+	
+		/**
+	 * Active `debug` instances.
+	 */
+		createDebug.instances = [];
+	
+		/**
+	 * The currently active debug mode names, and names to skip.
+	 */
+	
+		createDebug.names = [];
+		createDebug.skips = [];
+	
+		/**
+	 * Map of special "%n" handling functions, for the debug "format" argument.
+	 *
+	 * Valid key names are a single, lower or upper-case letter, i.e. "n" and "N".
+	 */
+		createDebug.formatters = {};
+	
+		/**
+	 * Selects a color for a debug namespace
+	 * @param {String} namespace The namespace string for the for the debug instance to be colored
+	 * @return {Number|String} An ANSI color code for the given namespace
+	 * @api private
+	 */
+		function selectColor(namespace) {
+			var hash = 0;
+	
+			for (var i = 0; i < namespace.length; i++) {
+				hash = (hash << 5) - hash + namespace.charCodeAt(i);
+				hash |= 0; // Convert to 32bit integer
+			}
+	
+			return createDebug.colors[Math.abs(hash) % createDebug.colors.length];
+		}
+		createDebug.selectColor = selectColor;
+	
+		/**
+	 * Create a debugger with the given `namespace`.
+	 *
+	 * @param {String} namespace
+	 * @return {Function}
+	 * @api public
+	 */
+		function createDebug(namespace) {
+			var prevTime = void 0;
+	
+			function debug() {
+				for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+					args[_key] = arguments[_key];
+				}
+	
+				// Disabled?
+				if (!debug.enabled) {
+					return;
+				}
+	
+				var self = debug;
+	
+				// Set `diff` timestamp
+				var curr = Number(new Date());
+				var ms = curr - (prevTime || curr);
+				self.diff = ms;
+				self.prev = prevTime;
+				self.curr = curr;
+				prevTime = curr;
+	
+				args[0] = createDebug.coerce(args[0]);
+	
+				if (typeof args[0] !== 'string') {
+					// Anything else let's inspect with %O
+					args.unshift('%O');
+				}
+	
+				// Apply any `formatters` transformations
+				var index = 0;
+				args[0] = args[0].replace(/%([a-zA-Z%])/g, function (match, format) {
+					// If we encounter an escaped % then don't increase the array index
+					if (match === '%%') {
+						return match;
+					}
+					index++;
+					var formatter = createDebug.formatters[format];
+					if (typeof formatter === 'function') {
+						var val = args[index];
+						match = formatter.call(self, val);
+	
+						// Now we need to remove `args[index]` since it's inlined in the `format`
+						args.splice(index, 1);
+						index--;
+					}
+					return match;
+				});
+	
+				// Apply env-specific formatting (colors, etc.)
+				createDebug.formatArgs.call(self, args);
+	
+				var logFn = self.log || createDebug.log;
+				logFn.apply(self, args);
+			}
+	
+			debug.namespace = namespace;
+			debug.enabled = createDebug.enabled(namespace);
+			debug.useColors = createDebug.useColors();
+			debug.color = selectColor(namespace);
+			debug.destroy = destroy;
+			debug.extend = extend;
+			// Debug.formatArgs = formatArgs;
+			// debug.rawLog = rawLog;
+	
+			// env-specific initialization logic for debug instances
+			if (typeof createDebug.init === 'function') {
+				createDebug.init(debug);
+			}
+	
+			createDebug.instances.push(debug);
+	
+			return debug;
+		}
+	
+		function destroy() {
+			var index = createDebug.instances.indexOf(this);
+			if (index !== -1) {
+				createDebug.instances.splice(index, 1);
+				return true;
+			}
+			return false;
+		}
+	
+		function extend(namespace, delimiter) {
+			var newDebug = createDebug(this.namespace + (typeof delimiter === 'undefined' ? ':' : delimiter) + namespace);
+			newDebug.log = this.log;
+			return newDebug;
+		}
+	
+		/**
+	 * Enables a debug mode by namespaces. This can include modes
+	 * separated by a colon and wildcards.
+	 *
+	 * @param {String} namespaces
+	 * @api public
+	 */
+		function enable(namespaces) {
+			createDebug.save(namespaces);
+	
+			createDebug.names = [];
+			createDebug.skips = [];
+	
+			var i = void 0;
+			var split = (typeof namespaces === 'string' ? namespaces : '').split(/[\s,]+/);
+			var len = split.length;
+	
+			for (i = 0; i < len; i++) {
+				if (!split[i]) {
+					// ignore empty strings
+					continue;
+				}
+	
+				namespaces = split[i].replace(/\*/g, '.*?');
+	
+				if (namespaces[0] === '-') {
+					createDebug.skips.push(new RegExp('^' + namespaces.substr(1) + '$'));
+				} else {
+					createDebug.names.push(new RegExp('^' + namespaces + '$'));
+				}
+			}
+	
+			for (i = 0; i < createDebug.instances.length; i++) {
+				var instance = createDebug.instances[i];
+				instance.enabled = createDebug.enabled(instance.namespace);
+			}
+		}
+	
+		/**
+	 * Disable debug output.
+	 *
+	 * @return {String} namespaces
+	 * @api public
+	 */
+		function disable() {
+			var namespaces = [].concat(_toConsumableArray(createDebug.names.map(toNamespace)), _toConsumableArray(createDebug.skips.map(toNamespace).map(function (namespace) {
+				return '-' + namespace;
+			}))).join(',');
+			createDebug.enable('');
+			return namespaces;
+		}
+	
+		/**
+	 * Returns true if the given mode name is enabled, false otherwise.
+	 *
+	 * @param {String} name
+	 * @return {Boolean}
+	 * @api public
+	 */
+		function enabled(name) {
+			if (name[name.length - 1] === '*') {
+				return true;
+			}
+	
+			var i = void 0;
+			var len = void 0;
+	
+			for (i = 0, len = createDebug.skips.length; i < len; i++) {
+				if (createDebug.skips[i].test(name)) {
+					return false;
+				}
+			}
+	
+			for (i = 0, len = createDebug.names.length; i < len; i++) {
+				if (createDebug.names[i].test(name)) {
+					return true;
+				}
+			}
+	
+			return false;
+		}
+	
+		/**
+	 * Convert regexp to namespace
+	 *
+	 * @param {RegExp} regxep
+	 * @return {String} namespace
+	 * @api private
+	 */
+		function toNamespace(regexp) {
+			return regexp.toString().substring(2, regexp.toString().length - 2).replace(/\.\*\?$/, '*');
+		}
+	
+		/**
+	 * Coerce `val`.
+	 *
+	 * @param {Mixed} val
+	 * @return {Mixed}
+	 * @api private
+	 */
+		function coerce(val) {
+			if (val instanceof Error) {
+				return val.stack || val.message;
+			}
+			return val;
+		}
+	
+		createDebug.enable(createDebug.load());
+	
+		return createDebug;
+	}
+	
+	module.exports = setup;
+
+/***/ }),
+/* 6 */
+/***/ (function(module, exports) {
+
+	/**
+	 * Helpers.
+	 */
+	
+	var s = 1000;
+	var m = s * 60;
+	var h = m * 60;
+	var d = h * 24;
+	var w = d * 7;
+	var y = d * 365.25;
+	
+	/**
+	 * Parse or format the given `val`.
+	 *
+	 * Options:
+	 *
+	 *  - `long` verbose formatting [false]
+	 *
+	 * @param {String|Number} val
+	 * @param {Object} [options]
+	 * @throws {Error} throw an error if val is not a non-empty string or a number
+	 * @return {String|Number}
+	 * @api public
+	 */
+	
+	module.exports = function(val, options) {
+	  options = options || {};
+	  var type = typeof val;
+	  if (type === 'string' && val.length > 0) {
+	    return parse(val);
+	  } else if (type === 'number' && isFinite(val)) {
+	    return options.long ? fmtLong(val) : fmtShort(val);
+	  }
+	  throw new Error(
+	    'val is not a non-empty string or a valid number. val=' +
+	      JSON.stringify(val)
+	  );
+	};
+	
+	/**
+	 * Parse the given `str` and return milliseconds.
+	 *
+	 * @param {String} str
+	 * @return {Number}
+	 * @api private
+	 */
+	
+	function parse(str) {
+	  str = String(str);
+	  if (str.length > 100) {
+	    return;
+	  }
+	  var match = /^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(
+	    str
+	  );
+	  if (!match) {
+	    return;
+	  }
+	  var n = parseFloat(match[1]);
+	  var type = (match[2] || 'ms').toLowerCase();
+	  switch (type) {
+	    case 'years':
+	    case 'year':
+	    case 'yrs':
+	    case 'yr':
+	    case 'y':
+	      return n * y;
+	    case 'weeks':
+	    case 'week':
+	    case 'w':
+	      return n * w;
+	    case 'days':
+	    case 'day':
+	    case 'd':
+	      return n * d;
+	    case 'hours':
+	    case 'hour':
+	    case 'hrs':
+	    case 'hr':
+	    case 'h':
+	      return n * h;
+	    case 'minutes':
+	    case 'minute':
+	    case 'mins':
+	    case 'min':
+	    case 'm':
+	      return n * m;
+	    case 'seconds':
+	    case 'second':
+	    case 'secs':
+	    case 'sec':
+	    case 's':
+	      return n * s;
+	    case 'milliseconds':
+	    case 'millisecond':
+	    case 'msecs':
+	    case 'msec':
+	    case 'ms':
+	      return n;
+	    default:
+	      return undefined;
+	  }
+	}
+	
+	/**
+	 * Short format for `ms`.
+	 *
+	 * @param {Number} ms
+	 * @return {String}
+	 * @api private
+	 */
+	
+	function fmtShort(ms) {
+	  var msAbs = Math.abs(ms);
+	  if (msAbs >= d) {
+	    return Math.round(ms / d) + 'd';
+	  }
+	  if (msAbs >= h) {
+	    return Math.round(ms / h) + 'h';
+	  }
+	  if (msAbs >= m) {
+	    return Math.round(ms / m) + 'm';
+	  }
+	  if (msAbs >= s) {
+	    return Math.round(ms / s) + 's';
+	  }
+	  return ms + 'ms';
+	}
+	
+	/**
+	 * Long format for `ms`.
+	 *
+	 * @param {Number} ms
+	 * @return {String}
+	 * @api private
+	 */
+	
+	function fmtLong(ms) {
+	  var msAbs = Math.abs(ms);
+	  if (msAbs >= d) {
+	    return plural(ms, msAbs, d, 'day');
+	  }
+	  if (msAbs >= h) {
+	    return plural(ms, msAbs, h, 'hour');
+	  }
+	  if (msAbs >= m) {
+	    return plural(ms, msAbs, m, 'minute');
+	  }
+	  if (msAbs >= s) {
+	    return plural(ms, msAbs, s, 'second');
+	  }
+	  return ms + ' ms';
+	}
+	
+	/**
+	 * Pluralization helper.
+	 */
+	
+	function plural(ms, msAbs, n, name) {
+	  var isPlural = msAbs >= n * 1.5;
+	  return Math.round(ms / n) + ' ' + name + (isPlural ? 's' : '');
+	}
+
+
+/***/ }),
+/* 7 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	
+	/**
+	 * Module dependencies.
+	 */
+	
+	var debug = __webpack_require__(8)('socket.io-parser');
+	var Emitter = __webpack_require__(11);
+	var binary = __webpack_require__(12);
+	var isArray = __webpack_require__(13);
+	var isBuf = __webpack_require__(14);
+	
+	/**
+	 * Protocol version.
+	 *
+	 * @api public
+	 */
+	
+	exports.protocol = 4;
+	
+	/**
+	 * Packet types.
+	 *
+	 * @api public
+	 */
+	
+	exports.types = [
+	  'CONNECT',
+	  'DISCONNECT',
+	  'EVENT',
+	  'ACK',
+	  'ERROR',
+	  'BINARY_EVENT',
+	  'BINARY_ACK'
+	];
+	
+	/**
+	 * Packet type `connect`.
+	 *
+	 * @api public
+	 */
+	
+	exports.CONNECT = 0;
+	
+	/**
+	 * Packet type `disconnect`.
+	 *
+	 * @api public
+	 */
+	
+	exports.DISCONNECT = 1;
+	
+	/**
+	 * Packet type `event`.
+	 *
+	 * @api public
+	 */
+	
+	exports.EVENT = 2;
+	
+	/**
+	 * Packet type `ack`.
+	 *
+	 * @api public
+	 */
+	
+	exports.ACK = 3;
+	
+	/**
+	 * Packet type `error`.
+	 *
+	 * @api public
+	 */
+	
+	exports.ERROR = 4;
+	
+	/**
+	 * Packet type 'binary event'
+	 *
+	 * @api public
+	 */
+	
+	exports.BINARY_EVENT = 5;
+	
+	/**
+	 * Packet type `binary ack`. For acks with binary arguments.
+	 *
+	 * @api public
+	 */
+	
+	exports.BINARY_ACK = 6;
+	
+	/**
+	 * Encoder constructor.
+	 *
+	 * @api public
+	 */
+	
+	exports.Encoder = Encoder;
+	
+	/**
+	 * Decoder constructor.
+	 *
+	 * @api public
+	 */
+	
+	exports.Decoder = Decoder;
+	
+	/**
+	 * A socket.io Encoder instance
+	 *
+	 * @api public
+	 */
+	
+	function Encoder() {}
+	
+	var ERROR_PACKET = exports.ERROR + '"encode error"';
+	
+	/**
+	 * Encode a packet as a single string if non-binary, or as a
+	 * buffer sequence, depending on packet type.
+	 *
+	 * @param {Object} obj - packet object
+	 * @param {Function} callback - function to handle encodings (likely engine.write)
+	 * @return Calls callback with Array of encodings
+	 * @api public
+	 */
+	
+	Encoder.prototype.encode = function(obj, callback){
+	  debug('encoding packet %j', obj);
+	
+	  if (exports.BINARY_EVENT === obj.type || exports.BINARY_ACK === obj.type) {
+	    encodeAsBinary(obj, callback);
+	  } else {
+	    var encoding = encodeAsString(obj);
+	    callback([encoding]);
+	  }
+	};
+	
+	/**
+	 * Encode packet as string.
+	 *
+	 * @param {Object} packet
+	 * @return {String} encoded
+	 * @api private
+	 */
+	
+	function encodeAsString(obj) {
+	
+	  // first is type
+	  var str = '' + obj.type;
+	
+	  // attachments if we have them
+	  if (exports.BINARY_EVENT === obj.type || exports.BINARY_ACK === obj.type) {
+	    str += obj.attachments + '-';
+	  }
+	
+	  // if we have a namespace other than `/`
+	  // we append it followed by a comma `,`
+	  if (obj.nsp && '/' !== obj.nsp) {
+	    str += obj.nsp + ',';
+	  }
+	
+	  // immediately followed by the id
+	  if (null != obj.id) {
+	    str += obj.id;
+	  }
+	
+	  // json data
+	  if (null != obj.data) {
+	    var payload = tryStringify(obj.data);
+	    if (payload !== false) {
+	      str += payload;
+	    } else {
+	      return ERROR_PACKET;
+	    }
+	  }
+	
+	  debug('encoded %j as %s', obj, str);
+	  return str;
+	}
+	
+	function tryStringify(str) {
+	  try {
+	    return JSON.stringify(str);
+	  } catch(e){
+	    return false;
+	  }
+	}
+	
+	/**
+	 * Encode packet as 'buffer sequence' by removing blobs, and
+	 * deconstructing packet into object with placeholders and
+	 * a list of buffers.
+	 *
+	 * @param {Object} packet
+	 * @return {Buffer} encoded
+	 * @api private
+	 */
+	
+	function encodeAsBinary(obj, callback) {
+	
+	  function writeEncoding(bloblessData) {
+	    var deconstruction = binary.deconstructPacket(bloblessData);
+	    var pack = encodeAsString(deconstruction.packet);
+	    var buffers = deconstruction.buffers;
+	
+	    buffers.unshift(pack); // add packet info to beginning of data list
+	    callback(buffers); // write all the buffers
+	  }
+	
+	  binary.removeBlobs(obj, writeEncoding);
+	}
+	
+	/**
+	 * A socket.io Decoder instance
+	 *
+	 * @return {Object} decoder
+	 * @api public
+	 */
+	
+	function Decoder() {
+	  this.reconstructor = null;
+	}
+	
+	/**
+	 * Mix in `Emitter` with Decoder.
+	 */
+	
+	Emitter(Decoder.prototype);
+	
+	/**
+	 * Decodes an encoded packet string into packet JSON.
+	 *
+	 * @param {String} obj - encoded packet
+	 * @return {Object} packet
+	 * @api public
+	 */
+	
+	Decoder.prototype.add = function(obj) {
+	  var packet;
+	  if (typeof obj === 'string') {
+	    packet = decodeString(obj);
+	    if (exports.BINARY_EVENT === packet.type || exports.BINARY_ACK === packet.type) { // binary packet's json
+	      this.reconstructor = new BinaryReconstructor(packet);
+	
+	      // no attachments, labeled binary but no binary data to follow
+	      if (this.reconstructor.reconPack.attachments === 0) {
+	        this.emit('decoded', packet);
+	      }
+	    } else { // non-binary full packet
+	      this.emit('decoded', packet);
+	    }
+	  } else if (isBuf(obj) || obj.base64) { // raw binary data
+	    if (!this.reconstructor) {
+	      throw new Error('got binary data when not reconstructing a packet');
+	    } else {
+	      packet = this.reconstructor.takeBinaryData(obj);
+	      if (packet) { // received final buffer
+	        this.reconstructor = null;
+	        this.emit('decoded', packet);
+	      }
+	    }
+	  } else {
+	    throw new Error('Unknown type: ' + obj);
+	  }
+	};
+	
+	/**
+	 * Decode a packet String (JSON data)
+	 *
+	 * @param {String} str
+	 * @return {Object} packet
+	 * @api private
+	 */
+	
+	function decodeString(str) {
+	  var i = 0;
+	  // look up type
+	  var p = {
+	    type: Number(str.charAt(0))
+	  };
+	
+	  if (null == exports.types[p.type]) {
+	    return error('unknown packet type ' + p.type);
+	  }
+	
+	  // look up attachments if type binary
+	  if (exports.BINARY_EVENT === p.type || exports.BINARY_ACK === p.type) {
+	    var buf = '';
+	    while (str.charAt(++i) !== '-') {
+	      buf += str.charAt(i);
+	      if (i == str.length) break;
+	    }
+	    if (buf != Number(buf) || str.charAt(i) !== '-') {
+	      throw new Error('Illegal attachments');
+	    }
+	    p.attachments = Number(buf);
+	  }
+	
+	  // look up namespace (if any)
+	  if ('/' === str.charAt(i + 1)) {
+	    p.nsp = '';
+	    while (++i) {
+	      var c = str.charAt(i);
+	      if (',' === c) break;
+	      p.nsp += c;
+	      if (i === str.length) break;
+	    }
+	  } else {
+	    p.nsp = '/';
+	  }
+	
+	  // look up id
+	  var next = str.charAt(i + 1);
+	  if ('' !== next && Number(next) == next) {
+	    p.id = '';
+	    while (++i) {
+	      var c = str.charAt(i);
+	      if (null == c || Number(c) != c) {
+	        --i;
+	        break;
+	      }
+	      p.id += str.charAt(i);
+	      if (i === str.length) break;
+	    }
+	    p.id = Number(p.id);
+	  }
+	
+	  // look up json data
+	  if (str.charAt(++i)) {
+	    var payload = tryParse(str.substr(i));
+	    var isPayloadValid = payload !== false && (p.type === exports.ERROR || isArray(payload));
+	    if (isPayloadValid) {
+	      p.data = payload;
+	    } else {
+	      return error('invalid payload');
+	    }
+	  }
+	
+	  debug('decoded %s as %j', str, p);
+	  return p;
+	}
+	
+	function tryParse(str) {
+	  try {
+	    return JSON.parse(str);
+	  } catch(e){
+	    return false;
+	  }
+	}
+	
+	/**
+	 * Deallocates a parser's resources
+	 *
+	 * @api public
+	 */
+	
+	Decoder.prototype.destroy = function() {
+	  if (this.reconstructor) {
+	    this.reconstructor.finishedReconstruction();
+	  }
+	};
+	
+	/**
+	 * A manager of a binary event's 'buffer sequence'. Should
+	 * be constructed whenever a packet of type BINARY_EVENT is
+	 * decoded.
+	 *
+	 * @param {Object} packet
+	 * @return {BinaryReconstructor} initialized reconstructor
+	 * @api private
+	 */
+	
+	function BinaryReconstructor(packet) {
+	  this.reconPack = packet;
+	  this.buffers = [];
+	}
+	
+	/**
+	 * Method to be called when binary data received from connection
+	 * after a BINARY_EVENT packet.
+	 *
+	 * @param {Buffer | ArrayBuffer} binData - the raw binary data received
+	 * @return {null | Object} returns null if more binary data is expected or
+	 *   a reconstructed packet object if all buffers have been received.
+	 * @api private
+	 */
+	
+	BinaryReconstructor.prototype.takeBinaryData = function(binData) {
+	  this.buffers.push(binData);
+	  if (this.buffers.length === this.reconPack.attachments) { // done with buffer list
+	    var packet = binary.reconstructPacket(this.reconPack, this.buffers);
+	    this.finishedReconstruction();
+	    return packet;
+	  }
+	  return null;
+	};
+	
+	/**
+	 * Cleans up binary packet reconstruction variables.
+	 *
+	 * @api private
+	 */
+	
+	BinaryReconstructor.prototype.finishedReconstruction = function() {
+	  this.reconPack = null;
+	  this.buffers = [];
+	};
+	
+	function error(msg) {
+	  return {
+	    type: exports.ERROR,
+	    data: 'parser error: ' + msg
+	  };
+	}
+
+
+/***/ }),
+/* 8 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(process) {'use strict';
+	
+	var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+	
+	/**
+	 * This is the web browser implementation of `debug()`.
+	 *
+	 * Expose `debug()` as the module.
+	 */
+	
+	exports = module.exports = __webpack_require__(9);
+	exports.log = log;
+	exports.formatArgs = formatArgs;
+	exports.save = save;
+	exports.load = load;
+	exports.useColors = useColors;
+	exports.storage = 'undefined' != typeof chrome && 'undefined' != typeof chrome.storage ? chrome.storage.local : localstorage();
+	
+	/**
+	 * Colors.
+	 */
+	
+	exports.colors = ['#0000CC', '#0000FF', '#0033CC', '#0033FF', '#0066CC', '#0066FF', '#0099CC', '#0099FF', '#00CC00', '#00CC33', '#00CC66', '#00CC99', '#00CCCC', '#00CCFF', '#3300CC', '#3300FF', '#3333CC', '#3333FF', '#3366CC', '#3366FF', '#3399CC', '#3399FF', '#33CC00', '#33CC33', '#33CC66', '#33CC99', '#33CCCC', '#33CCFF', '#6600CC', '#6600FF', '#6633CC', '#6633FF', '#66CC00', '#66CC33', '#9900CC', '#9900FF', '#9933CC', '#9933FF', '#99CC00', '#99CC33', '#CC0000', '#CC0033', '#CC0066', '#CC0099', '#CC00CC', '#CC00FF', '#CC3300', '#CC3333', '#CC3366', '#CC3399', '#CC33CC', '#CC33FF', '#CC6600', '#CC6633', '#CC9900', '#CC9933', '#CCCC00', '#CCCC33', '#FF0000', '#FF0033', '#FF0066', '#FF0099', '#FF00CC', '#FF00FF', '#FF3300', '#FF3333', '#FF3366', '#FF3399', '#FF33CC', '#FF33FF', '#FF6600', '#FF6633', '#FF9900', '#FF9933', '#FFCC00', '#FFCC33'];
+	
+	/**
+	 * Currently only WebKit-based Web Inspectors, Firefox >= v31,
+	 * and the Firebug extension (any Firefox version) are known
+	 * to support "%c" CSS customizations.
+	 *
+	 * TODO: add a `localStorage` variable to explicitly enable/disable colors
+	 */
+	
+	function useColors() {
+	  // NB: In an Electron preload script, document will be defined but not fully
+	  // initialized. Since we know we're in Chrome, we'll just detect this case
+	  // explicitly
+	  if (typeof window !== 'undefined' && window.process && window.process.type === 'renderer') {
+	    return true;
+	  }
+	
+	  // Internet Explorer and Edge do not support colors.
+	  if (typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/)) {
+	    return false;
+	  }
+	
+	  // is webkit? http://stackoverflow.com/a/16459606/376773
+	  // document is undefined in react-native: https://github.com/facebook/react-native/pull/1632
+	  return typeof document !== 'undefined' && document.documentElement && document.documentElement.style && document.documentElement.style.WebkitAppearance ||
+	  // is firebug? http://stackoverflow.com/a/398120/376773
+	  typeof window !== 'undefined' && window.console && (window.console.firebug || window.console.exception && window.console.table) ||
+	  // is firefox >= v31?
+	  // https://developer.mozilla.org/en-US/docs/Tools/Web_Console#Styling_messages
+	  typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/) && parseInt(RegExp.$1, 10) >= 31 ||
+	  // double check webkit in userAgent just in case we are in a worker
+	  typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/);
+	}
+	
+	/**
+	 * Map %j to `JSON.stringify()`, since no Web Inspectors do that by default.
+	 */
+	
+	exports.formatters.j = function (v) {
+	  try {
+	    return JSON.stringify(v);
+	  } catch (err) {
+	    return '[UnexpectedJSONParseError]: ' + err.message;
+	  }
+	};
+	
+	/**
+	 * Colorize log arguments if enabled.
+	 *
+	 * @api public
+	 */
+	
+	function formatArgs(args) {
+	  var useColors = this.useColors;
+	
+	  args[0] = (useColors ? '%c' : '') + this.namespace + (useColors ? ' %c' : ' ') + args[0] + (useColors ? '%c ' : ' ') + '+' + exports.humanize(this.diff);
+	
+	  if (!useColors) return;
+	
+	  var c = 'color: ' + this.color;
+	  args.splice(1, 0, c, 'color: inherit');
+	
+	  // the final "%c" is somewhat tricky, because there could be other
+	  // arguments passed either before or after the %c, so we need to
+	  // figure out the correct index to insert the CSS into
+	  var index = 0;
+	  var lastC = 0;
+	  args[0].replace(/%[a-zA-Z%]/g, function (match) {
+	    if ('%%' === match) return;
+	    index++;
+	    if ('%c' === match) {
+	      // we only are interested in the *last* %c
+	      // (the user may have provided their own)
+	      lastC = index;
+	    }
+	  });
+	
+	  args.splice(lastC, 0, c);
+	}
+	
+	/**
+	 * Invokes `console.log()` when available.
+	 * No-op when `console.log` is not a "function".
+	 *
+	 * @api public
+	 */
+	
+	function log() {
+	  // this hackery is required for IE8/9, where
+	  // the `console.log` function doesn't have 'apply'
+	  return 'object' === (typeof console === 'undefined' ? 'undefined' : _typeof(console)) && console.log && Function.prototype.apply.call(console.log, console, arguments);
+	}
+	
+	/**
+	 * Save `namespaces`.
+	 *
+	 * @param {String} namespaces
+	 * @api private
+	 */
+	
+	function save(namespaces) {
+	  try {
+	    if (null == namespaces) {
+	      exports.storage.removeItem('debug');
+	    } else {
+	      exports.storage.debug = namespaces;
+	    }
+	  } catch (e) {}
+	}
+	
+	/**
+	 * Load `namespaces`.
+	 *
+	 * @return {String} returns the previously persisted debug modes
+	 * @api private
+	 */
+	
+	function load() {
+	  var r;
+	  try {
+	    r = exports.storage.debug;
+	  } catch (e) {}
+	
+	  // If debug isn't set in LS, and we're in Electron, try to load $DEBUG
+	  if (!r && typeof process !== 'undefined' && 'env' in process) {
+	    r = process.env.DEBUG;
+	  }
+	
+	  return r;
+	}
+	
+	/**
+	 * Enable namespaces listed in `localStorage.debug` initially.
+	 */
+	
+	exports.enable(load());
+	
+	/**
+	 * Localstorage attempts to return the localstorage.
+	 *
+	 * This is necessary because safari throws
+	 * when a user disables cookies/localstorage
+	 * and you attempt to access it.
+	 *
+	 * @return {LocalStorage}
+	 * @api private
+	 */
+	
+	function localstorage() {
+	  try {
+	    return window.localStorage;
+	  } catch (e) {}
+	}
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+
+/***/ }),
+/* 9 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	/**
+	 * This is the common logic for both the Node.js and web browser
+	 * implementations of `debug()`.
+	 *
+	 * Expose `debug()` as the module.
+	 */
+	
+	exports = module.exports = createDebug.debug = createDebug['default'] = createDebug;
+	exports.coerce = coerce;
+	exports.disable = disable;
+	exports.enable = enable;
+	exports.enabled = enabled;
+	exports.humanize = __webpack_require__(10);
+	
+	/**
+	 * Active `debug` instances.
+	 */
+	exports.instances = [];
+	
+	/**
+	 * The currently active debug mode names, and names to skip.
+	 */
+	
+	exports.names = [];
+	exports.skips = [];
+	
+	/**
+	 * Map of special "%n" handling functions, for the debug "format" argument.
+	 *
+	 * Valid key names are a single, lower or upper-case letter, i.e. "n" and "N".
+	 */
+	
+	exports.formatters = {};
+	
+	/**
+	 * Select a color.
+	 * @param {String} namespace
+	 * @return {Number}
+	 * @api private
+	 */
+	
+	function selectColor(namespace) {
+	  var hash = 0,
+	      i;
+	
+	  for (i in namespace) {
+	    hash = (hash << 5) - hash + namespace.charCodeAt(i);
+	    hash |= 0; // Convert to 32bit integer
+	  }
+	
+	  return exports.colors[Math.abs(hash) % exports.colors.length];
+	}
+	
+	/**
+	 * Create a debugger with the given `namespace`.
+	 *
+	 * @param {String} namespace
+	 * @return {Function}
+	 * @api public
+	 */
+	
+	function createDebug(namespace) {
+	
+	  var prevTime;
+	
+	  function debug() {
+	    // disabled?
+	    if (!debug.enabled) return;
+	
+	    var self = debug;
+	
+	    // set `diff` timestamp
+	    var curr = +new Date();
+	    var ms = curr - (prevTime || curr);
+	    self.diff = ms;
+	    self.prev = prevTime;
+	    self.curr = curr;
+	    prevTime = curr;
+	
+	    // turn the `arguments` into a proper Array
+	    var args = new Array(arguments.length);
+	    for (var i = 0; i < args.length; i++) {
+	      args[i] = arguments[i];
+	    }
+	
+	    args[0] = exports.coerce(args[0]);
+	
+	    if ('string' !== typeof args[0]) {
+	      // anything else let's inspect with %O
+	      args.unshift('%O');
+	    }
+	
+	    // apply any `formatters` transformations
+	    var index = 0;
+	    args[0] = args[0].replace(/%([a-zA-Z%])/g, function (match, format) {
+	      // if we encounter an escaped % then don't increase the array index
+	      if (match === '%%') return match;
+	      index++;
+	      var formatter = exports.formatters[format];
+	      if ('function' === typeof formatter) {
+	        var val = args[index];
+	        match = formatter.call(self, val);
+	
+	        // now we need to remove `args[index]` since it's inlined in the `format`
+	        args.splice(index, 1);
+	        index--;
+	      }
+	      return match;
+	    });
+	
+	    // apply env-specific formatting (colors, etc.)
+	    exports.formatArgs.call(self, args);
+	
+	    var logFn = debug.log || exports.log || console.log.bind(console);
+	    logFn.apply(self, args);
+	  }
+	
+	  debug.namespace = namespace;
+	  debug.enabled = exports.enabled(namespace);
+	  debug.useColors = exports.useColors();
+	  debug.color = selectColor(namespace);
+	  debug.destroy = destroy;
+	
+	  // env-specific initialization logic for debug instances
+	  if ('function' === typeof exports.init) {
+	    exports.init(debug);
+	  }
+	
+	  exports.instances.push(debug);
+	
+	  return debug;
+	}
+	
+	function destroy() {
+	  var index = exports.instances.indexOf(this);
+	  if (index !== -1) {
+	    exports.instances.splice(index, 1);
+	    return true;
+	  } else {
+	    return false;
+	  }
+	}
+	
+	/**
+	 * Enables a debug mode by namespaces. This can include modes
+	 * separated by a colon and wildcards.
+	 *
+	 * @param {String} namespaces
+	 * @api public
+	 */
+	
+	function enable(namespaces) {
+	  exports.save(namespaces);
+	
+	  exports.names = [];
+	  exports.skips = [];
+	
+	  var i;
+	  var split = (typeof namespaces === 'string' ? namespaces : '').split(/[\s,]+/);
+	  var len = split.length;
+	
+	  for (i = 0; i < len; i++) {
+	    if (!split[i]) continue; // ignore empty strings
+	    namespaces = split[i].replace(/\*/g, '.*?');
+	    if (namespaces[0] === '-') {
+	      exports.skips.push(new RegExp('^' + namespaces.substr(1) + '$'));
+	    } else {
+	      exports.names.push(new RegExp('^' + namespaces + '$'));
+	    }
+	  }
+	
+	  for (i = 0; i < exports.instances.length; i++) {
+	    var instance = exports.instances[i];
+	    instance.enabled = exports.enabled(instance.namespace);
+	  }
+	}
+	
+	/**
+	 * Disable debug output.
+	 *
+	 * @api public
+	 */
+	
+	function disable() {
+	  exports.enable('');
+	}
+	
+	/**
+	 * Returns true if the given mode name is enabled, false otherwise.
+	 *
+	 * @param {String} name
+	 * @return {Boolean}
+	 * @api public
+	 */
+	
+	function enabled(name) {
+	  if (name[name.length - 1] === '*') {
+	    return true;
+	  }
+	  var i, len;
+	  for (i = 0, len = exports.skips.length; i < len; i++) {
+	    if (exports.skips[i].test(name)) {
+	      return false;
+	    }
+	  }
+	  for (i = 0, len = exports.names.length; i < len; i++) {
+	    if (exports.names[i].test(name)) {
+	      return true;
+	    }
+	  }
+	  return false;
+	}
+	
+	/**
+	 * Coerce `val`.
+	 *
+	 * @param {Mixed} val
+	 * @return {Mixed}
+	 * @api private
+	 */
+	
+	function coerce(val) {
+	  if (val instanceof Error) return val.stack || val.message;
+	  return val;
+	}
+
+/***/ }),
+/* 10 */
+/***/ (function(module, exports) {
+
+	/**
+	 * Helpers.
+	 */
+	
+	var s = 1000;
+	var m = s * 60;
+	var h = m * 60;
+	var d = h * 24;
+	var y = d * 365.25;
+	
+	/**
+	 * Parse or format the given `val`.
+	 *
+	 * Options:
+	 *
+	 *  - `long` verbose formatting [false]
+	 *
+	 * @param {String|Number} val
+	 * @param {Object} [options]
+	 * @throws {Error} throw an error if val is not a non-empty string or a number
+	 * @return {String|Number}
+	 * @api public
+	 */
+	
+	module.exports = function(val, options) {
+	  options = options || {};
+	  var type = typeof val;
+	  if (type === 'string' && val.length > 0) {
+	    return parse(val);
+	  } else if (type === 'number' && isNaN(val) === false) {
+	    return options.long ? fmtLong(val) : fmtShort(val);
+	  }
+	  throw new Error(
+	    'val is not a non-empty string or a valid number. val=' +
+	      JSON.stringify(val)
+	  );
+	};
+	
+	/**
+	 * Parse the given `str` and return milliseconds.
+	 *
+	 * @param {String} str
+	 * @return {Number}
+	 * @api private
+	 */
+	
+	function parse(str) {
+	  str = String(str);
+	  if (str.length > 100) {
+	    return;
+	  }
+	  var match = /^((?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(
+	    str
+	  );
+	  if (!match) {
+	    return;
+	  }
+	  var n = parseFloat(match[1]);
+	  var type = (match[2] || 'ms').toLowerCase();
+	  switch (type) {
+	    case 'years':
+	    case 'year':
+	    case 'yrs':
+	    case 'yr':
+	    case 'y':
+	      return n * y;
+	    case 'days':
+	    case 'day':
+	    case 'd':
+	      return n * d;
+	    case 'hours':
+	    case 'hour':
+	    case 'hrs':
+	    case 'hr':
+	    case 'h':
+	      return n * h;
+	    case 'minutes':
+	    case 'minute':
+	    case 'mins':
+	    case 'min':
+	    case 'm':
+	      return n * m;
+	    case 'seconds':
+	    case 'second':
+	    case 'secs':
+	    case 'sec':
+	    case 's':
+	      return n * s;
+	    case 'milliseconds':
+	    case 'millisecond':
+	    case 'msecs':
+	    case 'msec':
+	    case 'ms':
+	      return n;
+	    default:
+	      return undefined;
+	  }
+	}
+	
+	/**
+	 * Short format for `ms`.
+	 *
+	 * @param {Number} ms
+	 * @return {String}
+	 * @api private
+	 */
+	
+	function fmtShort(ms) {
+	  if (ms >= d) {
+	    return Math.round(ms / d) + 'd';
+	  }
+	  if (ms >= h) {
+	    return Math.round(ms / h) + 'h';
+	  }
+	  if (ms >= m) {
+	    return Math.round(ms / m) + 'm';
+	  }
+	  if (ms >= s) {
+	    return Math.round(ms / s) + 's';
+	  }
+	  return ms + 'ms';
+	}
+	
+	/**
+	 * Long format for `ms`.
+	 *
+	 * @param {Number} ms
+	 * @return {String}
+	 * @api private
+	 */
+	
+	function fmtLong(ms) {
+	  return plural(ms, d, 'day') ||
+	    plural(ms, h, 'hour') ||
+	    plural(ms, m, 'minute') ||
+	    plural(ms, s, 'second') ||
+	    ms + ' ms';
+	}
+	
+	/**
+	 * Pluralization helper.
+	 */
+	
+	function plural(ms, n, name) {
+	  if (ms < n) {
+	    return;
+	  }
+	  if (ms < n * 1.5) {
+	    return Math.floor(ms / n) + ' ' + name;
+	  }
+	  return Math.ceil(ms / n) + ' ' + name + 's';
+	}
+
+
+/***/ }),
+/* 11 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	
+	/**
+	 * Expose `Emitter`.
+	 */
+	
+	if (true) {
+	  module.exports = Emitter;
+	}
+	
+	/**
+	 * Initialize a new `Emitter`.
+	 *
+	 * @api public
+	 */
+	
+	function Emitter(obj) {
+	  if (obj) return mixin(obj);
+	};
+	
+	/**
+	 * Mixin the emitter properties.
+	 *
+	 * @param {Object} obj
+	 * @return {Object}
+	 * @api private
+	 */
+	
+	function mixin(obj) {
+	  for (var key in Emitter.prototype) {
+	    obj[key] = Emitter.prototype[key];
+	  }
+	  return obj;
+	}
+	
+	/**
+	 * Listen on the given `event` with `fn`.
+	 *
+	 * @param {String} event
+	 * @param {Function} fn
+	 * @return {Emitter}
+	 * @api public
+	 */
+	
+	Emitter.prototype.on =
+	Emitter.prototype.addEventListener = function(event, fn){
+	  this._callbacks = this._callbacks || {};
+	  (this._callbacks['$' + event] = this._callbacks['$' + event] || [])
+	    .push(fn);
+	  return this;
+	};
+	
+	/**
+	 * Adds an `event` listener that will be invoked a single
+	 * time then automatically removed.
+	 *
+	 * @param {String} event
+	 * @param {Function} fn
+	 * @return {Emitter}
+	 * @api public
+	 */
+	
+	Emitter.prototype.once = function(event, fn){
+	  function on() {
+	    this.off(event, on);
+	    fn.apply(this, arguments);
+	  }
+	
+	  on.fn = fn;
+	  this.on(event, on);
+	  return this;
+	};
+	
+	/**
+	 * Remove the given callback for `event` or all
+	 * registered callbacks.
+	 *
+	 * @param {String} event
+	 * @param {Function} fn
+	 * @return {Emitter}
+	 * @api public
+	 */
+	
+	Emitter.prototype.off =
+	Emitter.prototype.removeListener =
+	Emitter.prototype.removeAllListeners =
+	Emitter.prototype.removeEventListener = function(event, fn){
+	  this._callbacks = this._callbacks || {};
+	
+	  // all
+	  if (0 == arguments.length) {
+	    this._callbacks = {};
+	    return this;
+	  }
+	
+	  // specific event
+	  var callbacks = this._callbacks['$' + event];
+	  if (!callbacks) return this;
+	
+	  // remove all handlers
+	  if (1 == arguments.length) {
+	    delete this._callbacks['$' + event];
+	    return this;
+	  }
+	
+	  // remove specific handler
+	  var cb;
+	  for (var i = 0; i < callbacks.length; i++) {
+	    cb = callbacks[i];
+	    if (cb === fn || cb.fn === fn) {
+	      callbacks.splice(i, 1);
+	      break;
+	    }
+	  }
+	  return this;
+	};
+	
+	/**
+	 * Emit `event` with the given args.
+	 *
+	 * @param {String} event
+	 * @param {Mixed} ...
+	 * @return {Emitter}
+	 */
+	
+	Emitter.prototype.emit = function(event){
+	  this._callbacks = this._callbacks || {};
+	  var args = [].slice.call(arguments, 1)
+	    , callbacks = this._callbacks['$' + event];
+	
+	  if (callbacks) {
+	    callbacks = callbacks.slice(0);
+	    for (var i = 0, len = callbacks.length; i < len; ++i) {
+	      callbacks[i].apply(this, args);
+	    }
+	  }
+	
+	  return this;
+	};
+	
+	/**
+	 * Return array of callbacks for `event`.
+	 *
+	 * @param {String} event
+	 * @return {Array}
+	 * @api public
+	 */
+	
+	Emitter.prototype.listeners = function(event){
+	  this._callbacks = this._callbacks || {};
+	  return this._callbacks['$' + event] || [];
+	};
+	
+	/**
+	 * Check if this emitter has `event` handlers.
+	 *
+	 * @param {String} event
+	 * @return {Boolean}
+	 * @api public
+	 */
+	
+	Emitter.prototype.hasListeners = function(event){
+	  return !! this.listeners(event).length;
+	};
+
+
+/***/ }),
+/* 12 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/*global Blob,File*/
+	
+	/**
+	 * Module requirements
+	 */
+	
+	var isArray = __webpack_require__(13);
+	var isBuf = __webpack_require__(14);
+	var toString = Object.prototype.toString;
+	var withNativeBlob = typeof Blob === 'function' || (typeof Blob !== 'undefined' && toString.call(Blob) === '[object BlobConstructor]');
+	var withNativeFile = typeof File === 'function' || (typeof File !== 'undefined' && toString.call(File) === '[object FileConstructor]');
+	
+	/**
+	 * Replaces every Buffer | ArrayBuffer in packet with a numbered placeholder.
+	 * Anything with blobs or files should be fed through removeBlobs before coming
+	 * here.
+	 *
+	 * @param {Object} packet - socket.io event packet
+	 * @return {Object} with deconstructed packet and list of buffers
+	 * @api public
+	 */
+	
+	exports.deconstructPacket = function(packet) {
+	  var buffers = [];
+	  var packetData = packet.data;
+	  var pack = packet;
+	  pack.data = _deconstructPacket(packetData, buffers);
+	  pack.attachments = buffers.length; // number of binary 'attachments'
+	  return {packet: pack, buffers: buffers};
+	};
+	
+	function _deconstructPacket(data, buffers) {
+	  if (!data) return data;
+	
+	  if (isBuf(data)) {
+	    var placeholder = { _placeholder: true, num: buffers.length };
+	    buffers.push(data);
+	    return placeholder;
+	  } else if (isArray(data)) {
+	    var newData = new Array(data.length);
+	    for (var i = 0; i < data.length; i++) {
+	      newData[i] = _deconstructPacket(data[i], buffers);
+	    }
+	    return newData;
+	  } else if (typeof data === 'object' && !(data instanceof Date)) {
+	    var newData = {};
+	    for (var key in data) {
+	      newData[key] = _deconstructPacket(data[key], buffers);
+	    }
+	    return newData;
+	  }
+	  return data;
+	}
+	
+	/**
+	 * Reconstructs a binary packet from its placeholder packet and buffers
+	 *
+	 * @param {Object} packet - event packet with placeholders
+	 * @param {Array} buffers - binary buffers to put in placeholder positions
+	 * @return {Object} reconstructed packet
+	 * @api public
+	 */
+	
+	exports.reconstructPacket = function(packet, buffers) {
+	  packet.data = _reconstructPacket(packet.data, buffers);
+	  packet.attachments = undefined; // no longer useful
+	  return packet;
+	};
+	
+	function _reconstructPacket(data, buffers) {
+	  if (!data) return data;
+	
+	  if (data && data._placeholder) {
+	    return buffers[data.num]; // appropriate buffer (should be natural order anyway)
+	  } else if (isArray(data)) {
+	    for (var i = 0; i < data.length; i++) {
+	      data[i] = _reconstructPacket(data[i], buffers);
+	    }
+	  } else if (typeof data === 'object') {
+	    for (var key in data) {
+	      data[key] = _reconstructPacket(data[key], buffers);
+	    }
+	  }
+	
+	  return data;
+	}
+	
+	/**
+	 * Asynchronously removes Blobs or Files from data via
+	 * FileReader's readAsArrayBuffer method. Used before encoding
+	 * data as msgpack. Calls callback with the blobless data.
+	 *
+	 * @param {Object} data
+	 * @param {Function} callback
+	 * @api private
+	 */
+	
+	exports.removeBlobs = function(data, callback) {
+	  function _removeBlobs(obj, curKey, containingObject) {
+	    if (!obj) return obj;
+	
+	    // convert any blob
+	    if ((withNativeBlob && obj instanceof Blob) ||
+	        (withNativeFile && obj instanceof File)) {
+	      pendingBlobs++;
+	
+	      // async filereader
+	      var fileReader = new FileReader();
+	      fileReader.onload = function() { // this.result == arraybuffer
+	        if (containingObject) {
+	          containingObject[curKey] = this.result;
+	        }
+	        else {
+	          bloblessData = this.result;
+	        }
+	
+	        // if nothing pending its callback time
+	        if(! --pendingBlobs) {
+	          callback(bloblessData);
+	        }
+	      };
+	
+	      fileReader.readAsArrayBuffer(obj); // blob -> arraybuffer
+	    } else if (isArray(obj)) { // handle array
+	      for (var i = 0; i < obj.length; i++) {
+	        _removeBlobs(obj[i], i, obj);
+	      }
+	    } else if (typeof obj === 'object' && !isBuf(obj)) { // and object
+	      for (var key in obj) {
+	        _removeBlobs(obj[key], key, obj);
+	      }
+	    }
+	  }
+	
+	  var pendingBlobs = 0;
+	  var bloblessData = data;
+	  _removeBlobs(bloblessData);
+	  if (!pendingBlobs) {
+	    callback(bloblessData);
+	  }
+	};
+
+
+/***/ }),
+/* 13 */
+/***/ (function(module, exports) {
+
+	var toString = {}.toString;
+	
+	module.exports = Array.isArray || function (arr) {
+	  return toString.call(arr) == '[object Array]';
+	};
+
+
+/***/ }),
+/* 14 */
+/***/ (function(module, exports) {
+
+	
+	module.exports = isBuf;
+	
+	var withNativeBuffer = typeof Buffer === 'function' && typeof Buffer.isBuffer === 'function';
+	var withNativeArrayBuffer = typeof ArrayBuffer === 'function';
+	
+	var isView = function (obj) {
+	  return typeof ArrayBuffer.isView === 'function' ? ArrayBuffer.isView(obj) : (obj.buffer instanceof ArrayBuffer);
+	};
+	
+	/**
+	 * Returns true if obj is a buffer or an arraybuffer.
+	 *
+	 * @api private
+	 */
+	
+	function isBuf(obj) {
+	  return (withNativeBuffer && Buffer.isBuffer(obj)) ||
+	          (withNativeArrayBuffer && (obj instanceof ArrayBuffer || isView(obj)));
+	}
+
+
+/***/ }),
+/* 15 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	
+	/**
+	 * Module dependencies.
+	 */
+	
+	var eio = __webpack_require__(16);
+	var Socket = __webpack_require__(39);
+	var Emitter = __webpack_require__(11);
+	var parser = __webpack_require__(7);
+	var on = __webpack_require__(41);
+	var bind = __webpack_require__(42);
+	var debug = __webpack_require__(3)('socket.io-client:manager');
+	var indexOf = __webpack_require__(38);
+	var Backoff = __webpack_require__(43);
+	
+	/**
+	 * IE6+ hasOwnProperty
+	 */
+	
+	var has = Object.prototype.hasOwnProperty;
+	
+	/**
+	 * Module exports
+	 */
+	
+	module.exports = Manager;
+	
+	/**
+	 * `Manager` constructor.
+	 *
+	 * @param {String} engine instance or engine uri/opts
+	 * @param {Object} options
+	 * @api public
+	 */
+	
+	function Manager (uri, opts) {
+	  if (!(this instanceof Manager)) return new Manager(uri, opts);
+	  if (uri && ('object' === typeof uri)) {
+	    opts = uri;
+	    uri = undefined;
+	  }
+	  opts = opts || {};
+	
+	  opts.path = opts.path || '/socket.io';
+	  this.nsps = {};
+	  this.subs = [];
+	  this.opts = opts;
+	  this.reconnection(opts.reconnection !== false);
+	  this.reconnectionAttempts(opts.reconnectionAttempts || Infinity);
+	  this.reconnectionDelay(opts.reconnectionDelay || 1000);
+	  this.reconnectionDelayMax(opts.reconnectionDelayMax || 5000);
+	  this.randomizationFactor(opts.randomizationFactor || 0.5);
+	  this.backoff = new Backoff({
+	    min: this.reconnectionDelay(),
+	    max: this.reconnectionDelayMax(),
+	    jitter: this.randomizationFactor()
+	  });
+	  this.timeout(null == opts.timeout ? 20000 : opts.timeout);
+	  this.readyState = 'closed';
+	  this.uri = uri;
+	  this.connecting = [];
+	  this.lastPing = null;
+	  this.encoding = false;
+	  this.packetBuffer = [];
+	  var _parser = opts.parser || parser;
+	  this.encoder = new _parser.Encoder();
+	  this.decoder = new _parser.Decoder();
+	  this.autoConnect = opts.autoConnect !== false;
+	  if (this.autoConnect) this.open();
+	}
+	
+	/**
+	 * Propagate given event to sockets and emit on `this`
+	 *
+	 * @api private
+	 */
+	
+	Manager.prototype.emitAll = function () {
+	  this.emit.apply(this, arguments);
+	  for (var nsp in this.nsps) {
+	    if (has.call(this.nsps, nsp)) {
+	      this.nsps[nsp].emit.apply(this.nsps[nsp], arguments);
+	    }
+	  }
+	};
+	
+	/**
+	 * Update `socket.id` of all sockets
+	 *
+	 * @api private
+	 */
+	
+	Manager.prototype.updateSocketIds = function () {
+	  for (var nsp in this.nsps) {
+	    if (has.call(this.nsps, nsp)) {
+	      this.nsps[nsp].id = this.generateId(nsp);
+	    }
+	  }
+	};
+	
+	/**
+	 * generate `socket.id` for the given `nsp`
+	 *
+	 * @param {String} nsp
+	 * @return {String}
+	 * @api private
+	 */
+	
+	Manager.prototype.generateId = function (nsp) {
+	  return (nsp === '/' ? '' : (nsp + '#')) + this.engine.id;
+	};
+	
+	/**
+	 * Mix in `Emitter`.
+	 */
+	
+	Emitter(Manager.prototype);
+	
+	/**
+	 * Sets the `reconnection` config.
+	 *
+	 * @param {Boolean} true/false if it should automatically reconnect
+	 * @return {Manager} self or value
+	 * @api public
+	 */
+	
+	Manager.prototype.reconnection = function (v) {
+	  if (!arguments.length) return this._reconnection;
+	  this._reconnection = !!v;
+	  return this;
+	};
+	
+	/**
+	 * Sets the reconnection attempts config.
+	 *
+	 * @param {Number} max reconnection attempts before giving up
+	 * @return {Manager} self or value
+	 * @api public
+	 */
+	
+	Manager.prototype.reconnectionAttempts = function (v) {
+	  if (!arguments.length) return this._reconnectionAttempts;
+	  this._reconnectionAttempts = v;
+	  return this;
+	};
+	
+	/**
+	 * Sets the delay between reconnections.
+	 *
+	 * @param {Number} delay
+	 * @return {Manager} self or value
+	 * @api public
+	 */
+	
+	Manager.prototype.reconnectionDelay = function (v) {
+	  if (!arguments.length) return this._reconnectionDelay;
+	  this._reconnectionDelay = v;
+	  this.backoff && this.backoff.setMin(v);
+	  return this;
+	};
+	
+	Manager.prototype.randomizationFactor = function (v) {
+	  if (!arguments.length) return this._randomizationFactor;
+	  this._randomizationFactor = v;
+	  this.backoff && this.backoff.setJitter(v);
+	  return this;
+	};
+	
+	/**
+	 * Sets the maximum delay between reconnections.
+	 *
+	 * @param {Number} delay
+	 * @return {Manager} self or value
+	 * @api public
+	 */
+	
+	Manager.prototype.reconnectionDelayMax = function (v) {
+	  if (!arguments.length) return this._reconnectionDelayMax;
+	  this._reconnectionDelayMax = v;
+	  this.backoff && this.backoff.setMax(v);
+	  return this;
+	};
+	
+	/**
+	 * Sets the connection timeout. `false` to disable
+	 *
+	 * @return {Manager} self or value
+	 * @api public
+	 */
+	
+	Manager.prototype.timeout = function (v) {
+	  if (!arguments.length) return this._timeout;
+	  this._timeout = v;
+	  return this;
+	};
+	
+	/**
+	 * Starts trying to reconnect if reconnection is enabled and we have not
+	 * started reconnecting yet
+	 *
+	 * @api private
+	 */
+	
+	Manager.prototype.maybeReconnectOnOpen = function () {
+	  // Only try to reconnect if it's the first time we're connecting
+	  if (!this.reconnecting && this._reconnection && this.backoff.attempts === 0) {
+	    // keeps reconnection from firing twice for the same reconnection loop
+	    this.reconnect();
+	  }
+	};
+	
+	/**
+	 * Sets the current transport `socket`.
+	 *
+	 * @param {Function} optional, callback
+	 * @return {Manager} self
+	 * @api public
+	 */
+	
+	Manager.prototype.open =
+	Manager.prototype.connect = function (fn, opts) {
+	  debug('readyState %s', this.readyState);
+	  if (~this.readyState.indexOf('open')) return this;
+	
+	  debug('opening %s', this.uri);
+	  this.engine = eio(this.uri, this.opts);
+	  var socket = this.engine;
+	  var self = this;
+	  this.readyState = 'opening';
+	  this.skipReconnect = false;
+	
+	  // emit `open`
+	  var openSub = on(socket, 'open', function () {
+	    self.onopen();
+	    fn && fn();
+	  });
+	
+	  // emit `connect_error`
+	  var errorSub = on(socket, 'error', function (data) {
+	    debug('connect_error');
+	    self.cleanup();
+	    self.readyState = 'closed';
+	    self.emitAll('connect_error', data);
+	    if (fn) {
+	      var err = new Error('Connection error');
+	      err.data = data;
+	      fn(err);
+	    } else {
+	      // Only do this if there is no fn to handle the error
+	      self.maybeReconnectOnOpen();
+	    }
+	  });
+	
+	  // emit `connect_timeout`
+	  if (false !== this._timeout) {
+	    var timeout = this._timeout;
+	    debug('connect attempt will timeout after %d', timeout);
+	
+	    // set timer
+	    var timer = setTimeout(function () {
+	      debug('connect attempt timed out after %d', timeout);
+	      openSub.destroy();
+	      socket.close();
+	      socket.emit('error', 'timeout');
+	      self.emitAll('connect_timeout', timeout);
+	    }, timeout);
+	
+	    this.subs.push({
+	      destroy: function () {
+	        clearTimeout(timer);
+	      }
+	    });
+	  }
+	
+	  this.subs.push(openSub);
+	  this.subs.push(errorSub);
+	
+	  return this;
+	};
+	
+	/**
+	 * Called upon transport open.
+	 *
+	 * @api private
+	 */
+	
+	Manager.prototype.onopen = function () {
+	  debug('open');
+	
+	  // clear old subs
+	  this.cleanup();
+	
+	  // mark as open
+	  this.readyState = 'open';
+	  this.emit('open');
+	
+	  // add new subs
+	  var socket = this.engine;
+	  this.subs.push(on(socket, 'data', bind(this, 'ondata')));
+	  this.subs.push(on(socket, 'ping', bind(this, 'onping')));
+	  this.subs.push(on(socket, 'pong', bind(this, 'onpong')));
+	  this.subs.push(on(socket, 'error', bind(this, 'onerror')));
+	  this.subs.push(on(socket, 'close', bind(this, 'onclose')));
+	  this.subs.push(on(this.decoder, 'decoded', bind(this, 'ondecoded')));
+	};
+	
+	/**
+	 * Called upon a ping.
+	 *
+	 * @api private
+	 */
+	
+	Manager.prototype.onping = function () {
+	  this.lastPing = new Date();
+	  this.emitAll('ping');
+	};
+	
+	/**
+	 * Called upon a packet.
+	 *
+	 * @api private
+	 */
+	
+	Manager.prototype.onpong = function () {
+	  this.emitAll('pong', new Date() - this.lastPing);
+	};
+	
+	/**
+	 * Called with data.
+	 *
+	 * @api private
+	 */
+	
+	Manager.prototype.ondata = function (data) {
+	  this.decoder.add(data);
+	};
+	
+	/**
+	 * Called when parser fully decodes a packet.
+	 *
+	 * @api private
+	 */
+	
+	Manager.prototype.ondecoded = function (packet) {
+	  this.emit('packet', packet);
+	};
+	
+	/**
+	 * Called upon socket error.
+	 *
+	 * @api private
+	 */
+	
+	Manager.prototype.onerror = function (err) {
+	  debug('error', err);
+	  this.emitAll('error', err);
+	};
+	
+	/**
+	 * Creates a new socket for the given `nsp`.
+	 *
+	 * @return {Socket}
+	 * @api public
+	 */
+	
+	Manager.prototype.socket = function (nsp, opts) {
+	  var socket = this.nsps[nsp];
+	  if (!socket) {
+	    socket = new Socket(this, nsp, opts);
+	    this.nsps[nsp] = socket;
+	    var self = this;
+	    socket.on('connecting', onConnecting);
+	    socket.on('connect', function () {
+	      socket.id = self.generateId(nsp);
+	    });
+	
+	    if (this.autoConnect) {
+	      // manually call here since connecting event is fired before listening
+	      onConnecting();
+	    }
+	  }
+	
+	  function onConnecting () {
+	    if (!~indexOf(self.connecting, socket)) {
+	      self.connecting.push(socket);
+	    }
+	  }
+	
+	  return socket;
+	};
+	
+	/**
+	 * Called upon a socket close.
+	 *
+	 * @param {Socket} socket
+	 */
+	
+	Manager.prototype.destroy = function (socket) {
+	  var index = indexOf(this.connecting, socket);
+	  if (~index) this.connecting.splice(index, 1);
+	  if (this.connecting.length) return;
+	
+	  this.close();
+	};
+	
+	/**
+	 * Writes a packet.
+	 *
+	 * @param {Object} packet
+	 * @api private
+	 */
+	
+	Manager.prototype.packet = function (packet) {
+	  debug('writing packet %j', packet);
+	  var self = this;
+	  if (packet.query && packet.type === 0) packet.nsp += '?' + packet.query;
+	
+	  if (!self.encoding) {
+	    // encode, then write to engine with result
+	    self.encoding = true;
+	    this.encoder.encode(packet, function (encodedPackets) {
+	      for (var i = 0; i < encodedPackets.length; i++) {
+	        self.engine.write(encodedPackets[i], packet.options);
+	      }
+	      self.encoding = false;
+	      self.processPacketQueue();
+	    });
+	  } else { // add packet to the queue
+	    self.packetBuffer.push(packet);
+	  }
+	};
+	
+	/**
+	 * If packet buffer is non-empty, begins encoding the
+	 * next packet in line.
+	 *
+	 * @api private
+	 */
+	
+	Manager.prototype.processPacketQueue = function () {
+	  if (this.packetBuffer.length > 0 && !this.encoding) {
+	    var pack = this.packetBuffer.shift();
+	    this.packet(pack);
+	  }
+	};
+	
+	/**
+	 * Clean up transport subscriptions and packet buffer.
+	 *
+	 * @api private
+	 */
+	
+	Manager.prototype.cleanup = function () {
+	  debug('cleanup');
+	
+	  var subsLength = this.subs.length;
+	  for (var i = 0; i < subsLength; i++) {
+	    var sub = this.subs.shift();
+	    sub.destroy();
+	  }
+	
+	  this.packetBuffer = [];
+	  this.encoding = false;
+	  this.lastPing = null;
+	
+	  this.decoder.destroy();
+	};
+	
+	/**
+	 * Close the current socket.
+	 *
+	 * @api private
+	 */
+	
+	Manager.prototype.close =
+	Manager.prototype.disconnect = function () {
+	  debug('disconnect');
+	  this.skipReconnect = true;
+	  this.reconnecting = false;
+	  if ('opening' === this.readyState) {
+	    // `onclose` will not fire because
+	    // an open event never happened
+	    this.cleanup();
+	  }
+	  this.backoff.reset();
+	  this.readyState = 'closed';
+	  if (this.engine) this.engine.close();
+	};
+	
+	/**
+	 * Called upon engine close.
+	 *
+	 * @api private
+	 */
+	
+	Manager.prototype.onclose = function (reason) {
+	  debug('onclose');
+	
+	  this.cleanup();
+	  this.backoff.reset();
+	  this.readyState = 'closed';
+	  this.emit('close', reason);
+	
+	  if (this._reconnection && !this.skipReconnect) {
+	    this.reconnect();
+	  }
+	};
+	
+	/**
+	 * Attempt a reconnection.
+	 *
+	 * @api private
+	 */
+	
+	Manager.prototype.reconnect = function () {
+	  if (this.reconnecting || this.skipReconnect) return this;
+	
+	  var self = this;
+	
+	  if (this.backoff.attempts >= this._reconnectionAttempts) {
+	    debug('reconnect failed');
+	    this.backoff.reset();
+	    this.emitAll('reconnect_failed');
+	    this.reconnecting = false;
+	  } else {
+	    var delay = this.backoff.duration();
+	    debug('will wait %dms before reconnect attempt', delay);
+	
+	    this.reconnecting = true;
+	    var timer = setTimeout(function () {
+	      if (self.skipReconnect) return;
+	
+	      debug('attempting reconnect');
+	      self.emitAll('reconnect_attempt', self.backoff.attempts);
+	      self.emitAll('reconnecting', self.backoff.attempts);
+	
+	      // check again for the case socket closed in above events
+	      if (self.skipReconnect) return;
+	
+	      self.open(function (err) {
+	        if (err) {
+	          debug('reconnect attempt error');
+	          self.reconnecting = false;
+	          self.reconnect();
+	          self.emitAll('reconnect_error', err.data);
+	        } else {
+	          debug('reconnect success');
+	          self.onreconnect();
+	        }
+	      });
+	    }, delay);
+	
+	    this.subs.push({
+	      destroy: function () {
+	        clearTimeout(timer);
+	      }
+	    });
+	  }
+	};
+	
+	/**
+	 * Called upon successful reconnect.
+	 *
+	 * @api private
+	 */
+	
+	Manager.prototype.onreconnect = function () {
+	  var attempt = this.backoff.attempts;
+	  this.reconnecting = false;
+	  this.backoff.reset();
+	  this.updateSocketIds();
+	  this.emitAll('reconnect', attempt);
+	};
+
+
+/***/ }),
+/* 16 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	
+	module.exports = __webpack_require__(17);
+	
+	/**
+	 * Exports parser
+	 *
+	 * @api public
+	 *
+	 */
+	module.exports.parser = __webpack_require__(24);
+
+
+/***/ }),
+/* 17 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/**
+	 * Module dependencies.
+	 */
+	
+	var transports = __webpack_require__(18);
+	var Emitter = __webpack_require__(11);
+	var debug = __webpack_require__(3)('engine.io-client:socket');
+	var index = __webpack_require__(38);
+	var parser = __webpack_require__(24);
+	var parseuri = __webpack_require__(2);
+	var parseqs = __webpack_require__(32);
+	
+	/**
+	 * Module exports.
+	 */
+	
+	module.exports = Socket;
+	
+	/**
+	 * Socket constructor.
+	 *
+	 * @param {String|Object} uri or options
+	 * @param {Object} options
+	 * @api public
+	 */
+	
+	function Socket (uri, opts) {
+	  if (!(this instanceof Socket)) return new Socket(uri, opts);
+	
+	  opts = opts || {};
+	
+	  if (uri && 'object' === typeof uri) {
+	    opts = uri;
+	    uri = null;
+	  }
+	
+	  if (uri) {
+	    uri = parseuri(uri);
+	    opts.hostname = uri.host;
+	    opts.secure = uri.protocol === 'https' || uri.protocol === 'wss';
+	    opts.port = uri.port;
+	    if (uri.query) opts.query = uri.query;
+	  } else if (opts.host) {
+	    opts.hostname = parseuri(opts.host).host;
+	  }
+	
+	  this.secure = null != opts.secure ? opts.secure
+	    : (typeof location !== 'undefined' && 'https:' === location.protocol);
+	
+	  if (opts.hostname && !opts.port) {
+	    // if no port is specified manually, use the protocol default
+	    opts.port = this.secure ? '443' : '80';
+	  }
+	
+	  this.agent = opts.agent || false;
+	  this.hostname = opts.hostname ||
+	    (typeof location !== 'undefined' ? location.hostname : 'localhost');
+	  this.port = opts.port || (typeof location !== 'undefined' && location.port
+	      ? location.port
+	      : (this.secure ? 443 : 80));
+	  this.query = opts.query || {};
+	  if ('string' === typeof this.query) this.query = parseqs.decode(this.query);
+	  this.upgrade = false !== opts.upgrade;
+	  this.path = (opts.path || '/engine.io').replace(/\/$/, '') + '/';
+	  this.forceJSONP = !!opts.forceJSONP;
+	  this.jsonp = false !== opts.jsonp;
+	  this.forceBase64 = !!opts.forceBase64;
+	  this.enablesXDR = !!opts.enablesXDR;
+	  this.withCredentials = false !== opts.withCredentials;
+	  this.timestampParam = opts.timestampParam || 't';
+	  this.timestampRequests = opts.timestampRequests;
+	  this.transports = opts.transports || ['polling', 'websocket'];
+	  this.transportOptions = opts.transportOptions || {};
+	  this.readyState = '';
+	  this.writeBuffer = [];
+	  this.prevBufferLen = 0;
+	  this.policyPort = opts.policyPort || 843;
+	  this.rememberUpgrade = opts.rememberUpgrade || false;
+	  this.binaryType = null;
+	  this.onlyBinaryUpgrades = opts.onlyBinaryUpgrades;
+	  this.perMessageDeflate = false !== opts.perMessageDeflate ? (opts.perMessageDeflate || {}) : false;
+	
+	  if (true === this.perMessageDeflate) this.perMessageDeflate = {};
+	  if (this.perMessageDeflate && null == this.perMessageDeflate.threshold) {
+	    this.perMessageDeflate.threshold = 1024;
+	  }
+	
+	  // SSL options for Node.js client
+	  this.pfx = opts.pfx || null;
+	  this.key = opts.key || null;
+	  this.passphrase = opts.passphrase || null;
+	  this.cert = opts.cert || null;
+	  this.ca = opts.ca || null;
+	  this.ciphers = opts.ciphers || null;
+	  this.rejectUnauthorized = opts.rejectUnauthorized === undefined ? true : opts.rejectUnauthorized;
+	  this.forceNode = !!opts.forceNode;
+	
+	  // detect ReactNative environment
+	  this.isReactNative = (typeof navigator !== 'undefined' && typeof navigator.product === 'string' && navigator.product.toLowerCase() === 'reactnative');
+	
+	  // other options for Node.js or ReactNative client
+	  if (typeof self === 'undefined' || this.isReactNative) {
+	    if (opts.extraHeaders && Object.keys(opts.extraHeaders).length > 0) {
+	      this.extraHeaders = opts.extraHeaders;
+	    }
+	
+	    if (opts.localAddress) {
+	      this.localAddress = opts.localAddress;
+	    }
+	  }
+	
+	  // set on handshake
+	  this.id = null;
+	  this.upgrades = null;
+	  this.pingInterval = null;
+	  this.pingTimeout = null;
+	
+	  // set on heartbeat
+	  this.pingIntervalTimer = null;
+	  this.pingTimeoutTimer = null;
+	
+	  this.open();
+	}
+	
+	Socket.priorWebsocketSuccess = false;
+	
+	/**
+	 * Mix in `Emitter`.
+	 */
+	
+	Emitter(Socket.prototype);
+	
+	/**
+	 * Protocol version.
+	 *
+	 * @api public
+	 */
+	
+	Socket.protocol = parser.protocol; // this is an int
+	
+	/**
+	 * Expose deps for legacy compatibility
+	 * and standalone browser access.
+	 */
+	
+	Socket.Socket = Socket;
+	Socket.Transport = __webpack_require__(23);
+	Socket.transports = __webpack_require__(18);
+	Socket.parser = __webpack_require__(24);
+	
+	/**
+	 * Creates transport of the given type.
+	 *
+	 * @param {String} transport name
+	 * @return {Transport}
+	 * @api private
+	 */
+	
+	Socket.prototype.createTransport = function (name) {
+	  debug('creating transport "%s"', name);
+	  var query = clone(this.query);
+	
+	  // append engine.io protocol identifier
+	  query.EIO = parser.protocol;
+	
+	  // transport name
+	  query.transport = name;
+	
+	  // per-transport options
+	  var options = this.transportOptions[name] || {};
+	
+	  // session id if we already have one
+	  if (this.id) query.sid = this.id;
+	
+	  var transport = new transports[name]({
+	    query: query,
+	    socket: this,
+	    agent: options.agent || this.agent,
+	    hostname: options.hostname || this.hostname,
+	    port: options.port || this.port,
+	    secure: options.secure || this.secure,
+	    path: options.path || this.path,
+	    forceJSONP: options.forceJSONP || this.forceJSONP,
+	    jsonp: options.jsonp || this.jsonp,
+	    forceBase64: options.forceBase64 || this.forceBase64,
+	    enablesXDR: options.enablesXDR || this.enablesXDR,
+	    withCredentials: options.withCredentials || this.withCredentials,
+	    timestampRequests: options.timestampRequests || this.timestampRequests,
+	    timestampParam: options.timestampParam || this.timestampParam,
+	    policyPort: options.policyPort || this.policyPort,
+	    pfx: options.pfx || this.pfx,
+	    key: options.key || this.key,
+	    passphrase: options.passphrase || this.passphrase,
+	    cert: options.cert || this.cert,
+	    ca: options.ca || this.ca,
+	    ciphers: options.ciphers || this.ciphers,
+	    rejectUnauthorized: options.rejectUnauthorized || this.rejectUnauthorized,
+	    perMessageDeflate: options.perMessageDeflate || this.perMessageDeflate,
+	    extraHeaders: options.extraHeaders || this.extraHeaders,
+	    forceNode: options.forceNode || this.forceNode,
+	    localAddress: options.localAddress || this.localAddress,
+	    requestTimeout: options.requestTimeout || this.requestTimeout,
+	    protocols: options.protocols || void (0),
+	    isReactNative: this.isReactNative
+	  });
+	
+	  return transport;
+	};
+	
+	function clone (obj) {
+	  var o = {};
+	  for (var i in obj) {
+	    if (obj.hasOwnProperty(i)) {
+	      o[i] = obj[i];
+	    }
+	  }
+	  return o;
+	}
+	
+	/**
+	 * Initializes transport to use and starts probe.
+	 *
+	 * @api private
+	 */
+	Socket.prototype.open = function () {
+	  var transport;
+	  if (this.rememberUpgrade && Socket.priorWebsocketSuccess && this.transports.indexOf('websocket') !== -1) {
+	    transport = 'websocket';
+	  } else if (0 === this.transports.length) {
+	    // Emit error on next tick so it can be listened to
+	    var self = this;
+	    setTimeout(function () {
+	      self.emit('error', 'No transports available');
+	    }, 0);
+	    return;
+	  } else {
+	    transport = this.transports[0];
+	  }
+	  this.readyState = 'opening';
+	
+	  // Retry with the next transport if the transport is disabled (jsonp: false)
+	  try {
+	    transport = this.createTransport(transport);
+	  } catch (e) {
+	    this.transports.shift();
+	    this.open();
+	    return;
+	  }
+	
+	  transport.open();
+	  this.setTransport(transport);
+	};
+	
+	/**
+	 * Sets the current transport. Disables the existing one (if any).
+	 *
+	 * @api private
+	 */
+	
+	Socket.prototype.setTransport = function (transport) {
+	  debug('setting transport %s', transport.name);
+	  var self = this;
+	
+	  if (this.transport) {
+	    debug('clearing existing transport %s', this.transport.name);
+	    this.transport.removeAllListeners();
+	  }
+	
+	  // set up transport
+	  this.transport = transport;
+	
+	  // set up transport listeners
+	  transport
+	  .on('drain', function () {
+	    self.onDrain();
+	  })
+	  .on('packet', function (packet) {
+	    self.onPacket(packet);
+	  })
+	  .on('error', function (e) {
+	    self.onError(e);
+	  })
+	  .on('close', function () {
+	    self.onClose('transport close');
+	  });
+	};
+	
+	/**
+	 * Probes a transport.
+	 *
+	 * @param {String} transport name
+	 * @api private
+	 */
+	
+	Socket.prototype.probe = function (name) {
+	  debug('probing transport "%s"', name);
+	  var transport = this.createTransport(name, { probe: 1 });
+	  var failed = false;
+	  var self = this;
+	
+	  Socket.priorWebsocketSuccess = false;
+	
+	  function onTransportOpen () {
+	    if (self.onlyBinaryUpgrades) {
+	      var upgradeLosesBinary = !this.supportsBinary && self.transport.supportsBinary;
+	      failed = failed || upgradeLosesBinary;
+	    }
+	    if (failed) return;
+	
+	    debug('probe transport "%s" opened', name);
+	    transport.send([{ type: 'ping', data: 'probe' }]);
+	    transport.once('packet', function (msg) {
+	      if (failed) return;
+	      if ('pong' === msg.type && 'probe' === msg.data) {
+	        debug('probe transport "%s" pong', name);
+	        self.upgrading = true;
+	        self.emit('upgrading', transport);
+	        if (!transport) return;
+	        Socket.priorWebsocketSuccess = 'websocket' === transport.name;
+	
+	        debug('pausing current transport "%s"', self.transport.name);
+	        self.transport.pause(function () {
+	          if (failed) return;
+	          if ('closed' === self.readyState) return;
+	          debug('changing transport and sending upgrade packet');
+	
+	          cleanup();
+	
+	          self.setTransport(transport);
+	          transport.send([{ type: 'upgrade' }]);
+	          self.emit('upgrade', transport);
+	          transport = null;
+	          self.upgrading = false;
+	          self.flush();
+	        });
+	      } else {
+	        debug('probe transport "%s" failed', name);
+	        var err = new Error('probe error');
+	        err.transport = transport.name;
+	        self.emit('upgradeError', err);
+	      }
+	    });
+	  }
+	
+	  function freezeTransport () {
+	    if (failed) return;
+	
+	    // Any callback called by transport should be ignored since now
+	    failed = true;
+	
+	    cleanup();
+	
+	    transport.close();
+	    transport = null;
+	  }
+	
+	  // Handle any error that happens while probing
+	  function onerror (err) {
+	    var error = new Error('probe error: ' + err);
+	    error.transport = transport.name;
+	
+	    freezeTransport();
+	
+	    debug('probe transport "%s" failed because of error: %s', name, err);
+	
+	    self.emit('upgradeError', error);
+	  }
+	
+	  function onTransportClose () {
+	    onerror('transport closed');
+	  }
+	
+	  // When the socket is closed while we're probing
+	  function onclose () {
+	    onerror('socket closed');
+	  }
+	
+	  // When the socket is upgraded while we're probing
+	  function onupgrade (to) {
+	    if (transport && to.name !== transport.name) {
+	      debug('"%s" works - aborting "%s"', to.name, transport.name);
+	      freezeTransport();
+	    }
+	  }
+	
+	  // Remove all listeners on the transport and on self
+	  function cleanup () {
+	    transport.removeListener('open', onTransportOpen);
+	    transport.removeListener('error', onerror);
+	    transport.removeListener('close', onTransportClose);
+	    self.removeListener('close', onclose);
+	    self.removeListener('upgrading', onupgrade);
+	  }
+	
+	  transport.once('open', onTransportOpen);
+	  transport.once('error', onerror);
+	  transport.once('close', onTransportClose);
+	
+	  this.once('close', onclose);
+	  this.once('upgrading', onupgrade);
+	
+	  transport.open();
+	};
+	
+	/**
+	 * Called when connection is deemed open.
+	 *
+	 * @api public
+	 */
+	
+	Socket.prototype.onOpen = function () {
+	  debug('socket open');
+	  this.readyState = 'open';
+	  Socket.priorWebsocketSuccess = 'websocket' === this.transport.name;
+	  this.emit('open');
+	  this.flush();
+	
+	  // we check for `readyState` in case an `open`
+	  // listener already closed the socket
+	  if ('open' === this.readyState && this.upgrade && this.transport.pause) {
+	    debug('starting upgrade probes');
+	    for (var i = 0, l = this.upgrades.length; i < l; i++) {
+	      this.probe(this.upgrades[i]);
+	    }
+	  }
+	};
+	
+	/**
+	 * Handles a packet.
+	 *
+	 * @api private
+	 */
+	
+	Socket.prototype.onPacket = function (packet) {
+	  if ('opening' === this.readyState || 'open' === this.readyState ||
+	      'closing' === this.readyState) {
+	    debug('socket receive: type "%s", data "%s"', packet.type, packet.data);
+	
+	    this.emit('packet', packet);
+	
+	    // Socket is live - any packet counts
+	    this.emit('heartbeat');
+	
+	    switch (packet.type) {
+	      case 'open':
+	        this.onHandshake(JSON.parse(packet.data));
+	        break;
+	
+	      case 'pong':
+	        this.setPing();
+	        this.emit('pong');
+	        break;
+	
+	      case 'error':
+	        var err = new Error('server error');
+	        err.code = packet.data;
+	        this.onError(err);
+	        break;
+	
+	      case 'message':
+	        this.emit('data', packet.data);
+	        this.emit('message', packet.data);
+	        break;
+	    }
+	  } else {
+	    debug('packet received with socket readyState "%s"', this.readyState);
+	  }
+	};
+	
+	/**
+	 * Called upon handshake completion.
+	 *
+	 * @param {Object} handshake obj
+	 * @api private
+	 */
+	
+	Socket.prototype.onHandshake = function (data) {
+	  this.emit('handshake', data);
+	  this.id = data.sid;
+	  this.transport.query.sid = data.sid;
+	  this.upgrades = this.filterUpgrades(data.upgrades);
+	  this.pingInterval = data.pingInterval;
+	  this.pingTimeout = data.pingTimeout;
+	  this.onOpen();
+	  // In case open handler closes socket
+	  if ('closed' === this.readyState) return;
+	  this.setPing();
+	
+	  // Prolong liveness of socket on heartbeat
+	  this.removeListener('heartbeat', this.onHeartbeat);
+	  this.on('heartbeat', this.onHeartbeat);
+	};
+	
+	/**
+	 * Resets ping timeout.
+	 *
+	 * @api private
+	 */
+	
+	Socket.prototype.onHeartbeat = function (timeout) {
+	  clearTimeout(this.pingTimeoutTimer);
+	  var self = this;
+	  self.pingTimeoutTimer = setTimeout(function () {
+	    if ('closed' === self.readyState) return;
+	    self.onClose('ping timeout');
+	  }, timeout || (self.pingInterval + self.pingTimeout));
+	};
+	
+	/**
+	 * Pings server every `this.pingInterval` and expects response
+	 * within `this.pingTimeout` or closes connection.
+	 *
+	 * @api private
+	 */
+	
+	Socket.prototype.setPing = function () {
+	  var self = this;
+	  clearTimeout(self.pingIntervalTimer);
+	  self.pingIntervalTimer = setTimeout(function () {
+	    debug('writing ping packet - expecting pong within %sms', self.pingTimeout);
+	    self.ping();
+	    self.onHeartbeat(self.pingTimeout);
+	  }, self.pingInterval);
+	};
+	
+	/**
+	* Sends a ping packet.
+	*
+	* @api private
+	*/
+	
+	Socket.prototype.ping = function () {
+	  var self = this;
+	  this.sendPacket('ping', function () {
+	    self.emit('ping');
+	  });
+	};
+	
+	/**
+	 * Called on `drain` event
+	 *
+	 * @api private
+	 */
+	
+	Socket.prototype.onDrain = function () {
+	  this.writeBuffer.splice(0, this.prevBufferLen);
+	
+	  // setting prevBufferLen = 0 is very important
+	  // for example, when upgrading, upgrade packet is sent over,
+	  // and a nonzero prevBufferLen could cause problems on `drain`
+	  this.prevBufferLen = 0;
+	
+	  if (0 === this.writeBuffer.length) {
+	    this.emit('drain');
+	  } else {
+	    this.flush();
+	  }
+	};
+	
+	/**
+	 * Flush write buffers.
+	 *
+	 * @api private
+	 */
+	
+	Socket.prototype.flush = function () {
+	  if ('closed' !== this.readyState && this.transport.writable &&
+	    !this.upgrading && this.writeBuffer.length) {
+	    debug('flushing %d packets in socket', this.writeBuffer.length);
+	    this.transport.send(this.writeBuffer);
+	    // keep track of current length of writeBuffer
+	    // splice writeBuffer and callbackBuffer on `drain`
+	    this.prevBufferLen = this.writeBuffer.length;
+	    this.emit('flush');
+	  }
+	};
+	
+	/**
+	 * Sends a message.
+	 *
+	 * @param {String} message.
+	 * @param {Function} callback function.
+	 * @param {Object} options.
+	 * @return {Socket} for chaining.
+	 * @api public
+	 */
+	
+	Socket.prototype.write =
+	Socket.prototype.send = function (msg, options, fn) {
+	  this.sendPacket('message', msg, options, fn);
+	  return this;
+	};
+	
+	/**
+	 * Sends a packet.
+	 *
+	 * @param {String} packet type.
+	 * @param {String} data.
+	 * @param {Object} options.
+	 * @param {Function} callback function.
+	 * @api private
+	 */
+	
+	Socket.prototype.sendPacket = function (type, data, options, fn) {
+	  if ('function' === typeof data) {
+	    fn = data;
+	    data = undefined;
+	  }
+	
+	  if ('function' === typeof options) {
+	    fn = options;
+	    options = null;
+	  }
+	
+	  if ('closing' === this.readyState || 'closed' === this.readyState) {
+	    return;
+	  }
+	
+	  options = options || {};
+	  options.compress = false !== options.compress;
+	
+	  var packet = {
+	    type: type,
+	    data: data,
+	    options: options
+	  };
+	  this.emit('packetCreate', packet);
+	  this.writeBuffer.push(packet);
+	  if (fn) this.once('flush', fn);
+	  this.flush();
+	};
+	
+	/**
+	 * Closes the connection.
+	 *
+	 * @api private
+	 */
+	
+	Socket.prototype.close = function () {
+	  if ('opening' === this.readyState || 'open' === this.readyState) {
+	    this.readyState = 'closing';
+	
+	    var self = this;
+	
+	    if (this.writeBuffer.length) {
+	      this.once('drain', function () {
+	        if (this.upgrading) {
+	          waitForUpgrade();
+	        } else {
+	          close();
+	        }
+	      });
+	    } else if (this.upgrading) {
+	      waitForUpgrade();
+	    } else {
+	      close();
+	    }
+	  }
+	
+	  function close () {
+	    self.onClose('forced close');
+	    debug('socket closing - telling transport to close');
+	    self.transport.close();
+	  }
+	
+	  function cleanupAndClose () {
+	    self.removeListener('upgrade', cleanupAndClose);
+	    self.removeListener('upgradeError', cleanupAndClose);
+	    close();
+	  }
+	
+	  function waitForUpgrade () {
+	    // wait for upgrade to finish since we can't send packets while pausing a transport
+	    self.once('upgrade', cleanupAndClose);
+	    self.once('upgradeError', cleanupAndClose);
+	  }
+	
+	  return this;
+	};
+	
+	/**
+	 * Called upon transport error
+	 *
+	 * @api private
+	 */
+	
+	Socket.prototype.onError = function (err) {
+	  debug('socket error %j', err);
+	  Socket.priorWebsocketSuccess = false;
+	  this.emit('error', err);
+	  this.onClose('transport error', err);
+	};
+	
+	/**
+	 * Called upon transport close.
+	 *
+	 * @api private
+	 */
+	
+	Socket.prototype.onClose = function (reason, desc) {
+	  if ('opening' === this.readyState || 'open' === this.readyState || 'closing' === this.readyState) {
+	    debug('socket close with reason: "%s"', reason);
+	    var self = this;
+	
+	    // clear timers
+	    clearTimeout(this.pingIntervalTimer);
+	    clearTimeout(this.pingTimeoutTimer);
+	
+	    // stop event from firing again for transport
+	    this.transport.removeAllListeners('close');
+	
+	    // ensure transport won't stay open
+	    this.transport.close();
+	
+	    // ignore further transport communication
+	    this.transport.removeAllListeners();
+	
+	    // set ready state
+	    this.readyState = 'closed';
+	
+	    // clear session id
+	    this.id = null;
+	
+	    // emit close event
+	    this.emit('close', reason, desc);
+	
+	    // clean buffers after, so users can still
+	    // grab the buffers on `close` event
+	    self.writeBuffer = [];
+	    self.prevBufferLen = 0;
+	  }
+	};
+	
+	/**
+	 * Filters upgrades, returning only those matching client transports.
+	 *
+	 * @param {Array} server upgrades
+	 * @api private
+	 *
+	 */
+	
+	Socket.prototype.filterUpgrades = function (upgrades) {
+	  var filteredUpgrades = [];
+	  for (var i = 0, j = upgrades.length; i < j; i++) {
+	    if (~index(this.transports, upgrades[i])) filteredUpgrades.push(upgrades[i]);
+	  }
+	  return filteredUpgrades;
+	};
+
+
+/***/ }),
+/* 18 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/**
+	 * Module dependencies
+	 */
+	
+	var XMLHttpRequest = __webpack_require__(19);
+	var XHR = __webpack_require__(21);
+	var JSONP = __webpack_require__(35);
+	var websocket = __webpack_require__(36);
+	
+	/**
+	 * Export transports.
+	 */
+	
+	exports.polling = polling;
+	exports.websocket = websocket;
+	
+	/**
+	 * Polling transport polymorphic constructor.
+	 * Decides on xhr vs jsonp based on feature detection.
+	 *
+	 * @api private
+	 */
+	
+	function polling (opts) {
+	  var xhr;
+	  var xd = false;
+	  var xs = false;
+	  var jsonp = false !== opts.jsonp;
+	
+	  if (typeof location !== 'undefined') {
+	    var isSSL = 'https:' === location.protocol;
+	    var port = location.port;
+	
+	    // some user agents have empty `location.port`
+	    if (!port) {
+	      port = isSSL ? 443 : 80;
+	    }
+	
+	    xd = opts.hostname !== location.hostname || port !== opts.port;
+	    xs = opts.secure !== isSSL;
+	  }
+	
+	  opts.xdomain = xd;
+	  opts.xscheme = xs;
+	  xhr = new XMLHttpRequest(opts);
+	
+	  if ('open' in xhr && !opts.forceJSONP) {
+	    return new XHR(opts);
+	  } else {
+	    if (!jsonp) throw new Error('JSONP disabled');
+	    return new JSONP(opts);
+	  }
+	}
+
+
+/***/ }),
+/* 19 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	// browser shim for xmlhttprequest module
+	
+	var hasCORS = __webpack_require__(20);
+	
+	module.exports = function (opts) {
+	  var xdomain = opts.xdomain;
+	
+	  // scheme must be same when usign XDomainRequest
+	  // http://blogs.msdn.com/b/ieinternals/archive/2010/05/13/xdomainrequest-restrictions-limitations-and-workarounds.aspx
+	  var xscheme = opts.xscheme;
+	
+	  // XDomainRequest has a flow of not sending cookie, therefore it should be disabled as a default.
+	  // https://github.com/Automattic/engine.io-client/pull/217
+	  var enablesXDR = opts.enablesXDR;
+	
+	  // XMLHttpRequest can be disabled on IE
+	  try {
+	    if ('undefined' !== typeof XMLHttpRequest && (!xdomain || hasCORS)) {
+	      return new XMLHttpRequest();
+	    }
+	  } catch (e) { }
+	
+	  // Use XDomainRequest for IE8 if enablesXDR is true
+	  // because loading bar keeps flashing when using jsonp-polling
+	  // https://github.com/yujiosaka/socke.io-ie8-loading-example
+	  try {
+	    if ('undefined' !== typeof XDomainRequest && !xscheme && enablesXDR) {
+	      return new XDomainRequest();
+	    }
+	  } catch (e) { }
+	
+	  if (!xdomain) {
+	    try {
+	      return new self[['Active'].concat('Object').join('X')]('Microsoft.XMLHTTP');
+	    } catch (e) { }
+	  }
+	};
+
+
+/***/ }),
+/* 20 */
+/***/ (function(module, exports) {
+
+	
+	/**
+	 * Module exports.
+	 *
+	 * Logic borrowed from Modernizr:
+	 *
+	 *   - https://github.com/Modernizr/Modernizr/blob/master/feature-detects/cors.js
+	 */
+	
+	try {
+	  module.exports = typeof XMLHttpRequest !== 'undefined' &&
+	    'withCredentials' in new XMLHttpRequest();
+	} catch (err) {
+	  // if XMLHttp support is disabled in IE then it will throw
+	  // when trying to create
+	  module.exports = false;
+	}
+
+
+/***/ }),
+/* 21 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/* global attachEvent */
+	
+	/**
+	 * Module requirements.
+	 */
+	
+	var XMLHttpRequest = __webpack_require__(19);
+	var Polling = __webpack_require__(22);
+	var Emitter = __webpack_require__(11);
+	var inherit = __webpack_require__(33);
+	var debug = __webpack_require__(3)('engine.io-client:polling-xhr');
+	
+	/**
+	 * Module exports.
+	 */
+	
+	module.exports = XHR;
+	module.exports.Request = Request;
+	
+	/**
+	 * Empty function
+	 */
+	
+	function empty () {}
+	
+	/**
+	 * XHR Polling constructor.
+	 *
+	 * @param {Object} opts
+	 * @api public
+	 */
+	
+	function XHR (opts) {
+	  Polling.call(this, opts);
+	  this.requestTimeout = opts.requestTimeout;
+	  this.extraHeaders = opts.extraHeaders;
+	
+	  if (typeof location !== 'undefined') {
+	    var isSSL = 'https:' === location.protocol;
+	    var port = location.port;
+	
+	    // some user agents have empty `location.port`
+	    if (!port) {
+	      port = isSSL ? 443 : 80;
+	    }
+	
+	    this.xd = (typeof location !== 'undefined' && opts.hostname !== location.hostname) ||
+	      port !== opts.port;
+	    this.xs = opts.secure !== isSSL;
+	  }
+	}
+	
+	/**
+	 * Inherits from Polling.
+	 */
+	
+	inherit(XHR, Polling);
+	
+	/**
+	 * XHR supports binary
+	 */
+	
+	XHR.prototype.supportsBinary = true;
+	
+	/**
+	 * Creates a request.
+	 *
+	 * @param {String} method
+	 * @api private
+	 */
+	
+	XHR.prototype.request = function (opts) {
+	  opts = opts || {};
+	  opts.uri = this.uri();
+	  opts.xd = this.xd;
+	  opts.xs = this.xs;
+	  opts.agent = this.agent || false;
+	  opts.supportsBinary = this.supportsBinary;
+	  opts.enablesXDR = this.enablesXDR;
+	  opts.withCredentials = this.withCredentials;
+	
+	  // SSL options for Node.js client
+	  opts.pfx = this.pfx;
+	  opts.key = this.key;
+	  opts.passphrase = this.passphrase;
+	  opts.cert = this.cert;
+	  opts.ca = this.ca;
+	  opts.ciphers = this.ciphers;
+	  opts.rejectUnauthorized = this.rejectUnauthorized;
+	  opts.requestTimeout = this.requestTimeout;
+	
+	  // other options for Node.js client
+	  opts.extraHeaders = this.extraHeaders;
+	
+	  return new Request(opts);
+	};
+	
+	/**
+	 * Sends data.
+	 *
+	 * @param {String} data to send.
+	 * @param {Function} called upon flush.
+	 * @api private
+	 */
+	
+	XHR.prototype.doWrite = function (data, fn) {
+	  var isBinary = typeof data !== 'string' && data !== undefined;
+	  var req = this.request({ method: 'POST', data: data, isBinary: isBinary });
+	  var self = this;
+	  req.on('success', fn);
+	  req.on('error', function (err) {
+	    self.onError('xhr post error', err);
+	  });
+	  this.sendXhr = req;
+	};
+	
+	/**
+	 * Starts a poll cycle.
+	 *
+	 * @api private
+	 */
+	
+	XHR.prototype.doPoll = function () {
+	  debug('xhr poll');
+	  var req = this.request();
+	  var self = this;
+	  req.on('data', function (data) {
+	    self.onData(data);
+	  });
+	  req.on('error', function (err) {
+	    self.onError('xhr poll error', err);
+	  });
+	  this.pollXhr = req;
+	};
+	
+	/**
+	 * Request constructor
+	 *
+	 * @param {Object} options
+	 * @api public
+	 */
+	
+	function Request (opts) {
+	  this.method = opts.method || 'GET';
+	  this.uri = opts.uri;
+	  this.xd = !!opts.xd;
+	  this.xs = !!opts.xs;
+	  this.async = false !== opts.async;
+	  this.data = undefined !== opts.data ? opts.data : null;
+	  this.agent = opts.agent;
+	  this.isBinary = opts.isBinary;
+	  this.supportsBinary = opts.supportsBinary;
+	  this.enablesXDR = opts.enablesXDR;
+	  this.withCredentials = opts.withCredentials;
+	  this.requestTimeout = opts.requestTimeout;
+	
+	  // SSL options for Node.js client
+	  this.pfx = opts.pfx;
+	  this.key = opts.key;
+	  this.passphrase = opts.passphrase;
+	  this.cert = opts.cert;
+	  this.ca = opts.ca;
+	  this.ciphers = opts.ciphers;
+	  this.rejectUnauthorized = opts.rejectUnauthorized;
+	
+	  // other options for Node.js client
+	  this.extraHeaders = opts.extraHeaders;
+	
+	  this.create();
+	}
+	
+	/**
+	 * Mix in `Emitter`.
+	 */
+	
+	Emitter(Request.prototype);
+	
+	/**
+	 * Creates the XHR object and sends the request.
+	 *
+	 * @api private
+	 */
+	
+	Request.prototype.create = function () {
+	  var opts = { agent: this.agent, xdomain: this.xd, xscheme: this.xs, enablesXDR: this.enablesXDR };
+	
+	  // SSL options for Node.js client
+	  opts.pfx = this.pfx;
+	  opts.key = this.key;
+	  opts.passphrase = this.passphrase;
+	  opts.cert = this.cert;
+	  opts.ca = this.ca;
+	  opts.ciphers = this.ciphers;
+	  opts.rejectUnauthorized = this.rejectUnauthorized;
+	
+	  var xhr = this.xhr = new XMLHttpRequest(opts);
+	  var self = this;
+	
+	  try {
+	    debug('xhr open %s: %s', this.method, this.uri);
+	    xhr.open(this.method, this.uri, this.async);
+	    try {
+	      if (this.extraHeaders) {
+	        xhr.setDisableHeaderCheck && xhr.setDisableHeaderCheck(true);
+	        for (var i in this.extraHeaders) {
+	          if (this.extraHeaders.hasOwnProperty(i)) {
+	            xhr.setRequestHeader(i, this.extraHeaders[i]);
+	          }
+	        }
+	      }
+	    } catch (e) {}
+	
+	    if ('POST' === this.method) {
+	      try {
+	        if (this.isBinary) {
+	          xhr.setRequestHeader('Content-type', 'application/octet-stream');
+	        } else {
+	          xhr.setRequestHeader('Content-type', 'text/plain;charset=UTF-8');
+	        }
+	      } catch (e) {}
+	    }
+	
+	    try {
+	      xhr.setRequestHeader('Accept', '*/*');
+	    } catch (e) {}
+	
+	    // ie6 check
+	    if ('withCredentials' in xhr) {
+	      xhr.withCredentials = this.withCredentials;
+	    }
+	
+	    if (this.requestTimeout) {
+	      xhr.timeout = this.requestTimeout;
+	    }
+	
+	    if (this.hasXDR()) {
+	      xhr.onload = function () {
+	        self.onLoad();
+	      };
+	      xhr.onerror = function () {
+	        self.onError(xhr.responseText);
+	      };
+	    } else {
+	      xhr.onreadystatechange = function () {
+	        if (xhr.readyState === 2) {
+	          try {
+	            var contentType = xhr.getResponseHeader('Content-Type');
+	            if (self.supportsBinary && contentType === 'application/octet-stream' || contentType === 'application/octet-stream; charset=UTF-8') {
+	              xhr.responseType = 'arraybuffer';
+	            }
+	          } catch (e) {}
+	        }
+	        if (4 !== xhr.readyState) return;
+	        if (200 === xhr.status || 1223 === xhr.status) {
+	          self.onLoad();
+	        } else {
+	          // make sure the `error` event handler that's user-set
+	          // does not throw in the same tick and gets caught here
+	          setTimeout(function () {
+	            self.onError(typeof xhr.status === 'number' ? xhr.status : 0);
+	          }, 0);
+	        }
+	      };
+	    }
+	
+	    debug('xhr data %s', this.data);
+	    xhr.send(this.data);
+	  } catch (e) {
+	    // Need to defer since .create() is called directly fhrom the constructor
+	    // and thus the 'error' event can only be only bound *after* this exception
+	    // occurs.  Therefore, also, we cannot throw here at all.
+	    setTimeout(function () {
+	      self.onError(e);
+	    }, 0);
+	    return;
+	  }
+	
+	  if (typeof document !== 'undefined') {
+	    this.index = Request.requestsCount++;
+	    Request.requests[this.index] = this;
+	  }
+	};
+	
+	/**
+	 * Called upon successful response.
+	 *
+	 * @api private
+	 */
+	
+	Request.prototype.onSuccess = function () {
+	  this.emit('success');
+	  this.cleanup();
+	};
+	
+	/**
+	 * Called if we have data.
+	 *
+	 * @api private
+	 */
+	
+	Request.prototype.onData = function (data) {
+	  this.emit('data', data);
+	  this.onSuccess();
+	};
+	
+	/**
+	 * Called upon error.
+	 *
+	 * @api private
+	 */
+	
+	Request.prototype.onError = function (err) {
+	  this.emit('error', err);
+	  this.cleanup(true);
+	};
+	
+	/**
+	 * Cleans up house.
+	 *
+	 * @api private
+	 */
+	
+	Request.prototype.cleanup = function (fromError) {
+	  if ('undefined' === typeof this.xhr || null === this.xhr) {
+	    return;
+	  }
+	  // xmlhttprequest
+	  if (this.hasXDR()) {
+	    this.xhr.onload = this.xhr.onerror = empty;
+	  } else {
+	    this.xhr.onreadystatechange = empty;
+	  }
+	
+	  if (fromError) {
+	    try {
+	      this.xhr.abort();
+	    } catch (e) {}
+	  }
+	
+	  if (typeof document !== 'undefined') {
+	    delete Request.requests[this.index];
+	  }
+	
+	  this.xhr = null;
+	};
+	
+	/**
+	 * Called upon load.
+	 *
+	 * @api private
+	 */
+	
+	Request.prototype.onLoad = function () {
+	  var data;
+	  try {
+	    var contentType;
+	    try {
+	      contentType = this.xhr.getResponseHeader('Content-Type');
+	    } catch (e) {}
+	    if (contentType === 'application/octet-stream' || contentType === 'application/octet-stream; charset=UTF-8') {
+	      data = this.xhr.response || this.xhr.responseText;
+	    } else {
+	      data = this.xhr.responseText;
+	    }
+	  } catch (e) {
+	    this.onError(e);
+	  }
+	  if (null != data) {
+	    this.onData(data);
+	  }
+	};
+	
+	/**
+	 * Check if it has XDomainRequest.
+	 *
+	 * @api private
+	 */
+	
+	Request.prototype.hasXDR = function () {
+	  return typeof XDomainRequest !== 'undefined' && !this.xs && this.enablesXDR;
+	};
+	
+	/**
+	 * Aborts the request.
+	 *
+	 * @api public
+	 */
+	
+	Request.prototype.abort = function () {
+	  this.cleanup();
+	};
+	
+	/**
+	 * Aborts pending requests when unloading the window. This is needed to prevent
+	 * memory leaks (e.g. when using IE) and to ensure that no spurious error is
+	 * emitted.
+	 */
+	
+	Request.requestsCount = 0;
+	Request.requests = {};
+	
+	if (typeof document !== 'undefined') {
+	  if (typeof attachEvent === 'function') {
+	    attachEvent('onunload', unloadHandler);
+	  } else if (typeof addEventListener === 'function') {
+	    var terminationEvent = 'onpagehide' in self ? 'pagehide' : 'unload';
+	    addEventListener(terminationEvent, unloadHandler, false);
+	  }
+	}
+	
+	function unloadHandler () {
+	  for (var i in Request.requests) {
+	    if (Request.requests.hasOwnProperty(i)) {
+	      Request.requests[i].abort();
+	    }
+	  }
+	}
+
+
+/***/ }),
+/* 22 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/**
+	 * Module dependencies.
+	 */
+	
+	var Transport = __webpack_require__(23);
+	var parseqs = __webpack_require__(32);
+	var parser = __webpack_require__(24);
+	var inherit = __webpack_require__(33);
+	var yeast = __webpack_require__(34);
+	var debug = __webpack_require__(3)('engine.io-client:polling');
+	
+	/**
+	 * Module exports.
+	 */
+	
+	module.exports = Polling;
+	
+	/**
+	 * Is XHR2 supported?
+	 */
+	
+	var hasXHR2 = (function () {
+	  var XMLHttpRequest = __webpack_require__(19);
+	  var xhr = new XMLHttpRequest({ xdomain: false });
+	  return null != xhr.responseType;
+	})();
+	
+	/**
+	 * Polling interface.
+	 *
+	 * @param {Object} opts
+	 * @api private
+	 */
+	
+	function Polling (opts) {
+	  var forceBase64 = (opts && opts.forceBase64);
+	  if (!hasXHR2 || forceBase64) {
+	    this.supportsBinary = false;
+	  }
+	  Transport.call(this, opts);
+	}
+	
+	/**
+	 * Inherits from Transport.
+	 */
+	
+	inherit(Polling, Transport);
+	
+	/**
+	 * Transport name.
+	 */
+	
+	Polling.prototype.name = 'polling';
+	
+	/**
+	 * Opens the socket (triggers polling). We write a PING message to determine
+	 * when the transport is open.
+	 *
+	 * @api private
+	 */
+	
+	Polling.prototype.doOpen = function () {
+	  this.poll();
+	};
+	
+	/**
+	 * Pauses polling.
+	 *
+	 * @param {Function} callback upon buffers are flushed and transport is paused
+	 * @api private
+	 */
+	
+	Polling.prototype.pause = function (onPause) {
+	  var self = this;
+	
+	  this.readyState = 'pausing';
+	
+	  function pause () {
+	    debug('paused');
+	    self.readyState = 'paused';
+	    onPause();
+	  }
+	
+	  if (this.polling || !this.writable) {
+	    var total = 0;
+	
+	    if (this.polling) {
+	      debug('we are currently polling - waiting to pause');
+	      total++;
+	      this.once('pollComplete', function () {
+	        debug('pre-pause polling complete');
+	        --total || pause();
+	      });
+	    }
+	
+	    if (!this.writable) {
+	      debug('we are currently writing - waiting to pause');
+	      total++;
+	      this.once('drain', function () {
+	        debug('pre-pause writing complete');
+	        --total || pause();
+	      });
+	    }
+	  } else {
+	    pause();
+	  }
+	};
+	
+	/**
+	 * Starts polling cycle.
+	 *
+	 * @api public
+	 */
+	
+	Polling.prototype.poll = function () {
+	  debug('polling');
+	  this.polling = true;
+	  this.doPoll();
+	  this.emit('poll');
+	};
+	
+	/**
+	 * Overloads onData to detect payloads.
+	 *
+	 * @api private
+	 */
+	
+	Polling.prototype.onData = function (data) {
+	  var self = this;
+	  debug('polling got data %s', data);
+	  var callback = function (packet, index, total) {
+	    // if its the first message we consider the transport open
+	    if ('opening' === self.readyState) {
+	      self.onOpen();
+	    }
+	
+	    // if its a close packet, we close the ongoing requests
+	    if ('close' === packet.type) {
+	      self.onClose();
+	      return false;
+	    }
+	
+	    // otherwise bypass onData and handle the message
+	    self.onPacket(packet);
+	  };
+	
+	  // decode payload
+	  parser.decodePayload(data, this.socket.binaryType, callback);
+	
+	  // if an event did not trigger closing
+	  if ('closed' !== this.readyState) {
+	    // if we got data we're not polling
+	    this.polling = false;
+	    this.emit('pollComplete');
+	
+	    if ('open' === this.readyState) {
+	      this.poll();
+	    } else {
+	      debug('ignoring poll - transport state "%s"', this.readyState);
+	    }
+	  }
+	};
+	
+	/**
+	 * For polling, send a close packet.
+	 *
+	 * @api private
+	 */
+	
+	Polling.prototype.doClose = function () {
+	  var self = this;
+	
+	  function close () {
+	    debug('writing close packet');
+	    self.write([{ type: 'close' }]);
+	  }
+	
+	  if ('open' === this.readyState) {
+	    debug('transport open - closing');
+	    close();
+	  } else {
+	    // in case we're trying to close while
+	    // handshaking is in progress (GH-164)
+	    debug('transport not open - deferring close');
+	    this.once('open', close);
+	  }
+	};
+	
+	/**
+	 * Writes a packets payload.
+	 *
+	 * @param {Array} data packets
+	 * @param {Function} drain callback
+	 * @api private
+	 */
+	
+	Polling.prototype.write = function (packets) {
+	  var self = this;
+	  this.writable = false;
+	  var callbackfn = function () {
+	    self.writable = true;
+	    self.emit('drain');
+	  };
+	
+	  parser.encodePayload(packets, this.supportsBinary, function (data) {
+	    self.doWrite(data, callbackfn);
+	  });
+	};
+	
+	/**
+	 * Generates uri for connection.
+	 *
+	 * @api private
+	 */
+	
+	Polling.prototype.uri = function () {
+	  var query = this.query || {};
+	  var schema = this.secure ? 'https' : 'http';
+	  var port = '';
+	
+	  // cache busting is forced
+	  if (false !== this.timestampRequests) {
+	    query[this.timestampParam] = yeast();
+	  }
+	
+	  if (!this.supportsBinary && !query.sid) {
+	    query.b64 = 1;
+	  }
+	
+	  query = parseqs.encode(query);
+	
+	  // avoid port if default for schema
+	  if (this.port && (('https' === schema && Number(this.port) !== 443) ||
+	     ('http' === schema && Number(this.port) !== 80))) {
+	    port = ':' + this.port;
+	  }
+	
+	  // prepend ? to query
+	  if (query.length) {
+	    query = '?' + query;
+	  }
+	
+	  var ipv6 = this.hostname.indexOf(':') !== -1;
+	  return schema + '://' + (ipv6 ? '[' + this.hostname + ']' : this.hostname) + port + this.path + query;
+	};
+
+
+/***/ }),
+/* 23 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/**
+	 * Module dependencies.
+	 */
+	
+	var parser = __webpack_require__(24);
+	var Emitter = __webpack_require__(11);
+	
+	/**
+	 * Module exports.
+	 */
+	
+	module.exports = Transport;
+	
+	/**
+	 * Transport abstract constructor.
+	 *
+	 * @param {Object} options.
+	 * @api private
+	 */
+	
+	function Transport (opts) {
+	  this.path = opts.path;
+	  this.hostname = opts.hostname;
+	  this.port = opts.port;
+	  this.secure = opts.secure;
+	  this.query = opts.query;
+	  this.timestampParam = opts.timestampParam;
+	  this.timestampRequests = opts.timestampRequests;
+	  this.readyState = '';
+	  this.agent = opts.agent || false;
+	  this.socket = opts.socket;
+	  this.enablesXDR = opts.enablesXDR;
+	  this.withCredentials = opts.withCredentials;
+	
+	  // SSL options for Node.js client
+	  this.pfx = opts.pfx;
+	  this.key = opts.key;
+	  this.passphrase = opts.passphrase;
+	  this.cert = opts.cert;
+	  this.ca = opts.ca;
+	  this.ciphers = opts.ciphers;
+	  this.rejectUnauthorized = opts.rejectUnauthorized;
+	  this.forceNode = opts.forceNode;
+	
+	  // results of ReactNative environment detection
+	  this.isReactNative = opts.isReactNative;
+	
+	  // other options for Node.js client
+	  this.extraHeaders = opts.extraHeaders;
+	  this.localAddress = opts.localAddress;
+	}
+	
+	/**
+	 * Mix in `Emitter`.
+	 */
+	
+	Emitter(Transport.prototype);
+	
+	/**
+	 * Emits an error.
+	 *
+	 * @param {String} str
+	 * @return {Transport} for chaining
+	 * @api public
+	 */
+	
+	Transport.prototype.onError = function (msg, desc) {
+	  var err = new Error(msg);
+	  err.type = 'TransportError';
+	  err.description = desc;
+	  this.emit('error', err);
+	  return this;
+	};
+	
+	/**
+	 * Opens the transport.
+	 *
+	 * @api public
+	 */
+	
+	Transport.prototype.open = function () {
+	  if ('closed' === this.readyState || '' === this.readyState) {
+	    this.readyState = 'opening';
+	    this.doOpen();
+	  }
+	
+	  return this;
+	};
+	
+	/**
+	 * Closes the transport.
+	 *
+	 * @api private
+	 */
+	
+	Transport.prototype.close = function () {
+	  if ('opening' === this.readyState || 'open' === this.readyState) {
+	    this.doClose();
+	    this.onClose();
+	  }
+	
+	  return this;
+	};
+	
+	/**
+	 * Sends multiple packets.
+	 *
+	 * @param {Array} packets
+	 * @api private
+	 */
+	
+	Transport.prototype.send = function (packets) {
+	  if ('open' === this.readyState) {
+	    this.write(packets);
+	  } else {
+	    throw new Error('Transport not open');
+	  }
+	};
+	
+	/**
+	 * Called upon open
+	 *
+	 * @api private
+	 */
+	
+	Transport.prototype.onOpen = function () {
+	  this.readyState = 'open';
+	  this.writable = true;
+	  this.emit('open');
+	};
+	
+	/**
+	 * Called with data.
+	 *
+	 * @param {String} data
+	 * @api private
+	 */
+	
+	Transport.prototype.onData = function (data) {
+	  var packet = parser.decodePacket(data, this.socket.binaryType);
+	  this.onPacket(packet);
+	};
+	
+	/**
+	 * Called with a decoded packet.
+	 */
+	
+	Transport.prototype.onPacket = function (packet) {
+	  this.emit('packet', packet);
+	};
+	
+	/**
+	 * Called upon close.
+	 *
+	 * @api private
+	 */
+	
+	Transport.prototype.onClose = function () {
+	  this.readyState = 'closed';
+	  this.emit('close');
+	};
+
+
+/***/ }),
+/* 24 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/**
+	 * Module dependencies.
+	 */
+	
+	var keys = __webpack_require__(25);
+	var hasBinary = __webpack_require__(26);
+	var sliceBuffer = __webpack_require__(27);
+	var after = __webpack_require__(28);
+	var utf8 = __webpack_require__(29);
+	
+	var base64encoder;
+	if (typeof ArrayBuffer !== 'undefined') {
+	  base64encoder = __webpack_require__(30);
+	}
+	
+	/**
+	 * Check if we are running an android browser. That requires us to use
+	 * ArrayBuffer with polling transports...
+	 *
+	 * http://ghinda.net/jpeg-blob-ajax-android/
+	 */
+	
+	var isAndroid = typeof navigator !== 'undefined' && /Android/i.test(navigator.userAgent);
+	
+	/**
+	 * Check if we are running in PhantomJS.
+	 * Uploading a Blob with PhantomJS does not work correctly, as reported here:
+	 * https://github.com/ariya/phantomjs/issues/11395
+	 * @type boolean
+	 */
+	var isPhantomJS = typeof navigator !== 'undefined' && /PhantomJS/i.test(navigator.userAgent);
+	
+	/**
+	 * When true, avoids using Blobs to encode payloads.
+	 * @type boolean
+	 */
+	var dontSendBlobs = isAndroid || isPhantomJS;
+	
+	/**
+	 * Current protocol version.
+	 */
+	
+	exports.protocol = 3;
+	
+	/**
+	 * Packet types.
+	 */
+	
+	var packets = exports.packets = {
+	    open:     0    // non-ws
+	  , close:    1    // non-ws
+	  , ping:     2
+	  , pong:     3
+	  , message:  4
+	  , upgrade:  5
+	  , noop:     6
+	};
+	
+	var packetslist = keys(packets);
+	
+	/**
+	 * Premade error packet.
+	 */
+	
+	var err = { type: 'error', data: 'parser error' };
+	
+	/**
+	 * Create a blob api even for blob builder when vendor prefixes exist
+	 */
+	
+	var Blob = __webpack_require__(31);
+	
+	/**
+	 * Encodes a packet.
+	 *
+	 *     <packet type id> [ <data> ]
+	 *
+	 * Example:
+	 *
+	 *     5hello world
+	 *     3
+	 *     4
+	 *
+	 * Binary is encoded in an identical principle
+	 *
+	 * @api private
+	 */
+	
+	exports.encodePacket = function (packet, supportsBinary, utf8encode, callback) {
+	  if (typeof supportsBinary === 'function') {
+	    callback = supportsBinary;
+	    supportsBinary = false;
+	  }
+	
+	  if (typeof utf8encode === 'function') {
+	    callback = utf8encode;
+	    utf8encode = null;
+	  }
+	
+	  var data = (packet.data === undefined)
+	    ? undefined
+	    : packet.data.buffer || packet.data;
+	
+	  if (typeof ArrayBuffer !== 'undefined' && data instanceof ArrayBuffer) {
+	    return encodeArrayBuffer(packet, supportsBinary, callback);
+	  } else if (typeof Blob !== 'undefined' && data instanceof Blob) {
+	    return encodeBlob(packet, supportsBinary, callback);
+	  }
+	
+	  // might be an object with { base64: true, data: dataAsBase64String }
+	  if (data && data.base64) {
+	    return encodeBase64Object(packet, callback);
+	  }
+	
+	  // Sending data as a utf-8 string
+	  var encoded = packets[packet.type];
+	
+	  // data fragment is optional
+	  if (undefined !== packet.data) {
+	    encoded += utf8encode ? utf8.encode(String(packet.data), { strict: false }) : String(packet.data);
+	  }
+	
+	  return callback('' + encoded);
+	
+	};
+	
+	function encodeBase64Object(packet, callback) {
+	  // packet data is an object { base64: true, data: dataAsBase64String }
+	  var message = 'b' + exports.packets[packet.type] + packet.data.data;
+	  return callback(message);
+	}
+	
+	/**
+	 * Encode packet helpers for binary types
+	 */
+	
+	function encodeArrayBuffer(packet, supportsBinary, callback) {
+	  if (!supportsBinary) {
+	    return exports.encodeBase64Packet(packet, callback);
+	  }
+	
+	  var data = packet.data;
+	  var contentArray = new Uint8Array(data);
+	  var resultBuffer = new Uint8Array(1 + data.byteLength);
+	
+	  resultBuffer[0] = packets[packet.type];
+	  for (var i = 0; i < contentArray.length; i++) {
+	    resultBuffer[i+1] = contentArray[i];
+	  }
+	
+	  return callback(resultBuffer.buffer);
+	}
+	
+	function encodeBlobAsArrayBuffer(packet, supportsBinary, callback) {
+	  if (!supportsBinary) {
+	    return exports.encodeBase64Packet(packet, callback);
+	  }
+	
+	  var fr = new FileReader();
+	  fr.onload = function() {
+	    exports.encodePacket({ type: packet.type, data: fr.result }, supportsBinary, true, callback);
+	  };
+	  return fr.readAsArrayBuffer(packet.data);
+	}
+	
+	function encodeBlob(packet, supportsBinary, callback) {
+	  if (!supportsBinary) {
+	    return exports.encodeBase64Packet(packet, callback);
+	  }
+	
+	  if (dontSendBlobs) {
+	    return encodeBlobAsArrayBuffer(packet, supportsBinary, callback);
+	  }
+	
+	  var length = new Uint8Array(1);
+	  length[0] = packets[packet.type];
+	  var blob = new Blob([length.buffer, packet.data]);
+	
+	  return callback(blob);
+	}
+	
+	/**
+	 * Encodes a packet with binary data in a base64 string
+	 *
+	 * @param {Object} packet, has `type` and `data`
+	 * @return {String} base64 encoded message
+	 */
+	
+	exports.encodeBase64Packet = function(packet, callback) {
+	  var message = 'b' + exports.packets[packet.type];
+	  if (typeof Blob !== 'undefined' && packet.data instanceof Blob) {
+	    var fr = new FileReader();
+	    fr.onload = function() {
+	      var b64 = fr.result.split(',')[1];
+	      callback(message + b64);
+	    };
+	    return fr.readAsDataURL(packet.data);
+	  }
+	
+	  var b64data;
+	  try {
+	    b64data = String.fromCharCode.apply(null, new Uint8Array(packet.data));
+	  } catch (e) {
+	    // iPhone Safari doesn't let you apply with typed arrays
+	    var typed = new Uint8Array(packet.data);
+	    var basic = new Array(typed.length);
+	    for (var i = 0; i < typed.length; i++) {
+	      basic[i] = typed[i];
+	    }
+	    b64data = String.fromCharCode.apply(null, basic);
+	  }
+	  message += btoa(b64data);
+	  return callback(message);
+	};
+	
+	/**
+	 * Decodes a packet. Changes format to Blob if requested.
+	 *
+	 * @return {Object} with `type` and `data` (if any)
+	 * @api private
+	 */
+	
+	exports.decodePacket = function (data, binaryType, utf8decode) {
+	  if (data === undefined) {
+	    return err;
+	  }
+	  // String data
+	  if (typeof data === 'string') {
+	    if (data.charAt(0) === 'b') {
+	      return exports.decodeBase64Packet(data.substr(1), binaryType);
+	    }
+	
+	    if (utf8decode) {
+	      data = tryDecode(data);
+	      if (data === false) {
+	        return err;
+	      }
+	    }
+	    var type = data.charAt(0);
+	
+	    if (Number(type) != type || !packetslist[type]) {
+	      return err;
+	    }
+	
+	    if (data.length > 1) {
+	      return { type: packetslist[type], data: data.substring(1) };
+	    } else {
+	      return { type: packetslist[type] };
+	    }
+	  }
+	
+	  var asArray = new Uint8Array(data);
+	  var type = asArray[0];
+	  var rest = sliceBuffer(data, 1);
+	  if (Blob && binaryType === 'blob') {
+	    rest = new Blob([rest]);
+	  }
+	  return { type: packetslist[type], data: rest };
+	};
+	
+	function tryDecode(data) {
+	  try {
+	    data = utf8.decode(data, { strict: false });
+	  } catch (e) {
+	    return false;
+	  }
+	  return data;
+	}
+	
+	/**
+	 * Decodes a packet encoded in a base64 string
+	 *
+	 * @param {String} base64 encoded message
+	 * @return {Object} with `type` and `data` (if any)
+	 */
+	
+	exports.decodeBase64Packet = function(msg, binaryType) {
+	  var type = packetslist[msg.charAt(0)];
+	  if (!base64encoder) {
+	    return { type: type, data: { base64: true, data: msg.substr(1) } };
+	  }
+	
+	  var data = base64encoder.decode(msg.substr(1));
+	
+	  if (binaryType === 'blob' && Blob) {
+	    data = new Blob([data]);
+	  }
+	
+	  return { type: type, data: data };
+	};
+	
+	/**
+	 * Encodes multiple messages (payload).
+	 *
+	 *     <length>:data
+	 *
+	 * Example:
+	 *
+	 *     11:hello world2:hi
+	 *
+	 * If any contents are binary, they will be encoded as base64 strings. Base64
+	 * encoded strings are marked with a b before the length specifier
+	 *
+	 * @param {Array} packets
+	 * @api private
+	 */
+	
+	exports.encodePayload = function (packets, supportsBinary, callback) {
+	  if (typeof supportsBinary === 'function') {
+	    callback = supportsBinary;
+	    supportsBinary = null;
+	  }
+	
+	  var isBinary = hasBinary(packets);
+	
+	  if (supportsBinary && isBinary) {
+	    if (Blob && !dontSendBlobs) {
+	      return exports.encodePayloadAsBlob(packets, callback);
+	    }
+	
+	    return exports.encodePayloadAsArrayBuffer(packets, callback);
+	  }
+	
+	  if (!packets.length) {
+	    return callback('0:');
+	  }
+	
+	  function setLengthHeader(message) {
+	    return message.length + ':' + message;
+	  }
+	
+	  function encodeOne(packet, doneCallback) {
+	    exports.encodePacket(packet, !isBinary ? false : supportsBinary, false, function(message) {
+	      doneCallback(null, setLengthHeader(message));
+	    });
+	  }
+	
+	  map(packets, encodeOne, function(err, results) {
+	    return callback(results.join(''));
+	  });
+	};
+	
+	/**
+	 * Async array map using after
+	 */
+	
+	function map(ary, each, done) {
+	  var result = new Array(ary.length);
+	  var next = after(ary.length, done);
+	
+	  var eachWithIndex = function(i, el, cb) {
+	    each(el, function(error, msg) {
+	      result[i] = msg;
+	      cb(error, result);
+	    });
+	  };
+	
+	  for (var i = 0; i < ary.length; i++) {
+	    eachWithIndex(i, ary[i], next);
+	  }
+	}
+	
+	/*
+	 * Decodes data when a payload is maybe expected. Possible binary contents are
+	 * decoded from their base64 representation
+	 *
+	 * @param {String} data, callback method
+	 * @api public
+	 */
+	
+	exports.decodePayload = function (data, binaryType, callback) {
+	  if (typeof data !== 'string') {
+	    return exports.decodePayloadAsBinary(data, binaryType, callback);
+	  }
+	
+	  if (typeof binaryType === 'function') {
+	    callback = binaryType;
+	    binaryType = null;
+	  }
+	
+	  var packet;
+	  if (data === '') {
+	    // parser error - ignoring payload
+	    return callback(err, 0, 1);
+	  }
+	
+	  var length = '', n, msg;
+	
+	  for (var i = 0, l = data.length; i < l; i++) {
+	    var chr = data.charAt(i);
+	
+	    if (chr !== ':') {
+	      length += chr;
+	      continue;
+	    }
+	
+	    if (length === '' || (length != (n = Number(length)))) {
+	      // parser error - ignoring payload
+	      return callback(err, 0, 1);
+	    }
+	
+	    msg = data.substr(i + 1, n);
+	
+	    if (length != msg.length) {
+	      // parser error - ignoring payload
+	      return callback(err, 0, 1);
+	    }
+	
+	    if (msg.length) {
+	      packet = exports.decodePacket(msg, binaryType, false);
+	
+	      if (err.type === packet.type && err.data === packet.data) {
+	        // parser error in individual packet - ignoring payload
+	        return callback(err, 0, 1);
+	      }
+	
+	      var ret = callback(packet, i + n, l);
+	      if (false === ret) return;
+	    }
+	
+	    // advance cursor
+	    i += n;
+	    length = '';
+	  }
+	
+	  if (length !== '') {
+	    // parser error - ignoring payload
+	    return callback(err, 0, 1);
+	  }
+	
+	};
+	
+	/**
+	 * Encodes multiple messages (payload) as binary.
+	 *
+	 * <1 = binary, 0 = string><number from 0-9><number from 0-9>[...]<number
+	 * 255><data>
+	 *
+	 * Example:
+	 * 1 3 255 1 2 3, if the binary contents are interpreted as 8 bit integers
+	 *
+	 * @param {Array} packets
+	 * @return {ArrayBuffer} encoded payload
+	 * @api private
+	 */
+	
+	exports.encodePayloadAsArrayBuffer = function(packets, callback) {
+	  if (!packets.length) {
+	    return callback(new ArrayBuffer(0));
+	  }
+	
+	  function encodeOne(packet, doneCallback) {
+	    exports.encodePacket(packet, true, true, function(data) {
+	      return doneCallback(null, data);
+	    });
+	  }
+	
+	  map(packets, encodeOne, function(err, encodedPackets) {
+	    var totalLength = encodedPackets.reduce(function(acc, p) {
+	      var len;
+	      if (typeof p === 'string'){
+	        len = p.length;
+	      } else {
+	        len = p.byteLength;
+	      }
+	      return acc + len.toString().length + len + 2; // string/binary identifier + separator = 2
+	    }, 0);
+	
+	    var resultArray = new Uint8Array(totalLength);
+	
+	    var bufferIndex = 0;
+	    encodedPackets.forEach(function(p) {
+	      var isString = typeof p === 'string';
+	      var ab = p;
+	      if (isString) {
+	        var view = new Uint8Array(p.length);
+	        for (var i = 0; i < p.length; i++) {
+	          view[i] = p.charCodeAt(i);
+	        }
+	        ab = view.buffer;
+	      }
+	
+	      if (isString) { // not true binary
+	        resultArray[bufferIndex++] = 0;
+	      } else { // true binary
+	        resultArray[bufferIndex++] = 1;
+	      }
+	
+	      var lenStr = ab.byteLength.toString();
+	      for (var i = 0; i < lenStr.length; i++) {
+	        resultArray[bufferIndex++] = parseInt(lenStr[i]);
+	      }
+	      resultArray[bufferIndex++] = 255;
+	
+	      var view = new Uint8Array(ab);
+	      for (var i = 0; i < view.length; i++) {
+	        resultArray[bufferIndex++] = view[i];
+	      }
+	    });
+	
+	    return callback(resultArray.buffer);
+	  });
+	};
+	
+	/**
+	 * Encode as Blob
+	 */
+	
+	exports.encodePayloadAsBlob = function(packets, callback) {
+	  function encodeOne(packet, doneCallback) {
+	    exports.encodePacket(packet, true, true, function(encoded) {
+	      var binaryIdentifier = new Uint8Array(1);
+	      binaryIdentifier[0] = 1;
+	      if (typeof encoded === 'string') {
+	        var view = new Uint8Array(encoded.length);
+	        for (var i = 0; i < encoded.length; i++) {
+	          view[i] = encoded.charCodeAt(i);
+	        }
+	        encoded = view.buffer;
+	        binaryIdentifier[0] = 0;
+	      }
+	
+	      var len = (encoded instanceof ArrayBuffer)
+	        ? encoded.byteLength
+	        : encoded.size;
+	
+	      var lenStr = len.toString();
+	      var lengthAry = new Uint8Array(lenStr.length + 1);
+	      for (var i = 0; i < lenStr.length; i++) {
+	        lengthAry[i] = parseInt(lenStr[i]);
+	      }
+	      lengthAry[lenStr.length] = 255;
+	
+	      if (Blob) {
+	        var blob = new Blob([binaryIdentifier.buffer, lengthAry.buffer, encoded]);
+	        doneCallback(null, blob);
+	      }
+	    });
+	  }
+	
+	  map(packets, encodeOne, function(err, results) {
+	    return callback(new Blob(results));
+	  });
+	};
+	
+	/*
+	 * Decodes data when a payload is maybe expected. Strings are decoded by
+	 * interpreting each byte as a key code for entries marked to start with 0. See
+	 * description of encodePayloadAsBinary
+	 *
+	 * @param {ArrayBuffer} data, callback method
+	 * @api public
+	 */
+	
+	exports.decodePayloadAsBinary = function (data, binaryType, callback) {
+	  if (typeof binaryType === 'function') {
+	    callback = binaryType;
+	    binaryType = null;
+	  }
+	
+	  var bufferTail = data;
+	  var buffers = [];
+	
+	  while (bufferTail.byteLength > 0) {
+	    var tailArray = new Uint8Array(bufferTail);
+	    var isString = tailArray[0] === 0;
+	    var msgLength = '';
+	
+	    for (var i = 1; ; i++) {
+	      if (tailArray[i] === 255) break;
+	
+	      // 310 = char length of Number.MAX_VALUE
+	      if (msgLength.length > 310) {
+	        return callback(err, 0, 1);
+	      }
+	
+	      msgLength += tailArray[i];
+	    }
+	
+	    bufferTail = sliceBuffer(bufferTail, 2 + msgLength.length);
+	    msgLength = parseInt(msgLength);
+	
+	    var msg = sliceBuffer(bufferTail, 0, msgLength);
+	    if (isString) {
+	      try {
+	        msg = String.fromCharCode.apply(null, new Uint8Array(msg));
+	      } catch (e) {
+	        // iPhone Safari doesn't let you apply to typed arrays
+	        var typed = new Uint8Array(msg);
+	        msg = '';
+	        for (var i = 0; i < typed.length; i++) {
+	          msg += String.fromCharCode(typed[i]);
+	        }
+	      }
+	    }
+	
+	    buffers.push(msg);
+	    bufferTail = sliceBuffer(bufferTail, msgLength);
+	  }
+	
+	  var total = buffers.length;
+	  buffers.forEach(function(buffer, i) {
+	    callback(exports.decodePacket(buffer, binaryType, true), i, total);
+	  });
+	};
+
+
+/***/ }),
+/* 25 */
+/***/ (function(module, exports) {
+
+	
+	/**
+	 * Gets the keys for an object.
+	 *
+	 * @return {Array} keys
+	 * @api private
+	 */
+	
+	module.exports = Object.keys || function keys (obj){
+	  var arr = [];
+	  var has = Object.prototype.hasOwnProperty;
+	
+	  for (var i in obj) {
+	    if (has.call(obj, i)) {
+	      arr.push(i);
+	    }
+	  }
+	  return arr;
+	};
+
+
+/***/ }),
+/* 26 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/* global Blob File */
+	
+	/*
+	 * Module requirements.
+	 */
+	
+	var isArray = __webpack_require__(13);
+	
+	var toString = Object.prototype.toString;
+	var withNativeBlob = typeof Blob === 'function' ||
+	                        typeof Blob !== 'undefined' && toString.call(Blob) === '[object BlobConstructor]';
+	var withNativeFile = typeof File === 'function' ||
+	                        typeof File !== 'undefined' && toString.call(File) === '[object FileConstructor]';
+	
+	/**
+	 * Module exports.
+	 */
+	
+	module.exports = hasBinary;
+	
+	/**
+	 * Checks for binary data.
+	 *
+	 * Supports Buffer, ArrayBuffer, Blob and File.
+	 *
+	 * @param {Object} anything
+	 * @api public
+	 */
+	
+	function hasBinary (obj) {
+	  if (!obj || typeof obj !== 'object') {
+	    return false;
+	  }
+	
+	  if (isArray(obj)) {
+	    for (var i = 0, l = obj.length; i < l; i++) {
+	      if (hasBinary(obj[i])) {
+	        return true;
+	      }
+	    }
+	    return false;
+	  }
+	
+	  if ((typeof Buffer === 'function' && Buffer.isBuffer && Buffer.isBuffer(obj)) ||
+	    (typeof ArrayBuffer === 'function' && obj instanceof ArrayBuffer) ||
+	    (withNativeBlob && obj instanceof Blob) ||
+	    (withNativeFile && obj instanceof File)
+	  ) {
+	    return true;
+	  }
+	
+	  // see: https://github.com/Automattic/has-binary/pull/4
+	  if (obj.toJSON && typeof obj.toJSON === 'function' && arguments.length === 1) {
+	    return hasBinary(obj.toJSON(), true);
+	  }
+	
+	  for (var key in obj) {
+	    if (Object.prototype.hasOwnProperty.call(obj, key) && hasBinary(obj[key])) {
+	      return true;
+	    }
+	  }
+	
+	  return false;
+	}
+
+
+/***/ }),
+/* 27 */
+/***/ (function(module, exports) {
+
+	/**
+	 * An abstraction for slicing an arraybuffer even when
+	 * ArrayBuffer.prototype.slice is not supported
+	 *
+	 * @api public
+	 */
+	
+	module.exports = function(arraybuffer, start, end) {
+	  var bytes = arraybuffer.byteLength;
+	  start = start || 0;
+	  end = end || bytes;
+	
+	  if (arraybuffer.slice) { return arraybuffer.slice(start, end); }
+	
+	  if (start < 0) { start += bytes; }
+	  if (end < 0) { end += bytes; }
+	  if (end > bytes) { end = bytes; }
+	
+	  if (start >= bytes || start >= end || bytes === 0) {
+	    return new ArrayBuffer(0);
+	  }
+	
+	  var abv = new Uint8Array(arraybuffer);
+	  var result = new Uint8Array(end - start);
+	  for (var i = start, ii = 0; i < end; i++, ii++) {
+	    result[ii] = abv[i];
+	  }
+	  return result.buffer;
+	};
+
+
+/***/ }),
+/* 28 */
+/***/ (function(module, exports) {
+
+	module.exports = after
+	
+	function after(count, callback, err_cb) {
+	    var bail = false
+	    err_cb = err_cb || noop
+	    proxy.count = count
+	
+	    return (count === 0) ? callback() : proxy
+	
+	    function proxy(err, result) {
+	        if (proxy.count <= 0) {
+	            throw new Error('after called too many times')
+	        }
+	        --proxy.count
+	
+	        // after first error, rest are passed to err_cb
+	        if (err) {
+	            bail = true
+	            callback(err)
+	            // future error callbacks will go to error handler
+	            callback = err_cb
+	        } else if (proxy.count === 0 && !bail) {
+	            callback(null, result)
+	        }
+	    }
+	}
+	
+	function noop() {}
+
+
+/***/ }),
+/* 29 */
+/***/ (function(module, exports) {
+
+	/*! https://mths.be/utf8js v2.1.2 by @mathias */
+	
+	var stringFromCharCode = String.fromCharCode;
+	
+	// Taken from https://mths.be/punycode
+	function ucs2decode(string) {
+		var output = [];
+		var counter = 0;
+		var length = string.length;
+		var value;
+		var extra;
+		while (counter < length) {
+			value = string.charCodeAt(counter++);
+			if (value >= 0xD800 && value <= 0xDBFF && counter < length) {
+				// high surrogate, and there is a next character
+				extra = string.charCodeAt(counter++);
+				if ((extra & 0xFC00) == 0xDC00) { // low surrogate
+					output.push(((value & 0x3FF) << 10) + (extra & 0x3FF) + 0x10000);
+				} else {
+					// unmatched surrogate; only append this code unit, in case the next
+					// code unit is the high surrogate of a surrogate pair
+					output.push(value);
+					counter--;
+				}
+			} else {
+				output.push(value);
+			}
+		}
+		return output;
+	}
+	
+	// Taken from https://mths.be/punycode
+	function ucs2encode(array) {
+		var length = array.length;
+		var index = -1;
+		var value;
+		var output = '';
+		while (++index < length) {
+			value = array[index];
+			if (value > 0xFFFF) {
+				value -= 0x10000;
+				output += stringFromCharCode(value >>> 10 & 0x3FF | 0xD800);
+				value = 0xDC00 | value & 0x3FF;
+			}
+			output += stringFromCharCode(value);
+		}
+		return output;
+	}
+	
+	function checkScalarValue(codePoint, strict) {
+		if (codePoint >= 0xD800 && codePoint <= 0xDFFF) {
+			if (strict) {
+				throw Error(
+					'Lone surrogate U+' + codePoint.toString(16).toUpperCase() +
+					' is not a scalar value'
+				);
+			}
+			return false;
+		}
+		return true;
+	}
+	/*--------------------------------------------------------------------------*/
+	
+	function createByte(codePoint, shift) {
+		return stringFromCharCode(((codePoint >> shift) & 0x3F) | 0x80);
+	}
+	
+	function encodeCodePoint(codePoint, strict) {
+		if ((codePoint & 0xFFFFFF80) == 0) { // 1-byte sequence
+			return stringFromCharCode(codePoint);
+		}
+		var symbol = '';
+		if ((codePoint & 0xFFFFF800) == 0) { // 2-byte sequence
+			symbol = stringFromCharCode(((codePoint >> 6) & 0x1F) | 0xC0);
+		}
+		else if ((codePoint & 0xFFFF0000) == 0) { // 3-byte sequence
+			if (!checkScalarValue(codePoint, strict)) {
+				codePoint = 0xFFFD;
+			}
+			symbol = stringFromCharCode(((codePoint >> 12) & 0x0F) | 0xE0);
+			symbol += createByte(codePoint, 6);
+		}
+		else if ((codePoint & 0xFFE00000) == 0) { // 4-byte sequence
+			symbol = stringFromCharCode(((codePoint >> 18) & 0x07) | 0xF0);
+			symbol += createByte(codePoint, 12);
+			symbol += createByte(codePoint, 6);
+		}
+		symbol += stringFromCharCode((codePoint & 0x3F) | 0x80);
+		return symbol;
+	}
+	
+	function utf8encode(string, opts) {
+		opts = opts || {};
+		var strict = false !== opts.strict;
+	
+		var codePoints = ucs2decode(string);
+		var length = codePoints.length;
+		var index = -1;
+		var codePoint;
+		var byteString = '';
+		while (++index < length) {
+			codePoint = codePoints[index];
+			byteString += encodeCodePoint(codePoint, strict);
+		}
+		return byteString;
+	}
+	
+	/*--------------------------------------------------------------------------*/
+	
+	function readContinuationByte() {
+		if (byteIndex >= byteCount) {
+			throw Error('Invalid byte index');
+		}
+	
+		var continuationByte = byteArray[byteIndex] & 0xFF;
+		byteIndex++;
+	
+		if ((continuationByte & 0xC0) == 0x80) {
+			return continuationByte & 0x3F;
+		}
+	
+		// If we end up here, it’s not a continuation byte
+		throw Error('Invalid continuation byte');
+	}
+	
+	function decodeSymbol(strict) {
+		var byte1;
+		var byte2;
+		var byte3;
+		var byte4;
+		var codePoint;
+	
+		if (byteIndex > byteCount) {
+			throw Error('Invalid byte index');
+		}
+	
+		if (byteIndex == byteCount) {
+			return false;
+		}
+	
+		// Read first byte
+		byte1 = byteArray[byteIndex] & 0xFF;
+		byteIndex++;
+	
+		// 1-byte sequence (no continuation bytes)
+		if ((byte1 & 0x80) == 0) {
+			return byte1;
+		}
+	
+		// 2-byte sequence
+		if ((byte1 & 0xE0) == 0xC0) {
+			byte2 = readContinuationByte();
+			codePoint = ((byte1 & 0x1F) << 6) | byte2;
+			if (codePoint >= 0x80) {
+				return codePoint;
+			} else {
+				throw Error('Invalid continuation byte');
+			}
+		}
+	
+		// 3-byte sequence (may include unpaired surrogates)
+		if ((byte1 & 0xF0) == 0xE0) {
+			byte2 = readContinuationByte();
+			byte3 = readContinuationByte();
+			codePoint = ((byte1 & 0x0F) << 12) | (byte2 << 6) | byte3;
+			if (codePoint >= 0x0800) {
+				return checkScalarValue(codePoint, strict) ? codePoint : 0xFFFD;
+			} else {
+				throw Error('Invalid continuation byte');
+			}
+		}
+	
+		// 4-byte sequence
+		if ((byte1 & 0xF8) == 0xF0) {
+			byte2 = readContinuationByte();
+			byte3 = readContinuationByte();
+			byte4 = readContinuationByte();
+			codePoint = ((byte1 & 0x07) << 0x12) | (byte2 << 0x0C) |
+				(byte3 << 0x06) | byte4;
+			if (codePoint >= 0x010000 && codePoint <= 0x10FFFF) {
+				return codePoint;
+			}
+		}
+	
+		throw Error('Invalid UTF-8 detected');
+	}
+	
+	var byteArray;
+	var byteCount;
+	var byteIndex;
+	function utf8decode(byteString, opts) {
+		opts = opts || {};
+		var strict = false !== opts.strict;
+	
+		byteArray = ucs2decode(byteString);
+		byteCount = byteArray.length;
+		byteIndex = 0;
+		var codePoints = [];
+		var tmp;
+		while ((tmp = decodeSymbol(strict)) !== false) {
+			codePoints.push(tmp);
+		}
+		return ucs2encode(codePoints);
+	}
+	
+	module.exports = {
+		version: '2.1.2',
+		encode: utf8encode,
+		decode: utf8decode
+	};
+
+
+/***/ }),
+/* 30 */
+/***/ (function(module, exports) {
+
+	/*
+	 * base64-arraybuffer
+	 * https://github.com/niklasvh/base64-arraybuffer
+	 *
+	 * Copyright (c) 2012 Niklas von Hertzen
+	 * Licensed under the MIT license.
+	 */
+	(function(){
+	  "use strict";
+	
+	  var chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
+	
+	  // Use a lookup table to find the index.
+	  var lookup = new Uint8Array(256);
+	  for (var i = 0; i < chars.length; i++) {
+	    lookup[chars.charCodeAt(i)] = i;
+	  }
+	
+	  exports.encode = function(arraybuffer) {
+	    var bytes = new Uint8Array(arraybuffer),
+	    i, len = bytes.length, base64 = "";
+	
+	    for (i = 0; i < len; i+=3) {
+	      base64 += chars[bytes[i] >> 2];
+	      base64 += chars[((bytes[i] & 3) << 4) | (bytes[i + 1] >> 4)];
+	      base64 += chars[((bytes[i + 1] & 15) << 2) | (bytes[i + 2] >> 6)];
+	      base64 += chars[bytes[i + 2] & 63];
+	    }
+	
+	    if ((len % 3) === 2) {
+	      base64 = base64.substring(0, base64.length - 1) + "=";
+	    } else if (len % 3 === 1) {
+	      base64 = base64.substring(0, base64.length - 2) + "==";
+	    }
+	
+	    return base64;
+	  };
+	
+	  exports.decode =  function(base64) {
+	    var bufferLength = base64.length * 0.75,
+	    len = base64.length, i, p = 0,
+	    encoded1, encoded2, encoded3, encoded4;
+	
+	    if (base64[base64.length - 1] === "=") {
+	      bufferLength--;
+	      if (base64[base64.length - 2] === "=") {
+	        bufferLength--;
+	      }
+	    }
+	
+	    var arraybuffer = new ArrayBuffer(bufferLength),
+	    bytes = new Uint8Array(arraybuffer);
+	
+	    for (i = 0; i < len; i+=4) {
+	      encoded1 = lookup[base64.charCodeAt(i)];
+	      encoded2 = lookup[base64.charCodeAt(i+1)];
+	      encoded3 = lookup[base64.charCodeAt(i+2)];
+	      encoded4 = lookup[base64.charCodeAt(i+3)];
+	
+	      bytes[p++] = (encoded1 << 2) | (encoded2 >> 4);
+	      bytes[p++] = ((encoded2 & 15) << 4) | (encoded3 >> 2);
+	      bytes[p++] = ((encoded3 & 3) << 6) | (encoded4 & 63);
+	    }
+	
+	    return arraybuffer;
+	  };
+	})();
+
+
+/***/ }),
+/* 31 */
+/***/ (function(module, exports) {
+
+	/**
+	 * Create a blob builder even when vendor prefixes exist
+	 */
+	
+	var BlobBuilder = typeof BlobBuilder !== 'undefined' ? BlobBuilder :
+	  typeof WebKitBlobBuilder !== 'undefined' ? WebKitBlobBuilder :
+	  typeof MSBlobBuilder !== 'undefined' ? MSBlobBuilder :
+	  typeof MozBlobBuilder !== 'undefined' ? MozBlobBuilder : 
+	  false;
+	
+	/**
+	 * Check if Blob constructor is supported
+	 */
+	
+	var blobSupported = (function() {
+	  try {
+	    var a = new Blob(['hi']);
+	    return a.size === 2;
+	  } catch(e) {
+	    return false;
+	  }
+	})();
+	
+	/**
+	 * Check if Blob constructor supports ArrayBufferViews
+	 * Fails in Safari 6, so we need to map to ArrayBuffers there.
+	 */
+	
+	var blobSupportsArrayBufferView = blobSupported && (function() {
+	  try {
+	    var b = new Blob([new Uint8Array([1,2])]);
+	    return b.size === 2;
+	  } catch(e) {
+	    return false;
+	  }
+	})();
+	
+	/**
+	 * Check if BlobBuilder is supported
+	 */
+	
+	var blobBuilderSupported = BlobBuilder
+	  && BlobBuilder.prototype.append
+	  && BlobBuilder.prototype.getBlob;
+	
+	/**
+	 * Helper function that maps ArrayBufferViews to ArrayBuffers
+	 * Used by BlobBuilder constructor and old browsers that didn't
+	 * support it in the Blob constructor.
+	 */
+	
+	function mapArrayBufferViews(ary) {
+	  return ary.map(function(chunk) {
+	    if (chunk.buffer instanceof ArrayBuffer) {
+	      var buf = chunk.buffer;
+	
+	      // if this is a subarray, make a copy so we only
+	      // include the subarray region from the underlying buffer
+	      if (chunk.byteLength !== buf.byteLength) {
+	        var copy = new Uint8Array(chunk.byteLength);
+	        copy.set(new Uint8Array(buf, chunk.byteOffset, chunk.byteLength));
+	        buf = copy.buffer;
+	      }
+	
+	      return buf;
+	    }
+	
+	    return chunk;
+	  });
+	}
+	
+	function BlobBuilderConstructor(ary, options) {
+	  options = options || {};
+	
+	  var bb = new BlobBuilder();
+	  mapArrayBufferViews(ary).forEach(function(part) {
+	    bb.append(part);
+	  });
+	
+	  return (options.type) ? bb.getBlob(options.type) : bb.getBlob();
+	};
+	
+	function BlobConstructor(ary, options) {
+	  return new Blob(mapArrayBufferViews(ary), options || {});
+	};
+	
+	if (typeof Blob !== 'undefined') {
+	  BlobBuilderConstructor.prototype = Blob.prototype;
+	  BlobConstructor.prototype = Blob.prototype;
+	}
+	
+	module.exports = (function() {
+	  if (blobSupported) {
+	    return blobSupportsArrayBufferView ? Blob : BlobConstructor;
+	  } else if (blobBuilderSupported) {
+	    return BlobBuilderConstructor;
+	  } else {
+	    return undefined;
+	  }
+	})();
+
+
+/***/ }),
+/* 32 */
+/***/ (function(module, exports) {
+
+	/**
+	 * Compiles a querystring
+	 * Returns string representation of the object
+	 *
+	 * @param {Object}
+	 * @api private
+	 */
+	
+	exports.encode = function (obj) {
+	  var str = '';
+	
+	  for (var i in obj) {
+	    if (obj.hasOwnProperty(i)) {
+	      if (str.length) str += '&';
+	      str += encodeURIComponent(i) + '=' + encodeURIComponent(obj[i]);
+	    }
+	  }
+	
+	  return str;
+	};
+	
+	/**
+	 * Parses a simple querystring into an object
+	 *
+	 * @param {String} qs
+	 * @api private
+	 */
+	
+	exports.decode = function(qs){
+	  var qry = {};
+	  var pairs = qs.split('&');
+	  for (var i = 0, l = pairs.length; i < l; i++) {
+	    var pair = pairs[i].split('=');
+	    qry[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1]);
+	  }
+	  return qry;
+	};
+
+
+/***/ }),
+/* 33 */
+/***/ (function(module, exports) {
+
+	
+	module.exports = function(a, b){
+	  var fn = function(){};
+	  fn.prototype = b.prototype;
+	  a.prototype = new fn;
+	  a.prototype.constructor = a;
+	};
+
+/***/ }),
+/* 34 */
+/***/ (function(module, exports) {
+
+	'use strict';
+	
+	var alphabet = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz-_'.split('')
+	  , length = 64
+	  , map = {}
+	  , seed = 0
+	  , i = 0
+	  , prev;
+	
+	/**
+	 * Return a string representing the specified number.
+	 *
+	 * @param {Number} num The number to convert.
+	 * @returns {String} The string representation of the number.
+	 * @api public
+	 */
+	function encode(num) {
+	  var encoded = '';
+	
+	  do {
+	    encoded = alphabet[num % length] + encoded;
+	    num = Math.floor(num / length);
+	  } while (num > 0);
+	
+	  return encoded;
+	}
+	
+	/**
+	 * Return the integer value specified by the given string.
+	 *
+	 * @param {String} str The string to convert.
+	 * @returns {Number} The integer value represented by the string.
+	 * @api public
+	 */
+	function decode(str) {
+	  var decoded = 0;
+	
+	  for (i = 0; i < str.length; i++) {
+	    decoded = decoded * length + map[str.charAt(i)];
+	  }
+	
+	  return decoded;
+	}
+	
+	/**
+	 * Yeast: A tiny growing id generator.
+	 *
+	 * @returns {String} A unique id.
+	 * @api public
+	 */
+	function yeast() {
+	  var now = encode(+new Date());
+	
+	  if (now !== prev) return seed = 0, prev = now;
+	  return now +'.'+ encode(seed++);
+	}
+	
+	//
+	// Map each character to its index.
+	//
+	for (; i < length; i++) map[alphabet[i]] = i;
+	
+	//
+	// Expose the `yeast`, `encode` and `decode` functions.
+	//
+	yeast.encode = encode;
+	yeast.decode = decode;
+	module.exports = yeast;
+
+
+/***/ }),
+/* 35 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(global) {/**
+	 * Module requirements.
+	 */
+	
+	var Polling = __webpack_require__(22);
+	var inherit = __webpack_require__(33);
+	
+	/**
+	 * Module exports.
+	 */
+	
+	module.exports = JSONPPolling;
+	
+	/**
+	 * Cached regular expressions.
+	 */
+	
+	var rNewline = /\n/g;
+	var rEscapedNewline = /\\n/g;
+	
+	/**
+	 * Global JSONP callbacks.
+	 */
+	
+	var callbacks;
+	
+	/**
+	 * Noop.
+	 */
+	
+	function empty () { }
+	
+	/**
+	 * Until https://github.com/tc39/proposal-global is shipped.
+	 */
+	function glob () {
+	  return typeof self !== 'undefined' ? self
+	      : typeof window !== 'undefined' ? window
+	      : typeof global !== 'undefined' ? global : {};
+	}
+	
+	/**
+	 * JSONP Polling constructor.
+	 *
+	 * @param {Object} opts.
+	 * @api public
+	 */
+	
+	function JSONPPolling (opts) {
+	  Polling.call(this, opts);
+	
+	  this.query = this.query || {};
+	
+	  // define global callbacks array if not present
+	  // we do this here (lazily) to avoid unneeded global pollution
+	  if (!callbacks) {
+	    // we need to consider multiple engines in the same page
+	    var global = glob();
+	    callbacks = global.___eio = (global.___eio || []);
+	  }
+	
+	  // callback identifier
+	  this.index = callbacks.length;
+	
+	  // add callback to jsonp global
+	  var self = this;
+	  callbacks.push(function (msg) {
+	    self.onData(msg);
+	  });
+	
+	  // append to query string
+	  this.query.j = this.index;
+	
+	  // prevent spurious errors from being emitted when the window is unloaded
+	  if (typeof addEventListener === 'function') {
+	    addEventListener('beforeunload', function () {
+	      if (self.script) self.script.onerror = empty;
+	    }, false);
+	  }
+	}
+	
+	/**
+	 * Inherits from Polling.
+	 */
+	
+	inherit(JSONPPolling, Polling);
+	
+	/*
+	 * JSONP only supports binary as base64 encoded strings
+	 */
+	
+	JSONPPolling.prototype.supportsBinary = false;
+	
+	/**
+	 * Closes the socket.
+	 *
+	 * @api private
+	 */
+	
+	JSONPPolling.prototype.doClose = function () {
+	  if (this.script) {
+	    this.script.parentNode.removeChild(this.script);
+	    this.script = null;
+	  }
+	
+	  if (this.form) {
+	    this.form.parentNode.removeChild(this.form);
+	    this.form = null;
+	    this.iframe = null;
+	  }
+	
+	  Polling.prototype.doClose.call(this);
+	};
+	
+	/**
+	 * Starts a poll cycle.
+	 *
+	 * @api private
+	 */
+	
+	JSONPPolling.prototype.doPoll = function () {
+	  var self = this;
+	  var script = document.createElement('script');
+	
+	  if (this.script) {
+	    this.script.parentNode.removeChild(this.script);
+	    this.script = null;
+	  }
+	
+	  script.async = true;
+	  script.src = this.uri();
+	  script.onerror = function (e) {
+	    self.onError('jsonp poll error', e);
+	  };
+	
+	  var insertAt = document.getElementsByTagName('script')[0];
+	  if (insertAt) {
+	    insertAt.parentNode.insertBefore(script, insertAt);
+	  } else {
+	    (document.head || document.body).appendChild(script);
+	  }
+	  this.script = script;
+	
+	  var isUAgecko = 'undefined' !== typeof navigator && /gecko/i.test(navigator.userAgent);
+	
+	  if (isUAgecko) {
+	    setTimeout(function () {
+	      var iframe = document.createElement('iframe');
+	      document.body.appendChild(iframe);
+	      document.body.removeChild(iframe);
+	    }, 100);
+	  }
+	};
+	
+	/**
+	 * Writes with a hidden iframe.
+	 *
+	 * @param {String} data to send
+	 * @param {Function} called upon flush.
+	 * @api private
+	 */
+	
+	JSONPPolling.prototype.doWrite = function (data, fn) {
+	  var self = this;
+	
+	  if (!this.form) {
+	    var form = document.createElement('form');
+	    var area = document.createElement('textarea');
+	    var id = this.iframeId = 'eio_iframe_' + this.index;
+	    var iframe;
+	
+	    form.className = 'socketio';
+	    form.style.position = 'absolute';
+	    form.style.top = '-1000px';
+	    form.style.left = '-1000px';
+	    form.target = id;
+	    form.method = 'POST';
+	    form.setAttribute('accept-charset', 'utf-8');
+	    area.name = 'd';
+	    form.appendChild(area);
+	    document.body.appendChild(form);
+	
+	    this.form = form;
+	    this.area = area;
+	  }
+	
+	  this.form.action = this.uri();
+	
+	  function complete () {
+	    initIframe();
+	    fn();
+	  }
+	
+	  function initIframe () {
+	    if (self.iframe) {
+	      try {
+	        self.form.removeChild(self.iframe);
+	      } catch (e) {
+	        self.onError('jsonp polling iframe removal error', e);
+	      }
+	    }
+	
+	    try {
+	      // ie6 dynamic iframes with target="" support (thanks Chris Lambacher)
+	      var html = '<iframe src="javascript:0" name="' + self.iframeId + '">';
+	      iframe = document.createElement(html);
+	    } catch (e) {
+	      iframe = document.createElement('iframe');
+	      iframe.name = self.iframeId;
+	      iframe.src = 'javascript:0';
+	    }
+	
+	    iframe.id = self.iframeId;
+	
+	    self.form.appendChild(iframe);
+	    self.iframe = iframe;
+	  }
+	
+	  initIframe();
+	
+	  // escape \n to prevent it from being converted into \r\n by some UAs
+	  // double escaping is required for escaped new lines because unescaping of new lines can be done safely on server-side
+	  data = data.replace(rEscapedNewline, '\\\n');
+	  this.area.value = data.replace(rNewline, '\\n');
+	
+	  try {
+	    this.form.submit();
+	  } catch (e) {}
+	
+	  if (this.iframe.attachEvent) {
+	    this.iframe.onreadystatechange = function () {
+	      if (self.iframe.readyState === 'complete') {
+	        complete();
+	      }
+	    };
+	  } else {
+	    this.iframe.onload = complete;
+	  }
+	};
+	
+	/* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }())))
+
+/***/ }),
+/* 36 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/**
+	 * Module dependencies.
+	 */
+	
+	var Transport = __webpack_require__(23);
+	var parser = __webpack_require__(24);
+	var parseqs = __webpack_require__(32);
+	var inherit = __webpack_require__(33);
+	var yeast = __webpack_require__(34);
+	var debug = __webpack_require__(3)('engine.io-client:websocket');
+	
+	var BrowserWebSocket, NodeWebSocket;
+	
+	if (typeof WebSocket !== 'undefined') {
+	  BrowserWebSocket = WebSocket;
+	} else if (typeof self !== 'undefined') {
+	  BrowserWebSocket = self.WebSocket || self.MozWebSocket;
+	}
+	
+	if (typeof window === 'undefined') {
+	  try {
+	    NodeWebSocket = __webpack_require__(37);
+	  } catch (e) { }
+	}
+	
+	/**
+	 * Get either the `WebSocket` or `MozWebSocket` globals
+	 * in the browser or try to resolve WebSocket-compatible
+	 * interface exposed by `ws` for Node-like environment.
+	 */
+	
+	var WebSocketImpl = BrowserWebSocket || NodeWebSocket;
+	
+	/**
+	 * Module exports.
+	 */
+	
+	module.exports = WS;
+	
+	/**
+	 * WebSocket transport constructor.
+	 *
+	 * @api {Object} connection options
+	 * @api public
+	 */
+	
+	function WS (opts) {
+	  var forceBase64 = (opts && opts.forceBase64);
+	  if (forceBase64) {
+	    this.supportsBinary = false;
+	  }
+	  this.perMessageDeflate = opts.perMessageDeflate;
+	  this.usingBrowserWebSocket = BrowserWebSocket && !opts.forceNode;
+	  this.protocols = opts.protocols;
+	  if (!this.usingBrowserWebSocket) {
+	    WebSocketImpl = NodeWebSocket;
+	  }
+	  Transport.call(this, opts);
+	}
+	
+	/**
+	 * Inherits from Transport.
+	 */
+	
+	inherit(WS, Transport);
+	
+	/**
+	 * Transport name.
+	 *
+	 * @api public
+	 */
+	
+	WS.prototype.name = 'websocket';
+	
+	/*
+	 * WebSockets support binary
+	 */
+	
+	WS.prototype.supportsBinary = true;
+	
+	/**
+	 * Opens socket.
+	 *
+	 * @api private
+	 */
+	
+	WS.prototype.doOpen = function () {
+	  if (!this.check()) {
+	    // let probe timeout
+	    return;
+	  }
+	
+	  var uri = this.uri();
+	  var protocols = this.protocols;
+	  var opts = {
+	    agent: this.agent,
+	    perMessageDeflate: this.perMessageDeflate
+	  };
+	
+	  // SSL options for Node.js client
+	  opts.pfx = this.pfx;
+	  opts.key = this.key;
+	  opts.passphrase = this.passphrase;
+	  opts.cert = this.cert;
+	  opts.ca = this.ca;
+	  opts.ciphers = this.ciphers;
+	  opts.rejectUnauthorized = this.rejectUnauthorized;
+	  if (this.extraHeaders) {
+	    opts.headers = this.extraHeaders;
+	  }
+	  if (this.localAddress) {
+	    opts.localAddress = this.localAddress;
+	  }
+	
+	  try {
+	    this.ws =
+	      this.usingBrowserWebSocket && !this.isReactNative
+	        ? protocols
+	          ? new WebSocketImpl(uri, protocols)
+	          : new WebSocketImpl(uri)
+	        : new WebSocketImpl(uri, protocols, opts);
+	  } catch (err) {
+	    return this.emit('error', err);
+	  }
+	
+	  if (this.ws.binaryType === undefined) {
+	    this.supportsBinary = false;
+	  }
+	
+	  if (this.ws.supports && this.ws.supports.binary) {
+	    this.supportsBinary = true;
+	    this.ws.binaryType = 'nodebuffer';
+	  } else {
+	    this.ws.binaryType = 'arraybuffer';
+	  }
+	
+	  this.addEventListeners();
+	};
+	
+	/**
+	 * Adds event listeners to the socket
+	 *
+	 * @api private
+	 */
+	
+	WS.prototype.addEventListeners = function () {
+	  var self = this;
+	
+	  this.ws.onopen = function () {
+	    self.onOpen();
+	  };
+	  this.ws.onclose = function () {
+	    self.onClose();
+	  };
+	  this.ws.onmessage = function (ev) {
+	    self.onData(ev.data);
+	  };
+	  this.ws.onerror = function (e) {
+	    self.onError('websocket error', e);
+	  };
+	};
+	
+	/**
+	 * Writes data to socket.
+	 *
+	 * @param {Array} array of packets.
+	 * @api private
+	 */
+	
+	WS.prototype.write = function (packets) {
+	  var self = this;
+	  this.writable = false;
+	
+	  // encodePacket efficient as it uses WS framing
+	  // no need for encodePayload
+	  var total = packets.length;
+	  for (var i = 0, l = total; i < l; i++) {
+	    (function (packet) {
+	      parser.encodePacket(packet, self.supportsBinary, function (data) {
+	        if (!self.usingBrowserWebSocket) {
+	          // always create a new object (GH-437)
+	          var opts = {};
+	          if (packet.options) {
+	            opts.compress = packet.options.compress;
+	          }
+	
+	          if (self.perMessageDeflate) {
+	            var len = 'string' === typeof data ? Buffer.byteLength(data) : data.length;
+	            if (len < self.perMessageDeflate.threshold) {
+	              opts.compress = false;
+	            }
+	          }
+	        }
+	
+	        // Sometimes the websocket has already been closed but the browser didn't
+	        // have a chance of informing us about it yet, in that case send will
+	        // throw an error
+	        try {
+	          if (self.usingBrowserWebSocket) {
+	            // TypeError is thrown when passing the second argument on Safari
+	            self.ws.send(data);
+	          } else {
+	            self.ws.send(data, opts);
+	          }
+	        } catch (e) {
+	          debug('websocket closed before onclose event');
+	        }
+	
+	        --total || done();
+	      });
+	    })(packets[i]);
+	  }
+	
+	  function done () {
+	    self.emit('flush');
+	
+	    // fake drain
+	    // defer to next tick to allow Socket to clear writeBuffer
+	    setTimeout(function () {
+	      self.writable = true;
+	      self.emit('drain');
+	    }, 0);
+	  }
+	};
+	
+	/**
+	 * Called upon close
+	 *
+	 * @api private
+	 */
+	
+	WS.prototype.onClose = function () {
+	  Transport.prototype.onClose.call(this);
+	};
+	
+	/**
+	 * Closes socket.
+	 *
+	 * @api private
+	 */
+	
+	WS.prototype.doClose = function () {
+	  if (typeof this.ws !== 'undefined') {
+	    this.ws.close();
+	  }
+	};
+	
+	/**
+	 * Generates uri for connection.
+	 *
+	 * @api private
+	 */
+	
+	WS.prototype.uri = function () {
+	  var query = this.query || {};
+	  var schema = this.secure ? 'wss' : 'ws';
+	  var port = '';
+	
+	  // avoid port if default for schema
+	  if (this.port && (('wss' === schema && Number(this.port) !== 443) ||
+	    ('ws' === schema && Number(this.port) !== 80))) {
+	    port = ':' + this.port;
+	  }
+	
+	  // append timestamp to URI
+	  if (this.timestampRequests) {
+	    query[this.timestampParam] = yeast();
+	  }
+	
+	  // communicate binary support capabilities
+	  if (!this.supportsBinary) {
+	    query.b64 = 1;
+	  }
+	
+	  query = parseqs.encode(query);
+	
+	  // prepend ? to query
+	  if (query.length) {
+	    query = '?' + query;
+	  }
+	
+	  var ipv6 = this.hostname.indexOf(':') !== -1;
+	  return schema + '://' + (ipv6 ? '[' + this.hostname + ']' : this.hostname) + port + this.path + query;
+	};
+	
+	/**
+	 * Feature detection for WebSocket.
+	 *
+	 * @return {Boolean} whether this transport is available.
+	 * @api public
+	 */
+	
+	WS.prototype.check = function () {
+	  return !!WebSocketImpl && !('__initialize' in WebSocketImpl && this.name === WS.prototype.name);
+	};
+
+
+/***/ }),
+/* 37 */
+/***/ (function(module, exports) {
+
+	/* (ignored) */
+
+/***/ }),
+/* 38 */
+/***/ (function(module, exports) {
+
+	
+	var indexOf = [].indexOf;
+	
+	module.exports = function(arr, obj){
+	  if (indexOf) return arr.indexOf(obj);
+	  for (var i = 0; i < arr.length; ++i) {
+	    if (arr[i] === obj) return i;
+	  }
+	  return -1;
+	};
+
+/***/ }),
+/* 39 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	
+	/**
+	 * Module dependencies.
+	 */
+	
+	var parser = __webpack_require__(7);
+	var Emitter = __webpack_require__(11);
+	var toArray = __webpack_require__(40);
+	var on = __webpack_require__(41);
+	var bind = __webpack_require__(42);
+	var debug = __webpack_require__(3)('socket.io-client:socket');
+	var parseqs = __webpack_require__(32);
+	var hasBin = __webpack_require__(26);
+	
+	/**
+	 * Module exports.
+	 */
+	
+	module.exports = exports = Socket;
+	
+	/**
+	 * Internal events (blacklisted).
+	 * These events can't be emitted by the user.
+	 *
+	 * @api private
+	 */
+	
+	var events = {
+	  connect: 1,
+	  connect_error: 1,
+	  connect_timeout: 1,
+	  connecting: 1,
+	  disconnect: 1,
+	  error: 1,
+	  reconnect: 1,
+	  reconnect_attempt: 1,
+	  reconnect_failed: 1,
+	  reconnect_error: 1,
+	  reconnecting: 1,
+	  ping: 1,
+	  pong: 1
+	};
+	
+	/**
+	 * Shortcut to `Emitter#emit`.
+	 */
+	
+	var emit = Emitter.prototype.emit;
+	
+	/**
+	 * `Socket` constructor.
+	 *
+	 * @api public
+	 */
+	
+	function Socket (io, nsp, opts) {
+	  this.io = io;
+	  this.nsp = nsp;
+	  this.json = this; // compat
+	  this.ids = 0;
+	  this.acks = {};
+	  this.receiveBuffer = [];
+	  this.sendBuffer = [];
+	  this.connected = false;
+	  this.disconnected = true;
+	  this.flags = {};
+	  if (opts && opts.query) {
+	    this.query = opts.query;
+	  }
+	  if (this.io.autoConnect) this.open();
+	}
+	
+	/**
+	 * Mix in `Emitter`.
+	 */
+	
+	Emitter(Socket.prototype);
+	
+	/**
+	 * Subscribe to open, close and packet events
+	 *
+	 * @api private
+	 */
+	
+	Socket.prototype.subEvents = function () {
+	  if (this.subs) return;
+	
+	  var io = this.io;
+	  this.subs = [
+	    on(io, 'open', bind(this, 'onopen')),
+	    on(io, 'packet', bind(this, 'onpacket')),
+	    on(io, 'close', bind(this, 'onclose'))
+	  ];
+	};
+	
+	/**
+	 * "Opens" the socket.
+	 *
+	 * @api public
+	 */
+	
+	Socket.prototype.open =
+	Socket.prototype.connect = function () {
+	  if (this.connected) return this;
+	
+	  this.subEvents();
+	  this.io.open(); // ensure open
+	  if ('open' === this.io.readyState) this.onopen();
+	  this.emit('connecting');
+	  return this;
+	};
+	
+	/**
+	 * Sends a `message` event.
+	 *
+	 * @return {Socket} self
+	 * @api public
+	 */
+	
+	Socket.prototype.send = function () {
+	  var args = toArray(arguments);
+	  args.unshift('message');
+	  this.emit.apply(this, args);
+	  return this;
+	};
+	
+	/**
+	 * Override `emit`.
+	 * If the event is in `events`, it's emitted normally.
+	 *
+	 * @param {String} event name
+	 * @return {Socket} self
+	 * @api public
+	 */
+	
+	Socket.prototype.emit = function (ev) {
+	  if (events.hasOwnProperty(ev)) {
+	    emit.apply(this, arguments);
+	    return this;
+	  }
+	
+	  var args = toArray(arguments);
+	  var packet = {
+	    type: (this.flags.binary !== undefined ? this.flags.binary : hasBin(args)) ? parser.BINARY_EVENT : parser.EVENT,
+	    data: args
+	  };
+	
+	  packet.options = {};
+	  packet.options.compress = !this.flags || false !== this.flags.compress;
+	
+	  // event ack callback
+	  if ('function' === typeof args[args.length - 1]) {
+	    debug('emitting packet with ack id %d', this.ids);
+	    this.acks[this.ids] = args.pop();
+	    packet.id = this.ids++;
+	  }
+	
+	  if (this.connected) {
+	    this.packet(packet);
+	  } else {
+	    this.sendBuffer.push(packet);
+	  }
+	
+	  this.flags = {};
+	
+	  return this;
+	};
+	
+	/**
+	 * Sends a packet.
+	 *
+	 * @param {Object} packet
+	 * @api private
+	 */
+	
+	Socket.prototype.packet = function (packet) {
+	  packet.nsp = this.nsp;
+	  this.io.packet(packet);
+	};
+	
+	/**
+	 * Called upon engine `open`.
+	 *
+	 * @api private
+	 */
+	
+	Socket.prototype.onopen = function () {
+	  debug('transport is open - connecting');
+	
+	  // write connect packet if necessary
+	  if ('/' !== this.nsp) {
+	    if (this.query) {
+	      var query = typeof this.query === 'object' ? parseqs.encode(this.query) : this.query;
+	      debug('sending connect packet with query %s', query);
+	      this.packet({type: parser.CONNECT, query: query});
+	    } else {
+	      this.packet({type: parser.CONNECT});
+	    }
+	  }
+	};
+	
+	/**
+	 * Called upon engine `close`.
+	 *
+	 * @param {String} reason
+	 * @api private
+	 */
+	
+	Socket.prototype.onclose = function (reason) {
+	  debug('close (%s)', reason);
+	  this.connected = false;
+	  this.disconnected = true;
+	  delete this.id;
+	  this.emit('disconnect', reason);
+	};
+	
+	/**
+	 * Called with socket packet.
+	 *
+	 * @param {Object} packet
+	 * @api private
+	 */
+	
+	Socket.prototype.onpacket = function (packet) {
+	  var sameNamespace = packet.nsp === this.nsp;
+	  var rootNamespaceError = packet.type === parser.ERROR && packet.nsp === '/';
+	
+	  if (!sameNamespace && !rootNamespaceError) return;
+	
+	  switch (packet.type) {
+	    case parser.CONNECT:
+	      this.onconnect();
+	      break;
+	
+	    case parser.EVENT:
+	      this.onevent(packet);
+	      break;
+	
+	    case parser.BINARY_EVENT:
+	      this.onevent(packet);
+	      break;
+	
+	    case parser.ACK:
+	      this.onack(packet);
+	      break;
+	
+	    case parser.BINARY_ACK:
+	      this.onack(packet);
+	      break;
+	
+	    case parser.DISCONNECT:
+	      this.ondisconnect();
+	      break;
+	
+	    case parser.ERROR:
+	      this.emit('error', packet.data);
+	      break;
+	  }
+	};
+	
+	/**
+	 * Called upon a server event.
+	 *
+	 * @param {Object} packet
+	 * @api private
+	 */
+	
+	Socket.prototype.onevent = function (packet) {
+	  var args = packet.data || [];
+	  debug('emitting event %j', args);
+	
+	  if (null != packet.id) {
+	    debug('attaching ack callback to event');
+	    args.push(this.ack(packet.id));
+	  }
+	
+	  if (this.connected) {
+	    emit.apply(this, args);
+	  } else {
+	    this.receiveBuffer.push(args);
+	  }
+	};
+	
+	/**
+	 * Produces an ack callback to emit with an event.
+	 *
+	 * @api private
+	 */
+	
+	Socket.prototype.ack = function (id) {
+	  var self = this;
+	  var sent = false;
+	  return function () {
+	    // prevent double callbacks
+	    if (sent) return;
+	    sent = true;
+	    var args = toArray(arguments);
+	    debug('sending ack %j', args);
+	
+	    self.packet({
+	      type: hasBin(args) ? parser.BINARY_ACK : parser.ACK,
+	      id: id,
+	      data: args
+	    });
+	  };
+	};
+	
+	/**
+	 * Called upon a server acknowlegement.
+	 *
+	 * @param {Object} packet
+	 * @api private
+	 */
+	
+	Socket.prototype.onack = function (packet) {
+	  var ack = this.acks[packet.id];
+	  if ('function' === typeof ack) {
+	    debug('calling ack %s with %j', packet.id, packet.data);
+	    ack.apply(this, packet.data);
+	    delete this.acks[packet.id];
+	  } else {
+	    debug('bad ack %s', packet.id);
+	  }
+	};
+	
+	/**
+	 * Called upon server connect.
+	 *
+	 * @api private
+	 */
+	
+	Socket.prototype.onconnect = function () {
+	  this.connected = true;
+	  this.disconnected = false;
+	  this.emit('connect');
+	  this.emitBuffered();
+	};
+	
+	/**
+	 * Emit buffered events (received and emitted).
+	 *
+	 * @api private
+	 */
+	
+	Socket.prototype.emitBuffered = function () {
+	  var i;
+	  for (i = 0; i < this.receiveBuffer.length; i++) {
+	    emit.apply(this, this.receiveBuffer[i]);
+	  }
+	  this.receiveBuffer = [];
+	
+	  for (i = 0; i < this.sendBuffer.length; i++) {
+	    this.packet(this.sendBuffer[i]);
+	  }
+	  this.sendBuffer = [];
+	};
+	
+	/**
+	 * Called upon server disconnect.
+	 *
+	 * @api private
+	 */
+	
+	Socket.prototype.ondisconnect = function () {
+	  debug('server disconnect (%s)', this.nsp);
+	  this.destroy();
+	  this.onclose('io server disconnect');
+	};
+	
+	/**
+	 * Called upon forced client/server side disconnections,
+	 * this method ensures the manager stops tracking us and
+	 * that reconnections don't get triggered for this.
+	 *
+	 * @api private.
+	 */
+	
+	Socket.prototype.destroy = function () {
+	  if (this.subs) {
+	    // clean subscriptions to avoid reconnections
+	    for (var i = 0; i < this.subs.length; i++) {
+	      this.subs[i].destroy();
+	    }
+	    this.subs = null;
+	  }
+	
+	  this.io.destroy(this);
+	};
+	
+	/**
+	 * Disconnects the socket manually.
+	 *
+	 * @return {Socket} self
+	 * @api public
+	 */
+	
+	Socket.prototype.close =
+	Socket.prototype.disconnect = function () {
+	  if (this.connected) {
+	    debug('performing disconnect (%s)', this.nsp);
+	    this.packet({ type: parser.DISCONNECT });
+	  }
+	
+	  // remove socket from pool
+	  this.destroy();
+	
+	  if (this.connected) {
+	    // fire events
+	    this.onclose('io client disconnect');
+	  }
+	  return this;
+	};
+	
+	/**
+	 * Sets the compress flag.
+	 *
+	 * @param {Boolean} if `true`, compresses the sending data
+	 * @return {Socket} self
+	 * @api public
+	 */
+	
+	Socket.prototype.compress = function (compress) {
+	  this.flags.compress = compress;
+	  return this;
+	};
+	
+	/**
+	 * Sets the binary flag
+	 *
+	 * @param {Boolean} whether the emitted data contains binary
+	 * @return {Socket} self
+	 * @api public
+	 */
+	
+	Socket.prototype.binary = function (binary) {
+	  this.flags.binary = binary;
+	  return this;
+	};
+
+
+/***/ }),
+/* 40 */
+/***/ (function(module, exports) {
+
+	module.exports = toArray
+	
+	function toArray(list, index) {
+	    var array = []
+	
+	    index = index || 0
+	
+	    for (var i = index || 0; i < list.length; i++) {
+	        array[i - index] = list[i]
+	    }
+	
+	    return array
+	}
+
+
+/***/ }),
+/* 41 */
+/***/ (function(module, exports) {
+
+	
+	/**
+	 * Module exports.
+	 */
+	
+	module.exports = on;
+	
+	/**
+	 * Helper for subscriptions.
+	 *
+	 * @param {Object|EventEmitter} obj with `Emitter` mixin or `EventEmitter`
+	 * @param {String} event name
+	 * @param {Function} callback
+	 * @api public
+	 */
+	
+	function on (obj, ev, fn) {
+	  obj.on(ev, fn);
+	  return {
+	    destroy: function () {
+	      obj.removeListener(ev, fn);
+	    }
+	  };
+	}
+
+
+/***/ }),
+/* 42 */
+/***/ (function(module, exports) {
+
+	/**
+	 * Slice reference.
+	 */
+	
+	var slice = [].slice;
+	
+	/**
+	 * Bind `obj` to `fn`.
+	 *
+	 * @param {Object} obj
+	 * @param {Function|String} fn or string
+	 * @return {Function}
+	 * @api public
+	 */
+	
+	module.exports = function(obj, fn){
+	  if ('string' == typeof fn) fn = obj[fn];
+	  if ('function' != typeof fn) throw new Error('bind() requires a function');
+	  var args = slice.call(arguments, 2);
+	  return function(){
+	    return fn.apply(obj, args.concat(slice.call(arguments)));
+	  }
+	};
+
+
+/***/ }),
+/* 43 */
+/***/ (function(module, exports) {
+
+	
+	/**
+	 * Expose `Backoff`.
+	 */
+	
+	module.exports = Backoff;
+	
+	/**
+	 * Initialize backoff timer with `opts`.
+	 *
+	 * - `min` initial timeout in milliseconds [100]
+	 * - `max` max timeout [10000]
+	 * - `jitter` [0]
+	 * - `factor` [2]
+	 *
+	 * @param {Object} opts
+	 * @api public
+	 */
+	
+	function Backoff(opts) {
+	  opts = opts || {};
+	  this.ms = opts.min || 100;
+	  this.max = opts.max || 10000;
+	  this.factor = opts.factor || 2;
+	  this.jitter = opts.jitter > 0 && opts.jitter <= 1 ? opts.jitter : 0;
+	  this.attempts = 0;
+	}
+	
+	/**
+	 * Return the backoff duration.
+	 *
+	 * @return {Number}
+	 * @api public
+	 */
+	
+	Backoff.prototype.duration = function(){
+	  var ms = this.ms * Math.pow(this.factor, this.attempts++);
+	  if (this.jitter) {
+	    var rand =  Math.random();
+	    var deviation = Math.floor(rand * this.jitter * ms);
+	    ms = (Math.floor(rand * 10) & 1) == 0  ? ms - deviation : ms + deviation;
+	  }
+	  return Math.min(ms, this.max) | 0;
+	};
+	
+	/**
+	 * Reset the number of attempts.
+	 *
+	 * @api public
+	 */
+	
+	Backoff.prototype.reset = function(){
+	  this.attempts = 0;
+	};
+	
+	/**
+	 * Set the minimum duration
+	 *
+	 * @api public
+	 */
+	
+	Backoff.prototype.setMin = function(min){
+	  this.ms = min;
+	};
+	
+	/**
+	 * Set the maximum duration
+	 *
+	 * @api public
+	 */
+	
+	Backoff.prototype.setMax = function(max){
+	  this.max = max;
+	};
+	
+	/**
+	 * Set the jitter
+	 *
+	 * @api public
+	 */
+	
+	Backoff.prototype.setJitter = function(jitter){
+	  this.jitter = jitter;
+	};
+	
+
+
+/***/ })
+/******/ ])
+});
+;
+//# sourceMappingURL=socket.io.dev.js.map

+ 6 - 7
src/App.vue

@@ -1,19 +1,18 @@
 <script setup>
-import { ref, watch, watchEffect } from "vue";
+import { ref, watchEffect,onMounted } from "vue";
 import BlocklyComponent from "./components/BlocklyComponent.vue";
 import Header from './components/header/header.vue'
 import Footer from './components/footer/footer.vue'
 import store from './stores/blockly'
+import { set } from "lodash";
 
 const xmlStr = store.useyXmlStore()
-const pythonCode = store.useyPythonCodeStore()
+const status = store.useLoadBlocklyStatus()
+const xml = ref(``)
 
-// watch(xmlStr,(newVal,oldVal)=>{
-//   console.log("newVal",newVal.xmlStr)
-//   console.log("oldVal",oldVal.xmlStr)
-// })
 watchEffect(() => {
-  console.log(xmlStr.xmlStr, pythonCode.pythonCode)
+  // console.log(status)
+  // xml.value = xmlStr.xmlStr
 })
 </script>
 

+ 2 - 13
src/assets/css/base.css

@@ -66,19 +66,8 @@ body {
     color 0.5s,
     background-color 0.5s;
   line-height: 1.6;
-  font-family:
-    Inter,
-    -apple-system,
-    BlinkMacSystemFont,
-    'Segoe UI',
-    Roboto,
-    Oxygen,
-    Ubuntu,
-    Cantarell,
-    'Fira Sans',
-    'Droid Sans',
-    'Helvetica Neue',
-    sans-serif;
+  font-family:-apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, sans-serif, Source Han Sans SC,
+  Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
   font-size: 15px;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;

+ 3 - 2
src/assets/css/header.css

@@ -1,13 +1,14 @@
 .header_right_icon {
     height: 30px;
-    margin-top: 5px;
+    margin-top: 15px;
     margin-right: 5px;
 }
 
 .header_right_title_span {
     color: #fff;
     display: inline-block;
-    line-height: 40px;
+    line-height: 60px;
+    font-size: 15px;
 }
 
 .el-dropdown-menu .header_menu_li {

+ 1 - 0
src/assets/example/基础/未命名.xml

@@ -0,0 +1 @@
+<xml xmlns="https://developers.google.com/blockly/xml"><block type="controls_if" id="X0tqvOySwsmyUn|QBx})" x="344" y="191"><value name="IF0"><block type="logic_compare" id="Vd=MQ|yKG23rb$!TOvsL"><field name="OP">EQ</field></block></value></block></xml>

BIN
src/assets/img/clear.png


BIN
src/assets/img/copy.png


BIN
src/assets/img/download_code.png


BIN
src/assets/img/plugin_download.png


BIN
src/assets/img/uploader_code.png


BIN
src/assets/img/刷新.png


+ 36 - 16
src/components/BlocklyComponent.vue

@@ -6,11 +6,13 @@
       </el-col>
       <el-col :span="8">
         <div style="height: 100%;">
-          <div style="height: 60%;">
-            <codeMirrorPython  :pythonCode="pythonCode" />
+          <div style="height: calc(100vh - 380px);overflow-y: auto;">
+            <codeHeader @getSwitchs="getSwitch" @getCodemirror="getCodemirror" @getPythonCode="getChildrenPythonCode"/>
+            <codeMirrorPython :pythonCode="pythonCode" v-if="codeShow" :codeMirrorShow="CodemirrorShow"  />
+            <Serialoutput v-else />
           </div>
-          <div style="height: 40%;">
-            <!-- <webadbHome /> -->
+          <div style="height: 260px;">
+            <Device />
           </div>
         </div>
       </el-col>
@@ -18,7 +20,7 @@
   </div>
 </template>
 <script setup>
-import { ref, onMounted, onBeforeUnmount,shallowRef } from "vue"
+import { ref, onMounted, shallowRef,watchEffect,onUpdated } from "vue"
 import Blockly from 'blockly';
 // import { pythonGenerator } from "blockly/python";
 import hans from '../blockly/msg/zh-hans';
@@ -28,15 +30,19 @@ import blocklyXml from '../blockly/blocklyXml'
 import Basic from '@/blockly/blocks/index'
 import BlocklyStyle from '../blockly/style/blockly'
 import BlocklyPython from '../blockly/pythonCode/index'
-
 import codeMirrorPython from './codemirror/codemirror.vue'
 import store from '../stores/blockly'
+import Device from './device/device.vue'
+import codeHeader from './codemirror/header.vue'
+import Serialoutput from "./codemirror/Serialoutput.vue";
 
 const workspace = shallowRef(null)
 const pythonCode = ref('')
-const show = ref(1)
+const CodemirrorShow = ref(true)
 const xmlStr = store.useyXmlStore()
 const storePythonCode = store.useyPythonCodeStore()
+const LoadBlocklyStatus = store.useLoadBlocklyStatus()
+const codeShow = ref(true)
 
 onMounted(() => {
   // blockly 初始化
@@ -48,6 +54,17 @@ onMounted(() => {
     getLocalStorageXml();
   }
 })
+// 
+const getSwitch = (val) => {
+  codeShow.value = val
+  pythonCode.value = storePythonCode.pythonCode
+}
+const getCodemirror = (val) => {
+  CodemirrorShow.value = !val
+}
+const getChildrenPythonCode = val => {
+  pythonCode.value = val
+}
 const initBlockly = () => {
   Blockly.Blocks = Basic.Blocks
   Blockly.Python = BlocklyPython.Python
@@ -76,10 +93,10 @@ const initBlockly = () => {
   });
   // 添加事件监听器
   workspace.value.addChangeListener(addBlocklyEventListeners)
+  // storeWorkspaceStore.$patch({ workspace: workspace.value })
 }
 const addBlocklyEventListeners = (event) => {
-  console.log(event.type, Blockly.Events.BLOCK_DRAG)
-  if (event.type == Blockly.Events.BLOCK_DRAG) {
+  if (event.type == Blockly.Events.BLOCK_DRAG || event.type=="viewport_change") {
     // 在块被拖动时执行的逻辑
     getWorkspaceXml()
   }
@@ -97,9 +114,9 @@ const getPythonCode = () => {
 const getWorkspaceXml = () => {
   var xml = Blockly.Xml.domToText(Blockly.Xml.workspaceToDom(workspace.value))
   localStorage.setItem('workspaceXml', xml)
-  console.log('--------workspace xml-------');
-  console.log(xml);
-  console.log('当前工作区 xml 已保存到 localStorage 中...');
+  // console.log('--------workspace xml-------');
+  // console.log(xml);
+  // console.log('当前工作区 xml 已保存到 localStorage 中...');
 }
 const getLocalStorageXml = () => {
   let xml = localStorage.getItem('workspaceXml');
@@ -107,9 +124,13 @@ const getLocalStorageXml = () => {
     Blockly.Xml.domToWorkspace(Blockly.utils.xml.textToDom(xml), workspace.value)
   }
 }
-// 组件销毁
-onBeforeUnmount(() => {
-  // console.log('111111111111')
+
+watchEffect(() => {
+  // console.log(LoadBlocklyStatus.status)
+  if(LoadBlocklyStatus.status){
+    workspace.value.clear()
+    Blockly.Xml.domToWorkspace(Blockly.utils.xml.textToDom(xmlStr.xmlStr), workspace.value)
+  }
 })
 </script>
 
@@ -120,4 +141,3 @@ onBeforeUnmount(() => {
   text-align: left;
 }
 </style>
-../blockly/blocks/blocklyXml

+ 19 - 0
src/components/codemirror/Serialoutput.vue

@@ -0,0 +1,19 @@
+<template>
+    <div class="serialoutput" id="serialoutput">
+        <!-- <div v-if="datas.length > 0" v-for="item in datas">{{ item }}</div> -->
+    </div>
+</template>
+<script setup>
+</script>
+<style>
+.serialoutput{
+    height: calc(100% - 60px);
+    width: 100%;
+    background-color: #fff;
+    overflow-y: auto;
+    div{
+        padding-left: 4px;
+        color: #000;
+    }
+}
+</style>

+ 14 - 9
src/components/codemirror/codemirror.vue

@@ -1,18 +1,19 @@
 <template>
     <!-- :indent-with-tab="true" 是否自动获取焦点-->
     <div class="codemirrorDiv">
-        <codemirror :modelValue="pythonCode" placeholder="" style="height: 100%" :autofocus="true" 
-        :tabSize="2" :extensions="extensions" :indent-with-tab="true" />
-        <!-- <div v-if="codeMirrorShow" class="codeMirrorMask"></div> -->
+        <Codemirror ref="mirrorContent" :modelValue="pythonCode" placeholder="" style="height: 100%" :autofocus="false"
+            :tabSize="2" :extensions="extensions" :indent-with-tab="true" @update:model-value="change" />
+        <div v-if="codeMirrorShow" class="codeMirrorMask"></div>
     </div>
 </template>
 
 <script setup>
+import { ref, onMounted } from "vue";
 import { Codemirror } from "vue-codemirror";
 import { python } from "@codemirror/lang-python";
 // import { oneDark } from "@codemirror/theme-one-dark";
+import store from '@/stores/blockly'
 import { EditorView } from "@codemirror/view"
-import { ref } from "vue";
 let myTheme = EditorView.theme({
     // 输入的字体颜色
     "&": {
@@ -51,7 +52,7 @@ let myTheme = EditorView.theme({
 }, {
     dark: false,
 })
-const extensions =[python(), myTheme];
+const extensions = [python(), myTheme];
 // 接受的参数
 const props = defineProps({
     pythonCode: {
@@ -65,14 +66,18 @@ const props = defineProps({
         default: true
     }
 })
-const innerPythonCode = ref(props.pythonCode)
-
+const storePythonCode = store.useyPythonCodeStore()
+// 实时获取编辑器内容
+const change = (e) => {
+    // console.log(e)  
+    storePythonCode.pythonCode = e  
+}
 </script>
 <style scoped>
 .codemirrorDiv {
     position: relative;
-    width: 100%;
-    height: 100%;
+    /* width: 100%; */
+    height: calc(100% - 61px);
 
     .codemirror-container {
         /* 设置背景色 */

+ 119 - 0
src/components/codemirror/header.vue

@@ -0,0 +1,119 @@
+<template>
+    <div class="python-header">
+        <el-row>
+            <el-col :span="12" class="python-header-left">
+                <span :class="active?'active':''" @click="switchValue(true)">Python 源代码</span>
+                <span :class="!active?'active':''" style="margin-left: 10px;" @click="switchValue(false)">串口交互窗</span>
+                <el-tooltip content="清除打印数据" v-if="!active">
+                    <img @click="clearPrintData" style="width: 20px;" src="../../assets/img/clear.png" alt="清除打印数据">
+                </el-tooltip>
+            </el-col>
+            <el-col :span="12" class="python-header-right">
+                <el-tooltip content="是否启用编辑模式">
+                    <el-switch v-model="value1" @change="switchEdit"></el-switch>
+                </el-tooltip>
+                <el-tooltip content="复制代码">
+                    <img src="../../assets/img/copy.png" alt="复制代码" @click="copyCode">
+                </el-tooltip>
+                <el-tooltip content="下载代码">
+                    <img src="../../assets/img/download_code.png" alt="下载代码" @click="downloadCode">
+                </el-tooltip>
+                <el-tooltip content="上传代码">
+                    <img src="../../assets/img/uploader_code.png" alt="上传代码" @click="uploadFile">
+                </el-tooltip>
+            </el-col>
+        </el-row>
+    </div>
+</template>
+<script setup>
+import {ref, defineEmits } from 'vue'
+import Blocklys from '@/stores/blockly'
+import { ElMessage } from 'element-plus'
+const value1 = ref(false)
+const active = ref(true)
+const emit = defineEmits(["getSwitchs","getCodemirror","getPythonCode"])
+const pythonCode = Blocklys.useyPythonCodeStore()
+const copyCode = () => {
+    console.log("复制代码",pythonCode.pythonCode)
+    navigator.clipboard.writeText(pythonCode.pythonCode).then(()=>{
+        ElMessage.success("复制成功")
+    }).catch(err=>{
+        ElMessage.error("复制失败")
+    })
+}
+const downloadCode = () => {
+    console.log("下载代码",pythonCode.pythonCode)
+    const blob = new Blob([pythonCode.pythonCode], { type: 'text/plain' });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = 'code.py';
+    a.click();
+    URL.revokeObjectURL(url);
+}
+const uploadFile = () => {
+    console.log("上传代码")
+    const input = document.createElement('input');
+    input.type = 'file';
+    input.accept = '.py';
+    input.onchange = async (event) => {
+        const file = event.target.files[0];
+        if (file) {
+            const text = await file.text();
+            emit("getPythonCode", text)
+            ElMessage.success("上传成功");
+        } else {
+            ElMessage.error("上传失败");
+        }
+    };
+    input.click();
+}
+const clearPrintData = () => {
+    document.getElementById("serialoutput").innerText = ""
+}
+const switchValue = (val) => {
+    emit("getSwitchs", val)
+    active.value = val
+}
+const switchEdit = (val) => {
+    emit("getCodemirror", val)
+}
+</script>
+<style scoped lang="scss">
+.python-header {
+    height: 60px;
+
+    .box-item {
+        width: 110px;
+        margin-top: 10px;
+    }
+
+    .python-header-left {
+        span {
+            display: inline-block;
+            margin-top: 20px;
+            padding: 0 10px;
+            cursor: pointer;
+            line-height: 40px;
+        }
+
+        span.active {
+            background-color: #fff;
+            color: #2b2b73;
+            border-radius: 13px 15px 0px 0px;
+        }
+    }
+
+    .python-header-right {
+        text-align: right;
+        line-height: 60px;
+        padding-right: 15px;
+    }
+
+    img {
+        width: 30px;
+        margin-left: 10px;
+        cursor: pointer;
+    }
+}
+</style>

+ 285 - 0
src/components/device/device.vue

@@ -0,0 +1,285 @@
+<template>
+    <div class="device">
+        <deviceHeader />
+        <div :span="24" class="device_connect">
+            <span>{{ connectText }}</span>
+        </div>
+        <div :span="24" class="device_connect">
+            <el-progress :percentage="percentage" />
+        </div>
+        <div class="device_connect">
+            <el-select v-model="devicePort" style="width: 200px;">
+                <el-option :disabled="!item.path" v-for="item in deviceSelect" :key="item.path" :value="item.path">{{
+                    item.path }}</el-option>
+            </el-select>
+        </div>
+        <div class="device_connect device_connect_btn">
+            <div>
+                <el-button :disabled="devicePort == '检测不到端口'" 
+                :type="devicePort == '检测不到端口'?'':'primary'" @click="runCode">运行</el-button>
+                <el-button :disabled="devicePort == '检测不到端口'" 
+                :type="devicePort == '检测不到端口'?'':'primary'" @click="uploadCode">上传</el-button>
+                <el-button v-if="deviceType == 'AI'" :disabled="devicePort == '检测不到端口'"
+                :type="devicePort == '检测不到端口'?'':'primary'">初始化主屏界面</el-button>
+            </div>
+            <div>
+                <el-button :disabled="devicePort == '检测不到端口'" type="primary" @click="reset">重启设备</el-button>
+            </div>
+        </div>
+    </div>
+</template>
+<script setup>
+import { ref, onMounted } from 'vue'
+import Devices from '@/stores/device'
+import Blocklys from '@/stores/blockly';
+import deviceHeader from './deviceHeader.vue';
+import axios from 'axios';
+import { ElMessage } from 'element-plus';
+const connectText = ref('插件未启用')
+const percentage = ref(0)
+const deviceSelect = ref([
+    {
+        id: 1,
+        path: '检测不到端口',
+        // path: ""
+    }
+])
+const Uploaders = Devices.useUploaders()
+const serialData = Devices.usePrintData()
+const devicePort = ref('检测不到端口')
+const websocket = ref(null)
+const deviceType = ref('')
+const devices = Devices.useDeveics()
+const socketPort = [9991, 9992, 9993, 9994, 9995, 9996, 9997, 9998, 9999, 10000]
+const cancelToken = axios.CancelToken;
+const source = cancelToken.source();
+const code = Blocklys.useyPythonCodeStore()
+
+onMounted(() => {
+    wsconect()
+    deviceType.value = localStorage.getItem('deviceType')
+})
+const wsconect = () => {
+    let fail = 0
+    for (let i = 0; i < socketPort.length; i++) {
+        let ws = io('http://localhost:' + socketPort[i]);
+        ws.on('connect', () => {
+            websocket.value = ws;
+            Uploaders.uploaders.status = true;
+            getVersion()
+            connectText.value = "模块未连接"
+
+        });
+        ws.on('connect_error', () => {
+            ws = ws.close() ? null : null;
+            ++fail === socketPort.length ? setTimeout(() => {
+                console.log('重连中')
+                Uploaders.uploaders.status = false;
+                wsconect()
+            }, 2000) : null;
+        });
+        ws.on('close', () => {
+            Uploaders.uploaders.status = false;
+            ++fail === socketPort.length ? setTimeout(() => {
+                console.log('重连中')
+                Uploaders.uploaders.status = false;
+                wsconect()
+            }, 2000) : null;
+        });
+    }
+    // return
+}
+const runCode = async () => {
+    if (!(websocket.value && websocket.value.id)) {
+        return
+    } else if (code.pythonCode == "") {
+        ElMessage({
+            message: '代码为空,运行失败',
+            type: 'error',
+        })
+        return
+    }
+    percentage.value = 0
+    let type = 1
+    let data = {
+        comname: devicePort.value,
+        sid: websocket.value.id,
+        code: code.pythonCode,
+        type: true
+    }
+    connectText.value = "运行中..."
+    if (type) {
+        await axios({
+            url: `${websocket.value.io.uri}/pythonupload`,
+            method: 'post',
+            data: data,
+            onDownloadProgress: function (progressEvent) {
+                // Do whatever you want with the progressEvent
+                console.log(progressEvent)
+                percentage.value = progressEvent.loaded / progressEvent.total * 100
+                connectText.value = "运行成功"
+            },
+
+        })
+    }
+
+}
+const uploadCode = async () => {
+    console.log('上传代码', code.pythonCode)
+    if (!(websocket.value && websocket.value.id)) {
+        return
+    } else if (code.pythonCode == "") {
+        ElMessage({
+            message: '上传代码为空,上传失败',
+            type: 'error',
+        })
+        return
+    }
+    connectText.value = "上传中"
+    let path = deviceType.value == "AI" ? "sd/user_latest_code.py" : "user_latest_code.py"
+    let pythonuploadCode = `import os
+os.remove("${path}")`
+    // 上传之前先把文件删除
+    let data = await axios({
+        url: `${websocket.value.io.uri}/pythonupload`,
+        method: 'post',
+        data: { comname: devicePort.value, sid: websocket.value.id, code: pythonuploadCode, type: true },
+    })
+    console.log('data', data)
+    // 上传
+    if (data.data == "success") {
+        await axios({
+            url: `${websocket.value.io.uri}/pythonuploadfile`,
+            method: 'post',
+            data: { comname: devicePort.value, sid: websocket.value.id, code: code.pythonCode, name: path },
+            onDownloadProgress: function (progressEvent) {
+                // Do whatever you want with the progressEvent
+                console.log(progressEvent)
+                percentage.value = progressEvent.loaded / progressEvent.total * 100
+                connectText.value = "上传成功"
+            },
+        })
+    } else {
+        connectText.value = "上传失败"
+    }
+
+}
+const reset = () => {
+    console.log('重置设备')
+    if (!(websocket.value && websocket.value.id)) {
+        return
+    }
+    let data = { comname: devicePort.value, sid: websocket.value.id }
+    axios.post(`${websocket.value.io.uri}/pythonreset`, data).then(res => {
+        console.log(res)
+        if (res.data == "success") {
+            ElMessage({
+                message: '重启设备成功',
+                type: 'success',
+            })
+        } else {
+            ElMessage({
+                message: '重启设备失败',
+                type: 'warning',
+            })
+        }
+    })
+}
+const getVersion = () => {
+    websocket.value.emit('command', { cmd: 'list' });
+    websocket.value.on('version', version => {
+        console.log('version', version)
+        Uploaders.uploaders.version = version
+    })
+    websocket.value.on('list', data => {
+        let list = data.List.boards.concat(data.List.wifi)
+        if (list.length > 0) {
+            devicePort.value = list.length > 0 ? list[0].path : "检测不到端口"
+            connectText.value = "直接将代码上传到电子模块中"
+            deviceSelect.value = list
+            getmcnty()
+        } else {
+            devicePort.value = "检测不到端口"
+            connectText.value = "模块未连接"
+            deviceSelect.value = [{ id: 1, path: "检测不到端口" }]
+        }
+
+    });
+    websocket.value.on('repl', data => { replData(data) });
+    websocket.value.on('disconnect', () => wsdisconnect());
+}
+const wsdisconnect = () => {
+    console.log('断开连接')
+    wsconect()
+    connectText.value = "插件未启用"
+    // websocket.value.emit('command', { cmd: 'close' })
+    // websocket.value.close()
+    // websocket.value = null
+}
+// 获取硬件类型
+const getmcnty = () => {
+    if (devicePort.value != "检测不到端口") {
+        let data = { comname: devicePort.value, sid: websocket.value.id }
+        axios.post(`${websocket.value.io.uri}/getmcnty`, data, {
+            cancelToken: source.token
+        }).then(res => {
+            if (res.data) {
+                deviceType.value = res.data
+                localStorage.setItem('deviceType', res.data)
+                devices.devices.type = res.data
+            }
+        })
+    }
+    else {
+        setTimeout(() => {
+            getmcnty()
+        }, 2000)
+    }
+
+}
+// 
+const replData = (data) => {
+    let code = data.code
+    code = code.replace(/(^OK)|(>\r\n)/g, "");
+    // code = code.replaceAngleBrackets()
+    var _str = code.replace(/[\r\n]/g, function (str) {
+        return "</div><div>";
+    });
+    let divs = document.createElement("div")
+    divs.innerHTML = _str;
+    for (let i = 0; i < divs.children.length; i++) {
+        if (divs.children[i].innerText != "") {
+            if (divs.children[i].innerText == ">>> ") {
+                let _span = document.createElement("span")
+                _span.innerHTML = "&nbsp"
+                divs.children[i].append(_span)
+
+            }
+        } else {
+            divs.removeChild(divs.children[i])
+            i--;
+        }
+    }
+    if(divs && divs.innerText != "" && document.getElementById("serialoutput")){
+        document.getElementById("serialoutput").append(divs)
+        // serialData.data = _ndiv
+    }
+}
+</script>
+<style scoped lang="scss">
+.device {
+    width: 100%;
+    height: 100%;
+    background-color: #f8f8f8;
+
+    .device_connect {
+        margin: 10px 10px;
+
+    }
+
+    .device_connect_btn {
+        display: flex;
+        justify-content: space-between;
+    }
+}
+</style>

+ 44 - 0
src/components/device/deviceHeader.vue

@@ -0,0 +1,44 @@
+<template>
+    <div class="device-header">
+        <span class="device-header-title">设备</span>
+        <el-select v-model="connection" style="width: 100px;margin-left: 10px;">
+            <el-option value="有线连接">有线连接</el-option>
+            <el-option value="无线连接">无线连接</el-option>
+        </el-select>
+        <img v-if="uploader.uploaders.status" src="../../assets/img/uploader_connect.png" alt="">
+        <img v-else src="../../assets/img/uploader_disconnect.png" alt="">
+        <img class="device-header-img-right" src="../../assets/img/firmware.png" alt="">
+        <img class="device-header-img-right" src="../../assets/img/plugin_download.png" alt="">
+    </div>
+</template>
+<script setup>
+import { ref, watchEffect } from 'vue'
+import storeDevice from '@/stores/device'
+const connection = ref('有线连接')
+const uploader = storeDevice.useUploaders()
+watchEffect(() => {
+    console.log(uploader.uploaders.status)
+})
+</script>
+<style scoped lang="scss">
+.device-header {
+    padding: 15px 10px 15px 5px;
+    background-color: #f1f2f5;
+    border-bottom: 1px solid #ddd;
+
+    span {
+        font-weight: 900;
+        font-size: 20px;
+        color: #000;
+    }
+
+    img {
+        width: 22px;
+        margin-left: 10px
+    }
+
+    .device-header-img-right {
+        float: right;
+    }
+}
+</style>

+ 1 - 1
src/components/header/headerRight.vue

@@ -36,7 +36,7 @@ import LinkStudy from '../headerRight/linkStudy.vue'
     display: flex;
     justify-content: flex-end;
     .headerRightDiv{
-        padding: 10px;
+        padding: 0 10px;
         cursor: pointer;
     }
     .headerRightDiv:hover{

+ 173 - 5
src/components/headerRight/example.vue

@@ -1,15 +1,183 @@
 <template>
-    <div>
-        <div class="el-dropdown-link" title="实验室">
-            <span class="header_right_title_span">实验室</span>
+    <div class="example">
+        <div class="el-dropdown-link" title="样例" @click="exampleDialog = true">
+            <img :src="imgIcon" alt="" class="header_right_icon left">
+            <span class="header_right_title_span">样例</span>
         </div>
+        <el-dialog v-model="exampleDialog" title="样例" class="example_dialog">
+            <div class="example_dialog_body">
+                <div class="example_item">
+                    <div :class="selectFirst == index ? 'example_item_div_active example_item_div' : 'example_item_div'"
+                        v-for="(item, index) in exampleList" :key="index" @click="clickFirst(index)">
+                        {{ item.name }}
+                    </div>
+                </div>
+                <div class="example_item">
+                    <div :class="selectTwo == index ? 'example_item_div_active example_item_div' : 'example_item_div'"
+                        v-for="(item, index) in exampleList[selectFirst].childrenList" :key="index"
+                        @click="clickTwo(index)">
+                        {{ item.name }}
+                    </div>
+                </div>
+                <div class="example_item">
+                    <div class="example_item_div"
+                        v-for="(item, index) in exampleList[selectFirst].childrenList[selectTwo].childrenList"
+                        :key="index" @click="openExapmle(item)">
+                        {{ item.name }}
+                    </div>
+                </div>
+            </div>
+        </el-dialog>
     </div>
 </template>
 <script setup>
-import {ref} from 'vue';
+import { ref } from 'vue';
 import imgIcon from '../../assets/img/cocoblockly-navbar_labs-icon.png'
+import axios from 'axios';
+import store from '../../stores/blockly'
+import { ElMessage } from 'element-plus';
+const importFileName = store.useImportFileNameStore()
+const emit = defineEmits(["setFileName"])
+const LoadBlocklyStatus = store.useLoadBlocklyStatus()
+const loadXml = store.useyXmlStore()
+const exampleDialog = ref(false)
+const exampleList = [
+    {
+        id: 1,
+        name: '基础样例',
+        childrenList: [
+            {
+                id: 1,
+                name: '1-1',
+                childrenList: [
+                    {
+                        name: '1-1-1',
+                        url: '基础/未命名.xml'
+                    },
+                    {
+                        name: '1-1-2',
+                        url: '基础/未命名.xml'
+                    }
+                ]
+            },
+            {
+                id: 2,
+                name: '1-2',
+                url: 'https://www.baidu.com',
+                childrenList: [
+                    {
+                        name: '1-2-3',
+                        url: '基础/未命名.xml'
+                    },
+                    {
+                        name: '1-2-4',
+                        url: '基础/未命名.xml'
+                    }
+                ]
+            }
+
+        ]
+    },
+    {
+        id: 2,
+        name: '媒体处理',
+        childrenList: [
+            {
+                name: '2-1',
+                childrenList: [
+                    {
+                        name: '2-1-1',
+                        url: '基础/未命名.xml'
+                    },
+                    {
+                        name: '2-1-2',
+                        url: '基础/未命名1.xml'
+                    }
+                ]
+            }
+
+        ]
+    },
+]
+const selectFirst = ref(0)
+const selectTwo = ref(0)
+const clickFirst = (index) => {
+    selectFirst.value = index
+    selectTwo.value = 0
+}
+const clickTwo = (index) => {
+    selectTwo.value = index
+}
+const openExapmle = (item) => {
+    axios.get(`/example/${item.url}`).then(res => {
+        let xml = res.data;
+        console.log(res.data,isXmlFile(xml))
+        if (isXmlFile(xml)) {
+            importFileName.$patch({ fileName: item.name })
+            emit("setFileName", item.name)
+            loadXml.$patch({ xmlStr: xml })
+            localStorage.setItem('workspaceXml', xml)
+            LoadBlocklyStatus.$patch({ status: true })
+            setTimeout(() => {
+                LoadBlocklyStatus.$patch({ status: false })
+            }, 100)
+            exampleDialog.value = false
+        }else{
+            ElMessage({
+                message: '打开失败',
+                type: 'error'
+            });
+        }
+    })
+}
+// 读取文件内容
+const isXmlFile = (content) => {
+    const parser = new DOMParser();
+    const parsedDoc = parser.parseFromString(content, "application/xml");
+    return parsedDoc.getElementsByTagName('parsererror').length === 0;
+};
 
 </script>
-<style lang="sass">
+<style scoped lang="scss">
+.example_dialog {
+
+    .example_dialog_body {
+        margin-top: 20px;
+        display: flex;
+        justify-content: space-between;
+        height: 550px;
+        text-align: center;
+        border: 1px solid #cdd9ff;
+        border-left: none;
+        border-right: none;
+
+        .example_item {
+            width: 32%;
+            box-sizing: border-box;
+            overflow-y: auto;
+            overflow-x: hidden;
+            padding: 0;
+            border-left: 1px solid #cdd9ff;
+            border-right: 1px solid #cdd9ff;
+        }
+
+        .example_item_div {
+            padding: 10px;
+            cursor: pointer;
+            background-color: #e7edff;
+            color: #2c4fcd;
+
+            &:hover {
+                background-color: #6689fc9e;
+            }
+        }
+
+        .example_item_div_active {
+            background-color: #6689fc;
+            color: #fff;
+        }
+    }
+
 
+}
 </style>

+ 41 - 15
src/components/headerRight/fIleOperation.vue

@@ -48,10 +48,9 @@
     </el-dialog>
 </template>
 <script setup>
-import { ref, watchEffect } from 'vue'
+import { ref} from 'vue'
 import { ElMessage } from 'element-plus'
 import Blockly from 'blockly';
-import { Plus, Delete } from '@element-plus/icons-vue'
 import local_storage from '../../assets/img/local_storage.png'
 import '../../assets/css/header.css'
 import store from '../../stores/blockly'
@@ -69,6 +68,7 @@ const emit = defineEmits(["setFileName"])
 const user = userInfo()
 const exportXml = store.useyXmlStore()
 const importFileName = store.useImportFileNameStore()
+const LoadBlocklyStatus = store.useLoadBlocklyStatus()
 const cloudDialog = ref(false)
 const cloudData = ref([])
 const cloudSave = () => {
@@ -89,13 +89,33 @@ const cloudSave = () => {
         })
     }
 }
+// 导入文件
 const importFile = () => {
-    console.log("导入xml文件", importFileName)
-    importFileName.$patch({ fileName: "2222" })
-    emit("setFileName", "22")
+    const input = document.createElement('input');
+    input.type = 'file';
+    input.accept = '.xml';
+    // input.onClick = e => {
+    //     e.stopPropagation();
+    // }
+    input.onchange = e => {
+        const file = e.target.files[0];
+        const reader = new FileReader();
+        reader.onload = e => {
+            let xml = e.target.result;
+            exportXml.$patch({ xmlStr: xml })
+            LoadBlocklyStatus.$patch({ status: true })
+            importFileName.$patch({ fileName: file.name })
+            emit("setFileName", file.name)
+            localStorage.setItem('workspaceXml', xml)
+            setTimeout(() => {
+                LoadBlocklyStatus.$patch({ status: false })
+            }, 100)
+        };
+        reader.readAsText(file);
+    };
+    input.click();
 }
-// console.log(getCurrentInstance().appContext.config.globalProperties)
-// $exportFile(exportXml,props.exportImportFileName + '.xml')
+// 导出文件
 const exportFile = () => {
     let name = props.exportImportFileName + '.xml'
     if (exportXml.xmlStr && exportXml.xmlStr != `<xml xmlns="https://developers.google.com/blockly/xml"></xml>`) {
@@ -122,6 +142,7 @@ const exportFile = () => {
     // document.body.removeChild(link);
     // window.URL.revokeObjectURL(textURL);
 }
+// 分享
 const share = (e, id) => {
     e.stopPropagation();
     // console.log("分享", location.href)
@@ -134,7 +155,7 @@ const share = (e, id) => {
 
     });
 }
-
+// 删除文件
 const deleteFile = (e, id) => {
     e.stopPropagation();
     // https://api.cocorobo.cn/blockx/1721619372665
@@ -154,11 +175,10 @@ const deleteFile = (e, id) => {
         }
     })
 }
-
+// 保存文件
 const saveFile = (e, name) => {
     e.stopPropagation();
     // https://api.cocorobo.cn/blockx/1716428157190
-    console.log("保存文件", exportXml.xmlStr)
     let form = new FormData()
     // form.append('platformType', "CocoPi")
     form.append('filename', name)
@@ -166,7 +186,7 @@ const saveFile = (e, name) => {
     // form.append('code', "")
     axios.put(`https://api.cocorobo.cn/blockx/${name}`, form).then(res => {
         console.log(res)
-        if (res.status == 200) {
+        if (res.data == "OK") {
             ElMessage({
                 message: '保存成功',
                 type: 'success',
@@ -180,17 +200,23 @@ const saveFile = (e, name) => {
         }
     })
 }
-
+// 打开文件
 const openFile = (e, item) => {
     e.stopPropagation();
     // https://api.cocorobo.cn/blockx/5ed71aeb0ff4fc69b32e866b_1710676497206
-    console.log("打开文件", item)
     axios.get(`https://api.cocorobo.cn/blockx/${item.filenameid}`).then(res => {
-        console.log(res.data.xml.split("$")[1])
+        console.log(res.data.xml.slice(5))
        if (res.status == 200) {
-            exportXml.xmlStr = res.data.xml.split("$")[1]
+            const xml  = res.data.xml.slice(5)
             importFileName.$patch({ fileName: item.filename })
             emit("setFileName", item.filename)
+            exportXml.$patch({ xmlStr: xml })
+            LoadBlocklyStatus.$patch({ status: true })
+            localStorage.setItem('workspaceXml', xml)
+            setTimeout(() => {
+                LoadBlocklyStatus.$patch({ status: false })
+                cloudDialog.value = false
+            }, 100)
         }
         else {
             ElMessage({

+ 250 - 6
src/components/headerRight/labs.vue

@@ -1,18 +1,18 @@
 <template>
     <div class="labs">
-        <div class="el-dropdown-link" title="实验室" @click="dialogVisible = true">
+        <div class="el-dropdown-link" title="实验室" @click="openLabs">
             <img :src="imgIcon" alt="" class="header_right_icon left">
             <span class="header_right_title_span">实验室</span>
         </div>
-        <el-dialog v-model="dialogVisible" title="" width="820px" :show-close="false">
+        <el-dialog v-model="dialogVisible" title="" :show-close="false">
             <template #header="{ close }">
                 <div class="my-header">
                     <span class="labs_title">CocoBlockly Pi 实验室</span>
                     <i class="material-icons right" style="margin-top: 5px;cursor: pointer;margin-right:-15px"
-                        @click="close">close</i>
+                        @click="labsClose">close</i>
                 </div>
             </template>
-            <el-row class="labs_body">
+            <el-row v-if="activeContent == 0" class="labs_body">
                 <el-col class="labs_class_content" :span="6">
                     <p class="all_class">所有分类:</p>
                     <ul class="labs_class_left">
@@ -28,7 +28,7 @@
                     <h5>{{ titleNmae }}</h5>
                     <ul class="labs_class_right">
                         <li v-if="calssActive == 1">
-                            <AI></AI>
+                            <AI @getNextValueAI="getNextValueAI"></AI>
                         </li>
                         <li v-else-if="calssActive == 2">
                             <Iot></Iot>
@@ -48,6 +48,43 @@
                     </ul>
                 </el-col>
             </el-row>
+            <el-row :gutter="20" v-else-if="activeContent == 1" class="activeContent">
+                <el-col :span="12" style="background-color: #fff;box-shadow: 1px 2px 3px #eeeeee;">
+                    <img style="width: 100%;" :src="disposition.img" alt="">
+                    <h3>{{ disposition.title }}</h3>
+                    <p>{{ disposition.content }}</p>
+                </el-col>
+                <el-col :span="12">
+                    <div class="labs_card_container">
+                        <h4>最低配置要求</h4>
+                        <p>系统:{{ disposition.system }}</p>
+                        <p>内存:{{ disposition.memory }}</p>
+                        <p>硬盘:{{ disposition.HardDisk }}</p>
+                        <p>显卡:{{ disposition.GraphicsCard }}</p>
+                        <p>摄像头:{{ disposition.camera ? '需要' : '不需要' }}</p>
+                        <p>麦克风:{{ disposition.microphone ? '需要' : '不需要' }}</p>
+                    </div>
+                    <el-button @click="goNext()">进入</el-button>
+                </el-col>
+            </el-row>
+        </el-dialog>
+        <el-dialog v-model="iframVisible" :width="disposition.iframeSrc ? '95%' : ''" :show-close="false">
+            <template #header="{ close }">
+                <span v-if="disposition.iframeSrc">
+                    <i class="material-icons right" style="margin-top: -15px;cursor: pointer;margin-right:0px"
+                        @click="close">close</i>
+                </span>
+                <div class="my-header" v-else>
+                    <span class="labs_title">{{ disposition.title }}</span>
+                    <i class="material-icons right" style="margin-top: 5px;cursor: pointer;margin-right:-15px"
+                        @click="labsClose">close</i>
+                </div>
+            </template>
+            <iframe id="postMessage" v-if="disposition.iframeSrc" :src="disposition.iframeSrc" ref="labsData" frameborder="0"
+                style="width: 100%;height:700px;"></iframe>
+            <div v-else style="padding: 0 20px;max-height: 600px;overflow-y: auto;min-height: 500px;">
+                <gesture />
+            </div>
         </el-dialog>
     </div>
 </template>
@@ -60,16 +97,174 @@ import RobotContro from '../labs/robotContro.vue';
 import Science from '../labs/science.vue'
 import interactiveGames from '../labs/interactiveGames.vue'
 import ARVR from '../labs/ARVR.vue'
+import deepLearningImg from '../../assets/img/AppCenter_ai_teachableMachine.jpg'
+import emotionImg from '../../assets/img/AppCenter_ai_emotion.jpg'
+import gestureImg from '../../assets/img/AppCenter_ai_gesture_recognition.jpg'
+import objectImg from '../../assets/img/object_recognition_header.jpg'
+import postureImg from '../../assets/img/posenet_recogition.png'
+import discerningEyeImg from '../../assets/img/tm_with_pose.jpg'
+import speechImg from '../../assets/img/AppCenter_ai_speech.jpg'
+import gesture from '../labs/gesture.vue';
+import emotion from '../labs/emotion.vue';
+import useUserinfo from '@/stores/modules/userInfo';
 
 const dialogVisible = ref(false)
 const calssActive = ref(1)
 const titleNmae = ref("人工智能")
+const activeContent = ref(0)
+const dispositionList = [
+    {
+        title: "深度学习机器",
+        content: "机器人发展的趋势是人工智能化,深度学习是智能机器人的前沿技术,也是机器学习领域的新课题。深度学习技术被广泛运用于农业、工业、军事、航空等领域,与机器让人的有机结合能设计出具有高工作效率、高实时性、高精确度的智能机器人。",
+        img: deepLearningImg,
+        system: "Windows (>Windows7), macOS (>10.11)",
+        resolution: "1440*768",
+        memoryCapacity: "8GB-16GB",
+        HardDisk: "256GB-512GB",
+        GraphicsCard: "650M",
+        camera: true,
+        microphone: false,
+        iframeSrc: "https://ai-demos.cocorobo.cn/teachable-machine-2/public/"
+    },
+    {
+        title: "情绪识别",
+        content: "情绪识别发展的趋势是人工智能化,情绪识别是智能识别的前沿技术,也是识别领域的新课题。情绪识别技术被广泛运用于农业、工业、军事、航空等领域。",
+        img: emotionImg,
+        system: "Windows (>Windows7), macOS (>10.11)",
+        resolution: "1440*768",
+        memoryCapacity: "8GB-16GB",
+        HardDisk: "256GB-512GB",
+        GraphicsCard: "650M",
+        camera: true,
+        microphone: false,
+        iframeSrc: "https://beta.ai-demos.cocorobo.cn/labs/emotion-cloud/index.html"
+    },
+    {
+        title: "手势识别",
+        content: "手势识别发展的趋势是人工智能化,手势识别是智能识别的前沿技术,也是识别领域的新课题。手势识别技术被广泛运用于农业、工业、军事、航空等领域。",
+        img: gestureImg,
+        system: "Windows (>Windows7), macOS (>10.11)",
+        resolution: "1440*768",
+        memoryCapacity: "8GB-16GB",
+        HardDisk: "256GB-512GB",
+        GraphicsCard: "650M",
+        camera: true,
+        microphone: false,
+        iframeSrc: "https://beta.ai-demos.cocorobo.cn/labs/gesture-cloud/index.html"
+    },
+    {
+        title: "物体识别",
+        content: "物体识别发展的趋势是人工智能化,物体识别是智能识别的前沿技术,也是识别领域的新课题。物体识别技术被广泛运用于农业、工业、军事、航空等领域。",
+        img: objectImg,
+        system: "Windows (>Windows7), macOS (>10.11)",
+        resolution: "1440*768",
+        memoryCapacity: "8GB-16GB",
+        HardDisk: "256GB-512GB",
+        GraphicsCard: "650M",
+        camera: true,
+        microphone: false,
+        iframeSrc: ""
+    },
+    {
+        title: "姿态识别",
+        content: "姿态识别发展是人工智能发展的大趋势,姿态识别运用了许多智能识别的前沿技术,是识别领域的新课题。姿态识别技术被广泛运用于多中领域",
+        img: postureImg,
+        system: "Windows (>Windows7), macOS (>10.11)",
+        resolution: "1440*768",
+        memoryCapacity: "8GB-16GB",
+        HardDisk: "256GB-512GB",
+        GraphicsCard: "650M",
+        camera: true,
+        microphone: false,
+        iframeSrc: "https://ai-demos.cocorobo.cn/posenet-2/demos/dist/"
+    },
+    {
+        title: "慧眼识人",
+        content: "机器人发展的趋势是人工智能化,深度学习是智能机器人的前沿技术,也是机器学习领域的新课题。深度学习技术被广泛运用于农业、工业、军事、航空等领域,与机器让人的有机结合能设计出具有高工作效率、高实时性、高精确度的智能机器人。",
+        img: discerningEyeImg,
+        system: "Windows (>Windows7), macOS (>10.11)",
+        resolution: "1440*768",
+        memoryCapacity: "8GB-16GB",
+        HardDisk: "256GB-512GB",
+        GraphicsCard: "650M",
+        camera: true,
+        microphone: false,
+        iframeSrc: "https://ai-demos.cocorobo.cn/teachable-machine-pose-recognition-2/public/"
+    },
+    {
+        title: "语音识别",
+        content: "语音识别发展的趋势是人工智能化,语音识别是智能识别的前沿技术,也是识别领域的新课题。语音识别技术被广泛运用于农业、工业、军事、航空等领域。",
+        img: speechImg,
+        system: "Windows (>Windows7), macOS (>10.11)",
+        resolution: "1440*768",
+        memoryCapacity: "8GB-16GB",
+        HardDisk: "256GB-512GB",
+        GraphicsCard: "650M",
+        camera: false,
+        microphone: true,
+        iframeSrc: "https://beta.ai-demos.cocorobo.cn/labs/speech-cloud/index.html"
+    }
+]
+const disposition = ref({})
+const iframVisible = ref(false)
+const labsData = ref(null)
 
 const getClassData = (val, name) => {
     calssActive.value = val
     titleNmae.value = name
 }
 
+const getNextValueAI = (val) => {
+    activeContent.value = 1
+    disposition.value = dispositionList.find(item => item.title == val)
+}
+
+const goNext = () => {
+    iframVisible.value = true
+    setTimeout(() => {
+        iframeMessage()
+    }, 100)
+}
+
+const iframeMessage = () => {
+    console.log(document.getElementById("postMessage"))
+    const data = {
+        data:useUserinfo().userInfo,
+        id:"loginVerify",
+        url:"zh-hans"
+    }
+    if(labsData.value){
+        labsData.value.contentWindow.postMessage(JSON.parse(JSON.stringify(data)), "*")
+    }
+}
+
+const labsClose = () => {
+    console.log(activeContent.value,disposition.value.iframeSrc)
+    if (disposition.value.iframeSrc == "" && iframVisible.value) {
+        iframVisible.value = false
+        activeContent.value = 1
+    }
+    else if (activeContent.value == 1) {
+        activeContent.value = 0
+    } 
+    else {
+        dialogVisible.value = false
+    }
+}
+
+const openLabs = () => {
+    if(useUserinfo().userInfo){
+        dialogVisible.value = true
+        activeContent.value = 0
+    }else{
+        // dialogVisible.value = false
+        ElMessage({
+            message: '请先登录',
+            type: 'warning'
+        })
+    }
+}
+
 </script>
 <style lang="scss">
 .labs {
@@ -81,7 +276,7 @@ const getClassData = (val, name) => {
     }
 
     .my-header {
-        padding: 20px;
+        padding: 0 20px 20px;
     }
 
     .labs_title {
@@ -132,5 +327,54 @@ const getClassData = (val, name) => {
             ul.labs_class_right {}
         }
     }
+
+    .activeContent {
+        border-top: 1px solid #ddd;
+        background-color: rgb(250, 250, 250);
+        // padding-top: 10px;
+        padding: 10px;
+
+        .el-col {
+            position: relative;
+            padding: 10px;
+
+            img {
+                width: 100%;
+            }
+
+            h3 {
+                font-size: 1.64rem;
+                line-height: 110%;
+                padding: 10px 0 15px;
+                color: #212121;
+            }
+
+            .labs_card_container {
+                background-color: #fff;
+
+                h4 {
+                    background-color: rgb(33, 150, 243);
+                    color: #fff;
+                    padding: 5px 10px;
+                    font-size: 15px;
+                    border-top-left-radius: 5px;
+                    border-top-right-radius: 5px;
+                }
+
+                p {
+                    padding: 3px;
+                }
+            }
+
+            .el-button {
+                position: absolute;
+                width: calc(100% - 20px);
+                bottom: 0px;
+                background-color: #2979FF;
+                color: #fff;
+            }
+        }
+
+    }
 }
 </style>

+ 10 - 4
src/components/headerRight/user.vue

@@ -83,7 +83,7 @@ const apiUrl = ref("")
 const cnOrHk = ref(false)
 
 onMounted(() => {
-    console.log("user")
+    // console.log("user")
     cnOrHk.value = window.location.host.indexOf("cocorobo.hk") > -1
     window.addEventListener('message', function (e) {
         // console.log(e)
@@ -96,6 +96,10 @@ onMounted(() => {
                 apiKey.value = e.data.data.apiKey
                 user.setUserInfo(e.data.data)
                 refreshCloud()
+                ElMessage({
+                    message: '登录成功',
+                    type: 'success',
+                })
             }
         }
     })
@@ -157,16 +161,18 @@ const loginOut = () => {
     position: relative;
 
     .user_login_style {
-        margin-top: 5px;
+        height: 60px;
+        font-size: 15px;
 
         .user_name {
             position: relative;
-            top: 3px;
+            top: 10px;
             margin-left: 10px;
         }
 
         img {
             // position: absolute;
+            margin-top: 15px;
             height: 27px;
             // top: 0;
             // left: -40px;
@@ -178,7 +184,7 @@ const loginOut = () => {
             margin-top: 10px;
             margin-left: 15px;
             position: relative;
-            top: 3px;
+            top: 10px;
             border: 2px solid #fff;
             border-radius: 20px;
         }

+ 3 - 2
src/components/labs/ai.vue

@@ -1,6 +1,6 @@
 <template>
     <div>
-        <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
+        <el-tabs v-model="activeName" class="demo-tabs">
             <el-tab-pane label="视觉识别" name="first">
                 <el-row class="el_row_card">
                     <el-col :span="12" class="card_style">
@@ -62,8 +62,9 @@ import speechImg from '../../assets/img/AppCenter_ai_speech.jpg'
 import comingSoonImg from '../../assets/img/AppCenter_comingSoon.jpg'
 
 const activeName = ref("first")
+const emit = defineEmits("getNextValueAI")
 const getNextValue = (val) => {
-    console.log(val)
+    emit("getNextValueAI", val)
 }
 </script>
 

+ 289 - 0
src/components/labs/emotion.vue

@@ -0,0 +1,289 @@
+<template>
+    <div class="emotion">
+        <el-switch v-model="value" size="large" inactive-text="打开摄像头" @change="change" />
+        <el-row :gutter="20">
+            <el-col :span="12">
+                <p>网络摄像头:</p>
+                <video ref="videoEl" style="width: 300px;height: 260px;" v-if="switchCamera"></video>
+                <div v-else class="video_img">
+                    请先打开摄像头
+                </div>
+            </el-col>
+            <el-col :span="12">
+                <p>最新的快照:</p>
+                <canvas ref="canvasEl" v-if="switchCamera"></canvas>
+                <div v-else class="video_img">
+                    你的快照将会呈现在这里
+                </div>
+            </el-col>
+        </el-row>
+        <el-button @click="photoRecognition" style="margin-top: 10px;">拍照识别</el-button>
+        <el-row class="emotion_result">
+            <el-col :span="24">
+                <p class="emotion_result_p">脸部分析结果:</p>
+            </el-col>
+            <el-col :span="12">
+                <span class="emotion_result_span">年龄:</span>{{ resultEmotion.age || "未识别到结果" }}
+            </el-col>
+            <el-col :span="12">
+                <span class="emotion_result_span">情绪:</span>{{ resultEmotion.emotion || "未识别到结果" }}
+            </el-col>
+            <el-col :span="12">
+                <span class="emotion_result_span">性别:</span>{{ resultEmotion.gender || "未识别到结果" }}
+            </el-col>
+            <el-col :span="12">
+                <span class="emotion_result_span">眼镜:</span>{{ resultEmotion.glasses || "未识别到结果" }}
+            </el-col>
+            <el-col :span="12">
+                <span class="emotion_result_span">表情:</span>{{ resultEmotion.expression || "未识别到结果" }}
+            </el-col>
+            <p style="width:100%;border-bottom: 1px solid rgba(0, 0, 0, 0.4);margin: 10px 0;"></p>
+            <el-col :span="24">
+                <span class="emotion_result_span">表情:</span>smile(微笑)、laugh(大笑)、none(无)
+            </el-col>
+            <el-col :span="24">
+                <span
+                    class="emotion_result_span">情绪:</span>angry(愤怒)、disgust(厌恶)、fear(恐惧)、happy(快乐)、sad(悲伤)、surprise(惊讶)、neutral(中性)、pouty(撅嘴)、grimace(鬼脸)
+            </el-col>
+        </el-row>
+        <el-row>
+            <el-switch v-model="cloudValue" size="large" inactive-text="是否发送到云端" @change="rendCloud" />
+            <el-col>
+                <p>请选择一个 CocoCloud 项目,分析后的数据将会发送至该项目
+                    <img src="../../assets/img/刷新.png" @click="refreshCloud" alt="">
+                </p>
+            </el-col>
+            <el-col>
+                <el-select name="select" id="" v-model="apiMode" @change="getApiKey">
+                    <!-- <option value="" v-for="item in cloudList" v-model="item.url">{{ item.value }}</option> -->
+                    <el-option v-for="item in cloudList" :key="item.url" :label="item.value" :value="item.url" />
+                </el-select>
+            </el-col>
+        </el-row>
+    </div>
+</template>
+<script setup>
+import { ref, onMounted } from 'vue';
+import axios from 'axios';
+import userInfo from '@/stores/modules/userInfo';
+const value = ref(false);
+const videoEl = ref(HTMLVideoElement); // 摄像头video
+const canvasEl = ref(HTMLCanvasElement); // 画布canvas
+const switchCamera = ref(false);
+const yekReverse = "NmJhZjc4NzUzMmVmNGVlYzhiYzkzYzg4NTE4Yjg5MTY="
+const hans = {
+    "angry": "angry(愤怒)",
+    "disgust": "disgust(厌恶)",
+    "fear": "fear(恐惧)",
+    "happy": "happy(快乐)",
+    "sad": "sad(悲伤)",
+    "surprise": "surprise(惊讶)",
+    "neutral": "neutral(中性)",
+    "pouty": "pouty(撅嘴)",
+    "grimace": "grimace(鬼脸)"
+}
+const hant = {
+    "angry": "angry(憤怒)",
+    "disgust": "disgust(厭惡)",
+    "fear": "fear(恐懼)",
+    "happy": "happy(快樂)",
+    "sad": "sad(悲傷)",
+    "surprise": "surprise(驚訝)",
+    "neutral": "neutral(中性)",
+    "pouty": "pouty(撅嘴)",
+    "grimace": "grimace(鬼臉)"
+}
+const cloudList = ref();
+const resultEmotion = ref({});
+const cloudValue = ref(false);
+const apiMode = ref("");
+const rendCloud = (val) => {
+    if (val) {
+        cloudValue.value = true;
+    } else {
+        cloudValue.value = false;
+    }
+}
+const change = (val) => {
+    if (val) {
+        getCamera();
+        switchCamera.value = true;
+    } else {
+        videoEl.value.srcObject = null;
+        switchCamera.value = false;
+    }
+}
+onMounted(() => {
+    console.log(userInfo().userInfo)
+    if (userInfo().userInfo) {
+        refreshCloud()
+    }
+})
+// 打开摄像头
+const getCamera = async () => {
+    const navigator = window.navigator.mediaDevices;
+    // 获取所有设备
+    const devices = await navigator.enumerateDevices();
+
+    if (devices) {
+        const stream = await navigator.getUserMedia({
+            audio: false,
+            video: {
+                width: 300, // 设置视频宽度
+                height: 260, // 设置视频高度
+                facingMode: "user", // 使用前置摄像头
+            },
+        });
+        if (videoEl.value) {
+            videoEl.value.srcObject = stream;
+            videoEl.value.play();
+        }
+    }
+}
+const photoRecognition = () => {
+    // 检查视频元素和canvas 是否存在
+    if (videoEl.value && canvasEl.value) {
+        console.log(videoEl.value);
+        canvasEl.value.width = 300;
+        canvasEl.value.height = 260;
+        // 获取画布上下文对象
+        const ctx = canvasEl.value.getContext('2d');
+        // 绘制图像到画布上
+        ctx?.drawImage(videoEl.value, 0, 0, 300, 260);
+        // 将画布内容转换为base64格式
+        const imagebase64 = canvasEl.value.toDataURL('image/jpeg', 1).split(";");
+        var contentType = imagebase64[0].split(":")[1];
+        var realData = imagebase64[1].split(",")[1];
+        const blob = b64toBlob(realData, contentType);
+        const formData = new FormData();
+        formData.append('image', blob);
+        // https://ai-api.cocorobo.cn/face 人脸识别接口
+        const headers = {
+            'Ocp-Apim-Subscription-Key': atob(yekReverse)
+        }
+        axios.post('https://ai-api.cocorobo.cn/face', {
+            image: realData
+        }, { headers }).then(res => {
+            console.log(res.data.data);
+            const datas = res.data.data;
+            if (datas.error_code == 0) {
+                let data = datas.result
+                let obj = {
+                    emotion: hans[data.face_list[0].emotion.type],
+                    age: data.face_list[0].age,
+                    gender: data.face_list[0].gender.type + (data.face_list[0].gender.type == "male" ? "(男)" : "(女)"),
+                    glasses: data.face_list[0].glasses.type + (data.face_list[0].glasses.type == "common" ? "(有)" : "(无)"),
+                    expression: data.face_list[0].expression.type + (data.face_list[0].expression.type == "smile" ? "(微笑)" : data.face_list[0].expression.type == "smile" ? "(大笑)" : "(无)")
+                }
+                resultEmotion.value = obj
+                if (cloudValue.value) {
+                    sendCloud()
+                }
+            }
+            // if (res.status == 200) {
+            //     console.log(res.data);
+            // }
+        })
+    }
+}
+const b64toBlob = (b64Data, contentType, sliceSize = 512) => {
+    contentType = contentType || '';
+    sliceSize = sliceSize || 512;
+    var byteCharacters = atob(b64Data);
+    var byteArrays = [];
+    for (var offset = 0; offset < byteCharacters.length; offset += sliceSize) {
+        var slice = byteCharacters.slice(offset, offset + sliceSize);
+        var byteNumbers = new Array(slice.length);
+        for (var i = 0; i < slice.length; i++) {
+            byteNumbers[i] = slice.charCodeAt(i);
+        }
+        var byteArray = new Uint8Array(byteNumbers);
+        byteArrays.push(byteArray);
+    }
+    var blob = new Blob(byteArrays, { type: contentType });
+    return blob;
+}
+const refreshCloud = () => {
+    const apiKey = userInfo().userInfo.apiKey
+    const event = window.location.host.indexOf("cocorobo.hk") > -1 ? `https://api.cocorobo.hk/iot/data/apikey/${apiKey.value}/event/` : `https://api.cocorobo.cn/iot/data/apikey/${apiKey}/event/`
+    axios.get(event).then(res => {
+        // console.log(res)
+        if (res.data.length > 0) {
+            let list = []
+            res.data.map(x => {
+                let obj = {
+                    id: x.eventAPIKey,
+                    value: x.name,
+                    url: x.url
+                }
+                list.push(obj)
+                return x
+            })
+            apiMode.value = list[0].value
+            apiKeyModel.value = list[0].id
+            apiUrl.value = list[0].url
+            cloudList.value = list
+        }
+    })
+}
+
+const getApiKey = (e) => {
+    apiMode.value = e
+}
+const sendCloud = () => {
+    console.log(apiMode.value)
+    let data = resultEmotion.value
+    axios.post(apiMode.value, JSON.stringify(data)).then(res => {
+        console.log(res)
+    })
+}
+</script>
+
+<style scoped lang="scss">
+.emotion {
+    .video_img {
+        width: 300px;
+        height: 260px;
+        background: #f0f0f0;
+        border-radius: 6px;
+        text-align: center;
+        line-height: 260px;
+        color: rgba(0, 0, 0, .4);
+    }
+
+    .emotion_result {
+        text-align: left;
+        border-radius: 6px;
+        border: 1px solid rgba(0, 0, 0, .075);
+        padding: 15px;
+        background-color: rgba(0, 0, 0, .02);
+        margin-bottom: 15px;
+        margin-top: 10px;
+        color: rgba(0, 0, 0, .4);
+
+        .emotion_result_p {
+            font-weight: 200;
+            margin-bottom: 10px;
+            color: #000;
+        }
+
+        .emotion_result_span {
+            font-weight: 600;
+            color: #000;
+        }
+    }
+
+    select {
+        margin: 10px 0;
+        width: 100%;
+        padding: 8px;
+        border-radius: 5px;
+    }
+
+    img {
+        width: 25px;
+        float: right;
+        cursor: pointer;
+    }
+}
+</style>

+ 232 - 0
src/components/labs/gesture.vue

@@ -0,0 +1,232 @@
+<template>
+    <div class="emotion">
+        <el-switch v-model="value" size="large" inactive-text="打开摄像头" @change="change" />
+        <el-row :gutter="20">
+            <el-col :span="8">
+                <p>网络摄像头:</p>
+                <canvas ref="canvasEl" style="display: none;"></canvas>
+                <video  ref="videoEl" style="width: 300px;height: 260px;display: block;" v-if="switchCamera"></video>
+                <div v-else class="video_img">
+                    请先打开摄像头
+                </div>
+            </el-col>
+            <el-col :span="14" style="margin-left: 20px;">
+                <el-col :span="24">
+                    <el-button v-if="clickButton" style="margin-top: 10px;" type="primary"
+                        @click="refresh">重新拍摄</el-button>
+                    <el-button v-else style="margin-top: 10px;" type="primary" :disabled="!switchCamera"
+                        @click="photoRecognition">拍照识别</el-button>
+                </el-col>
+                <el-col :span="24">
+                    <p class="emotion_result_p">识别结果:</p>
+                </el-col>
+                <el-col :span="24" class="emotion_result_span">
+                    {{ resultGesture || "未识别到结果" }}
+                </el-col>
+                <el-col :span="24" style>
+                    <el-switch v-model="cloudValue" size="large" inactive-text="是否发送到云端" @change="rendCloud" />
+                </el-col>
+                <el-col>
+                    <p>请选择一个 CocoCloud 项目,分析后的数据将会发送至该项目
+                        <img src="../../assets/img/刷新.png" @click="refreshCloud" alt="">
+                    </p>
+                </el-col>
+                <el-col>
+                    <el-select name="select" id="" v-model="apiMode" @change="getApiKey">
+                        <!-- <option value="" v-for="item in cloudList" v-model="item.url">{{ item.value }}</option> -->
+                        <el-option v-for="item in cloudList" :key="item.url" :label="item.value" :value="item.url" />
+                    </el-select>
+                </el-col>
+            </el-col>
+        </el-row>
+
+    </div>
+</template>
+<script setup>
+import { ref, onMounted } from 'vue';
+import axios from 'axios';
+import userInfo from '@/stores/modules/userInfo';
+const value = ref(false);
+const videoEl = ref(HTMLVideoElement); // 摄像头video
+const switchCamera = ref(false);
+const cloudList = ref();
+const resultGesture = ref();
+const cloudValue = ref(false);
+const apiMode = ref("");
+const clickButton = ref(false);
+const canvasEl = ref(HTMLVideoElement);
+const rendCloud = (val) => {
+    if (val) {
+        cloudValue.value = true;
+    } else {
+        cloudValue.value = false;
+    }
+}
+const change = (val) => {
+    if (val) {
+        getCamera();
+        switchCamera.value = true;
+    } else {
+        // videoEl.value.srcObject = null;
+        switchCamera.value = false;
+    }
+}
+onMounted(() => {
+    console.log(userInfo().userInfo)
+    if (userInfo().userInfo) {
+        refreshCloud()
+    }
+})
+// 打开摄像头
+const getCamera = async () => {
+    const navigator = window.navigator.mediaDevices;
+    // 获取所有设备
+    const devices = await navigator.enumerateDevices();
+
+    if (devices) {
+        const stream = await navigator.getUserMedia({
+            audio: false,
+            video: {
+                width: 300, // 设置视频宽度
+                height: 260, // 设置视频高度
+                facingMode: "user", // 使用前置摄像头
+            },
+        });
+        if (videoEl.value) {
+            videoEl.value.srcObject = stream;
+            videoEl.value.play();
+        }
+    }
+}
+const photoRecognition = () => {
+    clickButton.value = true;
+    // 检查视频元素和canvas 是否存在
+    if (videoEl.value) {
+        videoEl.value.style.display = 'none';
+        canvasEl.value.width = 300;
+        canvasEl.value.height = 260;
+        // 获取画布上下文对象
+        const ctx = canvasEl.value.getContext('2d');
+        // 绘制图像到画布上
+        ctx?.drawImage(videoEl.value, 0, 0, 300, 260);
+        // 将画布内容转换为base64格式
+        const imagebase64 = canvasEl.value.toDataURL('image/jpeg', 1).split(";");
+        var contentType = imagebase64[0].split(":")[1];
+        var realData = imagebase64[1].split(",")[1];
+        const blob = b64toBlob(realData, contentType);
+        // console.log()
+        canvasEl.value.style.display = 'block';
+        // https://ai-api.cocorobo.cn/gesture 手势识别接口
+        // 将blob对象装换成file对象
+        const file = new File([blob], 'image.jpg', { type: 'image/jpeg' });
+        const formData = new FormData();
+        formData.append('image', file);
+        axios.post('https://ai-api.cocorobo.cn/gesture', formData).then(res => {
+            const datas = res.data.data.result;
+            if (datas.length > 0) {
+                resultGesture.value = datas[0].classname
+                if (cloudValue.value) {
+                    sendCloud()
+                }
+            }
+        })
+    }
+}
+const b64toBlob = (b64Data, contentType, sliceSize = 512) => {
+    contentType = contentType || '';
+    sliceSize = sliceSize || 512;
+    var byteCharacters = atob(b64Data);
+    var byteArrays = [];
+    for (var offset = 0; offset < byteCharacters.length; offset += sliceSize) {
+        var slice = byteCharacters.slice(offset, offset + sliceSize);
+        var byteNumbers = new Array(slice.length);
+        for (var i = 0; i < slice.length; i++) {
+            byteNumbers[i] = slice.charCodeAt(i);
+        }
+        var byteArray = new Uint8Array(byteNumbers);
+        byteArrays.push(byteArray);
+    }
+    var blob = new Blob(byteArrays, { type: contentType });
+    return blob;
+}
+const refreshCloud = () => {
+    const apiKey = userInfo().userInfo.apiKey
+    const event = window.location.host.indexOf("cocorobo.hk") > -1 ? `https://api.cocorobo.hk/iot/data/apikey/${apiKey.value}/event/` : `https://api.cocorobo.cn/iot/data/apikey/${apiKey}/event/`
+    axios.get(event).then(res => {
+        // console.log(res)
+        if (res.data.length > 0) {
+            let list = []
+            res.data.map(x => {
+                let obj = {
+                    id: x.eventAPIKey,
+                    value: x.name,
+                    url: x.url
+                }
+                list.push(obj)
+                return x
+            })
+            cloudList.value = list
+        }
+    })
+}
+
+const getApiKey = (e) => {
+    apiMode.value = e
+}
+const sendCloud = () => {
+    console.log(apiMode.value)
+    let data = resultEmotion.value
+    axios.post(apiMode.value, JSON.stringify(data)).then(res => {
+        console.log(res)
+    })
+}
+
+const refresh = () => {
+    clickButton.value = false;
+    videoEl.value.style.display = 'block';
+    canvasEl.value.style.display = 'none';
+}
+</script>
+
+<style scoped lang="scss">
+.emotion {
+    .video_img {
+        width: 300px;
+        height: 260px;
+        background: #f0f0f0;
+        border-radius: 6px;
+        text-align: center;
+        line-height: 260px;
+        color: rgba(0, 0, 0, .4);
+    }
+
+
+    .emotion_result_p {
+        font-weight: 200;
+        margin: 10px 0;
+        color: #000;
+    }
+
+    .emotion_result_span {
+        border: 1px solid #f0f0f0;
+        background-color: rgba(0, 0, 0, .02);
+        font-weight: 600;
+        color: rgba(0, 0, 0, .4);
+        padding: 8px 5px;
+        border-radius: 5px;
+    }
+
+    select {
+        margin: 10px 0;
+        width: 100%;
+        padding: 8px;
+        border-radius: 5px;
+    }
+
+    img {
+        width: 25px;
+        float: right;
+        cursor: pointer;
+    }
+}
+</style>

+ 19 - 3
src/components/labs/targetCard.vue

@@ -3,9 +3,8 @@
         <img class="labs_card_img" :src="imgSrc" alt="">
         <div style="padding:20px;">
             <p class="labs_card_p">{{ title }}</p>
-            <el-button v-if="!comingSoon" type="primary">
-                <a :href="linkSrc" target="_Blank" v-if="linkSrc != ''">进入</a>
-                <span v-else @click="goNext(title)">进入</span>
+            <el-button v-if="!comingSoon" type="primary" @click="buttonClick">
+                进入
             </el-button>
         </div>
     </el-card>
@@ -33,6 +32,13 @@ const emit = defineEmits("getNextValue")
 const goNext = (value) => {
     emit("getNextValue", value)
 }
+const buttonClick = () => {
+    if (props.linkSrc != '') {
+        window.open(props.linkSrc)
+    } else {
+        goNext(props.title)
+    }
+}
 </script>
 <style scoped>
 .labs_card_img {
@@ -44,4 +50,14 @@ const goNext = (value) => {
     margin-bottom: 8px;
     font-size: 24px;
 }
+
+.el-button>span {
+    display: inline-block;
+    width: 100%;
+}
+
+.labs_card_span {
+    display: inline-block;
+    width: 100%;
+}
 </style>

+ 17 - 1
src/stores/blockly.js

@@ -29,4 +29,20 @@ const useImportFileNameStore = defineStore("fileName", () => {
   return { fileName, doubleCount, increment }
 })
 
-export default { useyXmlStore, useyPythonCodeStore,useImportFileNameStore }
+const useWorkspaceStore = defineStore("workspace", () => {
+  const workspace = ref("")
+  const doubleCount = computed(() => workspace)
+  function increment() {
+    workspace
+  }
+  return { workspace, doubleCount, increment }
+})
+const useLoadBlocklyStatus = defineStore("status", () => {
+  const status = ref(false)
+  const doubleCount = computed(() => status)
+  function increment() {
+    status
+  }
+  return { status, doubleCount, increment }
+})
+export default { useyXmlStore, useyPythonCodeStore, useImportFileNameStore, useWorkspaceStore, useLoadBlocklyStatus }

+ 41 - 0
src/stores/device.js

@@ -0,0 +1,41 @@
+import { ref, computed } from 'vue'
+import { defineStore } from 'pinia'
+
+
+const useDeveics = defineStore('device', () => {
+    const devices = ref({
+        id: '',
+        status: false,
+        type: "",
+        device: {}
+    })
+    const setDevice = (info) => {
+        devices.value = info
+    }
+    const getDevice = computed(() => {
+        return devices.value
+    })
+    return { devices, setDevice, getDevice }
+})
+
+const useUploaders = defineStore('uploader', () => {
+    const uploaders = ref({
+        id: '',
+        status: false,
+        version: ""
+    })
+    const setUploader = (info) => {
+        uploaders.value = info
+    }
+    const getUploader = computed(() => {
+        return uploaders.value
+    })
+    return { uploaders, setUploader, getUploader }
+})
+
+const usePrintData = defineStore('print', () => {
+    const data = ref([])
+    return { data }
+})
+
+export default { useDeveics, useUploaders, usePrintData }