4137 lines
102 KiB
JavaScript
4137 lines
102 KiB
JavaScript
(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);throw new Error("Cannot find module '"+o+"'")}var f=n[o]={exports:{}};t[o][0].call(f.exports,function(e){var n=t[o][1][e];return s(n?n:e)},f,f.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
|
|
|
|
module.exports = require('./lib/');
|
|
|
|
},{"./lib/":2}],2:[function(require,module,exports){
|
|
|
|
module.exports = require('./socket');
|
|
|
|
/**
|
|
* Exports parser
|
|
*
|
|
* @api public
|
|
*
|
|
*/
|
|
module.exports.parser = require('engine.io-parser');
|
|
|
|
},{"./socket":3,"engine.io-parser":13}],3:[function(require,module,exports){
|
|
var global=typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {};/**
|
|
* Module dependencies.
|
|
*/
|
|
|
|
var transports = require('./transports');
|
|
var Emitter = require('emitter');
|
|
var debug = require('debug')('engine.io-client:socket');
|
|
var index = require('indexof');
|
|
var parser = require('engine.io-parser');
|
|
var parseuri = require('parseuri');
|
|
var parsejson = require('parsejson');
|
|
var parseqs = require('parseqs');
|
|
|
|
/**
|
|
* Module exports.
|
|
*/
|
|
|
|
module.exports = Socket;
|
|
|
|
/**
|
|
* Noop function.
|
|
*
|
|
* @api private
|
|
*/
|
|
|
|
function noop(){}
|
|
|
|
/**
|
|
* 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.host = uri.host;
|
|
opts.secure = uri.protocol == 'https' || uri.protocol == 'wss';
|
|
opts.port = uri.port;
|
|
if (uri.query) opts.query = uri.query;
|
|
}
|
|
|
|
this.secure = null != opts.secure ? opts.secure :
|
|
(global.location && 'https:' == location.protocol);
|
|
|
|
if (opts.host) {
|
|
var pieces = opts.host.split(':');
|
|
opts.hostname = pieces.shift();
|
|
if (pieces.length) opts.port = pieces.pop();
|
|
}
|
|
|
|
this.agent = opts.agent || false;
|
|
this.hostname = opts.hostname ||
|
|
(global.location ? location.hostname : 'localhost');
|
|
this.port = opts.port || (global.location && 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.forceBase64 = !!opts.forceBase64;
|
|
this.timestampParam = opts.timestampParam || 't';
|
|
this.timestampRequests = opts.timestampRequests;
|
|
this.transports = opts.transports || ['polling', 'websocket'];
|
|
this.readyState = '';
|
|
this.writeBuffer = [];
|
|
this.callbackBuffer = [];
|
|
this.policyPort = opts.policyPort || 843;
|
|
this.rememberUpgrade = opts.rememberUpgrade || false;
|
|
this.open();
|
|
this.binaryType = null;
|
|
this.onlyBinaryUpgrades = opts.onlyBinaryUpgrades;
|
|
}
|
|
|
|
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 = require('./transport');
|
|
Socket.transports = require('./transports');
|
|
Socket.parser = require('engine.io-parser');
|
|
|
|
/**
|
|
* 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;
|
|
|
|
// session id if we already have one
|
|
if (this.id) query.sid = this.id;
|
|
|
|
var transport = new transports[name]({
|
|
agent: this.agent,
|
|
hostname: this.hostname,
|
|
port: this.port,
|
|
secure: this.secure,
|
|
path: this.path,
|
|
query: query,
|
|
forceJSONP: this.forceJSONP,
|
|
forceBase64: this.forceBase64,
|
|
timestampRequests: this.timestampRequests,
|
|
timestampParam: this.timestampParam,
|
|
policyPort: this.policyPort,
|
|
socket: this
|
|
});
|
|
|
|
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 {
|
|
transport = this.transports[0];
|
|
}
|
|
this.readyState = 'opening';
|
|
var transport = this.createTransport(transport);
|
|
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 })
|
|
, failed = false
|
|
, 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);
|
|
Socket.priorWebsocketSuccess = 'websocket' == transport.name;
|
|
|
|
debug('pausing current transport "%s"', self.transport.name);
|
|
self.transport.pause(function () {
|
|
if (failed) return;
|
|
if ('closed' == self.readyState || 'closing' == 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) {
|
|
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(parsejson(packet.data));
|
|
break;
|
|
|
|
case 'pong':
|
|
this.setPing();
|
|
break;
|
|
|
|
case 'error':
|
|
var err = new Error('server error');
|
|
err.code = packet.data;
|
|
this.emit('error', 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 public
|
|
*/
|
|
|
|
Socket.prototype.ping = function () {
|
|
this.sendPacket('ping');
|
|
};
|
|
|
|
/**
|
|
* Called on `drain` event
|
|
*
|
|
* @api private
|
|
*/
|
|
|
|
Socket.prototype.onDrain = function() {
|
|
for (var i = 0; i < this.prevBufferLen; i++) {
|
|
if (this.callbackBuffer[i]) {
|
|
this.callbackBuffer[i]();
|
|
}
|
|
}
|
|
|
|
this.writeBuffer.splice(0, this.prevBufferLen);
|
|
this.callbackBuffer.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 (this.writeBuffer.length == 0) {
|
|
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.
|
|
* @return {Socket} for chaining.
|
|
* @api public
|
|
*/
|
|
|
|
Socket.prototype.write =
|
|
Socket.prototype.send = function (msg, fn) {
|
|
this.sendPacket('message', msg, fn);
|
|
return this;
|
|
};
|
|
|
|
/**
|
|
* Sends a packet.
|
|
*
|
|
* @param {String} packet type.
|
|
* @param {String} data.
|
|
* @param {Function} callback function.
|
|
* @api private
|
|
*/
|
|
|
|
Socket.prototype.sendPacket = function (type, data, fn) {
|
|
var packet = { type: type, data: data };
|
|
this.emit('packetCreate', packet);
|
|
this.writeBuffer.push(packet);
|
|
this.callbackBuffer.push(fn);
|
|
this.flush();
|
|
};
|
|
|
|
/**
|
|
* Closes the connection.
|
|
*
|
|
* @api private
|
|
*/
|
|
|
|
Socket.prototype.close = function () {
|
|
if ('opening' == this.readyState || 'open' == this.readyState) {
|
|
this.onClose('forced close');
|
|
debug('socket closing - telling transport to close');
|
|
this.transport.close();
|
|
}
|
|
|
|
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) {
|
|
debug('socket close with reason: "%s"', reason);
|
|
var self = this;
|
|
|
|
// clear timers
|
|
clearTimeout(this.pingIntervalTimer);
|
|
clearTimeout(this.pingTimeoutTimer);
|
|
|
|
// clean buffers in next tick, so developers can still
|
|
// grab the buffers on `close` event
|
|
setTimeout(function() {
|
|
self.writeBuffer = [];
|
|
self.callbackBuffer = [];
|
|
self.prevBufferLen = 0;
|
|
}, 0);
|
|
|
|
// 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);
|
|
}
|
|
};
|
|
|
|
/**
|
|
* 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;
|
|
};
|
|
|
|
},{"./transport":4,"./transports":5,"debug":11,"emitter":12,"engine.io-parser":13,"indexof":22,"parsejson":24,"parseqs":25,"parseuri":26}],4:[function(require,module,exports){
|
|
/**
|
|
* Module dependencies.
|
|
*/
|
|
|
|
var parser = require('engine.io-parser');
|
|
var Emitter = require('emitter');
|
|
|
|
/**
|
|
* 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;
|
|
}
|
|
|
|
/**
|
|
* Mix in `Emitter`.
|
|
*/
|
|
|
|
Emitter(Transport.prototype);
|
|
|
|
/**
|
|
* A counter used to prevent collisions in the timestamps used
|
|
* for cache busting.
|
|
*/
|
|
|
|
Transport.timestamps = 0;
|
|
|
|
/**
|
|
* 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) {
|
|
this.onPacket(parser.decodePacket(data, this.socket.binaryType));
|
|
};
|
|
|
|
/**
|
|
* 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');
|
|
};
|
|
|
|
},{"emitter":12,"engine.io-parser":13}],5:[function(require,module,exports){
|
|
var global=typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {};/**
|
|
* Module dependencies
|
|
*/
|
|
|
|
var XMLHttpRequest = require('xmlhttprequest');
|
|
var XHR = require('./polling-xhr');
|
|
var JSONP = require('./polling-jsonp');
|
|
var websocket = require('./websocket');
|
|
|
|
/**
|
|
* 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;
|
|
|
|
if (global.location) {
|
|
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;
|
|
}
|
|
|
|
opts.xdomain = xd;
|
|
xhr = new XMLHttpRequest(opts);
|
|
|
|
if ('open' in xhr && !opts.forceJSONP) {
|
|
return new XHR(opts);
|
|
} else {
|
|
return new JSONP(opts);
|
|
}
|
|
}
|
|
|
|
},{"./polling-jsonp":6,"./polling-xhr":7,"./websocket":9,"xmlhttprequest":10}],6:[function(require,module,exports){
|
|
var global=typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {};
|
|
/**
|
|
* Module requirements.
|
|
*/
|
|
|
|
var Polling = require('./polling');
|
|
var inherit = require('inherits');
|
|
|
|
/**
|
|
* Module exports.
|
|
*/
|
|
|
|
module.exports = JSONPPolling;
|
|
|
|
/**
|
|
* Cached regular expressions.
|
|
*/
|
|
|
|
var rNewline = /\n/g;
|
|
var rEscapedNewline = /\\n/g;
|
|
|
|
/**
|
|
* Global JSONP callbacks.
|
|
*/
|
|
|
|
var callbacks;
|
|
|
|
/**
|
|
* Callbacks count.
|
|
*/
|
|
|
|
var index = 0;
|
|
|
|
/**
|
|
* Noop.
|
|
*/
|
|
|
|
function empty () { }
|
|
|
|
/**
|
|
* 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
|
|
if (!global.___eio) global.___eio = [];
|
|
callbacks = 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 (global.document && global.addEventListener) {
|
|
global.addEventListener('beforeunload', function () {
|
|
if (self.script) self.script.onerror = empty;
|
|
});
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 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;
|
|
}
|
|
|
|
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];
|
|
insertAt.parentNode.insertBefore(script, insertAt);
|
|
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;
|
|
}
|
|
};
|
|
|
|
},{"./polling":8,"inherits":23}],7:[function(require,module,exports){
|
|
var global=typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {};/**
|
|
* Module requirements.
|
|
*/
|
|
|
|
var XMLHttpRequest = require('xmlhttprequest');
|
|
var Polling = require('./polling');
|
|
var Emitter = require('emitter');
|
|
var debug = require('debug')('engine.io-client:polling-xhr');
|
|
var inherit = require('inherits');
|
|
|
|
/**
|
|
* 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);
|
|
|
|
if (global.location) {
|
|
var isSSL = 'https:' == location.protocol;
|
|
var port = location.port;
|
|
|
|
// some user agents have empty `location.port`
|
|
if (!port) {
|
|
port = isSSL ? 443 : 80;
|
|
}
|
|
|
|
this.xd = opts.hostname != global.location.hostname ||
|
|
port != opts.port;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 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.agent = this.agent || false;
|
|
opts.supportsBinary = this.supportsBinary;
|
|
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.async = false !== opts.async;
|
|
this.data = undefined != opts.data ? opts.data : null;
|
|
this.agent = opts.agent;
|
|
this.create(opts.isBinary, opts.supportsBinary);
|
|
}
|
|
|
|
/**
|
|
* Mix in `Emitter`.
|
|
*/
|
|
|
|
Emitter(Request.prototype);
|
|
|
|
/**
|
|
* Creates the XHR object and sends the request.
|
|
*
|
|
* @api private
|
|
*/
|
|
|
|
Request.prototype.create = function(isBinary, supportsBinary){
|
|
var xhr = this.xhr = new XMLHttpRequest({ agent: this.agent, xdomain: this.xd });
|
|
var self = this;
|
|
|
|
try {
|
|
debug('xhr open %s: %s', this.method, this.uri);
|
|
xhr.open(this.method, this.uri, this.async);
|
|
if (supportsBinary) {
|
|
// This has to be done after open because Firefox is stupid
|
|
// http://stackoverflow.com/questions/13216903/get-binary-data-with-xmlhttprequest-in-a-firefox-extension
|
|
xhr.responseType = 'arraybuffer';
|
|
}
|
|
|
|
if ('POST' == this.method) {
|
|
try {
|
|
if (isBinary) {
|
|
xhr.setRequestHeader('Content-type', 'application/octet-stream');
|
|
} else {
|
|
xhr.setRequestHeader('Content-type', 'text/plain;charset=UTF-8');
|
|
}
|
|
} catch (e) {}
|
|
}
|
|
|
|
// ie6 check
|
|
if ('withCredentials' in xhr) {
|
|
xhr.withCredentials = true;
|
|
}
|
|
|
|
xhr.onreadystatechange = function(){
|
|
var data;
|
|
|
|
try {
|
|
if (4 != xhr.readyState) return;
|
|
if (200 == xhr.status || 1223 == xhr.status) {
|
|
var contentType = xhr.getResponseHeader('Content-Type');
|
|
if (contentType === 'application/octet-stream') {
|
|
data = xhr.response;
|
|
} else {
|
|
if (!supportsBinary) {
|
|
data = xhr.responseText;
|
|
} else {
|
|
data = 'ok';
|
|
}
|
|
}
|
|
} 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(xhr.status);
|
|
}, 0);
|
|
}
|
|
} catch (e) {
|
|
self.onError(e);
|
|
}
|
|
|
|
if (null != data) {
|
|
self.onData(data);
|
|
}
|
|
};
|
|
|
|
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 (global.document) {
|
|
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();
|
|
};
|
|
|
|
/**
|
|
* Cleans up house.
|
|
*
|
|
* @api private
|
|
*/
|
|
|
|
Request.prototype.cleanup = function(){
|
|
if ('undefined' == typeof this.xhr || null === this.xhr) {
|
|
return;
|
|
}
|
|
// xmlhttprequest
|
|
this.xhr.onreadystatechange = empty;
|
|
|
|
try {
|
|
this.xhr.abort();
|
|
} catch(e) {}
|
|
|
|
if (global.document) {
|
|
delete Request.requests[this.index];
|
|
}
|
|
|
|
this.xhr = null;
|
|
};
|
|
|
|
/**
|
|
* 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.
|
|
*/
|
|
|
|
if (global.document) {
|
|
Request.requestsCount = 0;
|
|
Request.requests = {};
|
|
if (global.attachEvent) {
|
|
global.attachEvent('onunload', unloadHandler);
|
|
} else if (global.addEventListener) {
|
|
global.addEventListener('beforeunload', unloadHandler);
|
|
}
|
|
}
|
|
|
|
function unloadHandler() {
|
|
for (var i in Request.requests) {
|
|
if (Request.requests.hasOwnProperty(i)) {
|
|
Request.requests[i].abort();
|
|
}
|
|
}
|
|
}
|
|
|
|
},{"./polling":8,"debug":11,"emitter":12,"inherits":23,"xmlhttprequest":10}],8:[function(require,module,exports){
|
|
/**
|
|
* Module dependencies.
|
|
*/
|
|
|
|
var Transport = require('../transport');
|
|
var parseqs = require('parseqs');
|
|
var parser = require('engine.io-parser');
|
|
var debug = require('debug')('engine.io-client:polling');
|
|
var inherit = require('inherits');
|
|
|
|
/**
|
|
* Module exports.
|
|
*/
|
|
|
|
module.exports = Polling;
|
|
|
|
/**
|
|
* Is XHR2 supported?
|
|
*/
|
|
|
|
var hasXHR2 = (function() {
|
|
var XMLHttpRequest = require('xmlhttprequest');
|
|
var xhr = new XMLHttpRequest({ agent: this.agent, 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 pending = 0;
|
|
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');
|
|
};
|
|
|
|
var self = this;
|
|
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] = +new Date + '-' + Transport.timestamps++;
|
|
}
|
|
|
|
if (!this.supportsBinary && !query.sid) {
|
|
query.b64 = 1;
|
|
}
|
|
|
|
query = parseqs.encode(query);
|
|
|
|
// avoid port if default for schema
|
|
if (this.port && (('https' == schema && this.port != 443) ||
|
|
('http' == schema && this.port != 80))) {
|
|
port = ':' + this.port;
|
|
}
|
|
|
|
// prepend ? to query
|
|
if (query.length) {
|
|
query = '?' + query;
|
|
}
|
|
|
|
return schema + '://' + this.hostname + port + this.path + query;
|
|
};
|
|
|
|
},{"../transport":4,"debug":11,"engine.io-parser":13,"inherits":23,"parseqs":25,"xmlhttprequest":10}],9:[function(require,module,exports){
|
|
/**
|
|
* Module dependencies.
|
|
*/
|
|
|
|
var Transport = require('../transport');
|
|
var parser = require('engine.io-parser');
|
|
var parseqs = require('parseqs');
|
|
var debug = require('debug')('engine.io-client:websocket');
|
|
var inherit = require('inherits');
|
|
|
|
/**
|
|
* `ws` exposes a WebSocket-compatible interface in
|
|
* Node, or the `WebSocket` or `MozWebSocket` globals
|
|
* in the browser.
|
|
*/
|
|
|
|
var WebSocket = require('ws');
|
|
|
|
/**
|
|
* 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;
|
|
}
|
|
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 self = this;
|
|
var uri = this.uri();
|
|
var protocols = void(0);
|
|
var opts = { agent: this.agent };
|
|
|
|
this.ws = new WebSocket(uri, protocols, opts);
|
|
|
|
if (this.ws.binaryType === undefined) {
|
|
this.supportsBinary = false;
|
|
}
|
|
|
|
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);
|
|
};
|
|
};
|
|
|
|
/**
|
|
* Override `onData` to use a timer on iOS.
|
|
* See: https://gist.github.com/mloughran/2052006
|
|
*
|
|
* @api private
|
|
*/
|
|
|
|
if ('undefined' != typeof navigator
|
|
&& /iPad|iPhone|iPod/i.test(navigator.userAgent)) {
|
|
WS.prototype.onData = function(data){
|
|
var self = this;
|
|
setTimeout(function(){
|
|
Transport.prototype.onData.call(self, data);
|
|
}, 0);
|
|
};
|
|
}
|
|
|
|
/**
|
|
* 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
|
|
for (var i = 0, l = packets.length; i < l; i++) {
|
|
parser.encodePacket(packets[i], this.supportsBinary, function(data) {
|
|
//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 {
|
|
self.ws.send(data);
|
|
} catch (e){
|
|
debug('websocket closed before onclose event');
|
|
}
|
|
});
|
|
}
|
|
|
|
function ondrain() {
|
|
self.writable = true;
|
|
self.emit('drain');
|
|
}
|
|
// fake drain
|
|
// defer to next tick to allow Socket to clear writeBuffer
|
|
setTimeout(ondrain, 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 && this.port != 443)
|
|
|| ('ws' == schema && this.port != 80))) {
|
|
port = ':' + this.port;
|
|
}
|
|
|
|
// append timestamp to URI
|
|
if (this.timestampRequests) {
|
|
query[this.timestampParam] = +new Date;
|
|
}
|
|
|
|
// communicate binary support capabilities
|
|
if (!this.supportsBinary) {
|
|
query.b64 = 1;
|
|
}
|
|
|
|
query = parseqs.encode(query);
|
|
|
|
// prepend ? to query
|
|
if (query.length) {
|
|
query = '?' + query;
|
|
}
|
|
|
|
return schema + '://' + this.hostname + port + this.path + query;
|
|
};
|
|
|
|
/**
|
|
* Feature detection for WebSocket.
|
|
*
|
|
* @return {Boolean} whether this transport is available.
|
|
* @api public
|
|
*/
|
|
|
|
WS.prototype.check = function(){
|
|
return !!WebSocket && !('__initialize' in WebSocket && this.name === WS.prototype.name);
|
|
};
|
|
|
|
},{"../transport":4,"debug":11,"engine.io-parser":13,"inherits":23,"parseqs":25,"ws":27}],10:[function(require,module,exports){
|
|
// browser shim for xmlhttprequest module
|
|
var hasCORS = require('has-cors');
|
|
|
|
module.exports = function(opts) {
|
|
var xdomain = opts.xdomain;
|
|
|
|
// XMLHttpRequest can be disabled on IE
|
|
try {
|
|
if ('undefined' != typeof XMLHttpRequest && (!xdomain || hasCORS)) {
|
|
return new XMLHttpRequest();
|
|
}
|
|
} catch (e) { }
|
|
|
|
if (!xdomain) {
|
|
try {
|
|
return new ActiveXObject('Microsoft.XMLHTTP');
|
|
} catch(e) { }
|
|
}
|
|
}
|
|
|
|
},{"has-cors":20}],11:[function(require,module,exports){
|
|
|
|
/**
|
|
* Expose `debug()` as the module.
|
|
*/
|
|
|
|
module.exports = debug;
|
|
|
|
/**
|
|
* Create a debugger with the given `name`.
|
|
*
|
|
* @param {String} name
|
|
* @return {Type}
|
|
* @api public
|
|
*/
|
|
|
|
function debug(name) {
|
|
if (!debug.enabled(name)) return function(){};
|
|
|
|
return function(fmt){
|
|
fmt = coerce(fmt);
|
|
|
|
var curr = new Date;
|
|
var ms = curr - (debug[name] || curr);
|
|
debug[name] = curr;
|
|
|
|
fmt = name
|
|
+ ' '
|
|
+ fmt
|
|
+ ' +' + debug.humanize(ms);
|
|
|
|
// This hackery is required for IE8
|
|
// where `console.log` doesn't have 'apply'
|
|
window.console
|
|
&& console.log
|
|
&& Function.prototype.apply.call(console.log, console, arguments);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* The currently active debug mode names.
|
|
*/
|
|
|
|
debug.names = [];
|
|
debug.skips = [];
|
|
|
|
/**
|
|
* Enables a debug mode by name. This can include modes
|
|
* separated by a colon and wildcards.
|
|
*
|
|
* @param {String} name
|
|
* @api public
|
|
*/
|
|
|
|
debug.enable = function(name) {
|
|
try {
|
|
localStorage.debug = name;
|
|
} catch(e){}
|
|
|
|
var split = (name || '').split(/[\s,]+/)
|
|
, len = split.length;
|
|
|
|
for (var i = 0; i < len; i++) {
|
|
name = split[i].replace('*', '.*?');
|
|
if (name[0] === '-') {
|
|
debug.skips.push(new RegExp('^' + name.substr(1) + '$'));
|
|
}
|
|
else {
|
|
debug.names.push(new RegExp('^' + name + '$'));
|
|
}
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Disable debug output.
|
|
*
|
|
* @api public
|
|
*/
|
|
|
|
debug.disable = function(){
|
|
debug.enable('');
|
|
};
|
|
|
|
/**
|
|
* Humanize the given `ms`.
|
|
*
|
|
* @param {Number} m
|
|
* @return {String}
|
|
* @api private
|
|
*/
|
|
|
|
debug.humanize = function(ms) {
|
|
var sec = 1000
|
|
, min = 60 * 1000
|
|
, hour = 60 * min;
|
|
|
|
if (ms >= hour) return (ms / hour).toFixed(1) + 'h';
|
|
if (ms >= min) return (ms / min).toFixed(1) + 'm';
|
|
if (ms >= sec) return (ms / sec | 0) + 's';
|
|
return ms + 'ms';
|
|
};
|
|
|
|
/**
|
|
* Returns true if the given mode name is enabled, false otherwise.
|
|
*
|
|
* @param {String} name
|
|
* @return {Boolean}
|
|
* @api public
|
|
*/
|
|
|
|
debug.enabled = function(name) {
|
|
for (var i = 0, len = debug.skips.length; i < len; i++) {
|
|
if (debug.skips[i].test(name)) {
|
|
return false;
|
|
}
|
|
}
|
|
for (var i = 0, len = debug.names.length; i < len; i++) {
|
|
if (debug.names[i].test(name)) {
|
|
return true;
|
|
}
|
|
}
|
|
return false;
|
|
};
|
|
|
|
/**
|
|
* Coerce `val`.
|
|
*/
|
|
|
|
function coerce(val) {
|
|
if (val instanceof Error) return val.stack || val.message;
|
|
return val;
|
|
}
|
|
|
|
// persist
|
|
|
|
try {
|
|
if (window.localStorage) debug.enable(localStorage.debug);
|
|
} catch(e){}
|
|
|
|
},{}],12:[function(require,module,exports){
|
|
|
|
/**
|
|
* Module dependencies.
|
|
*/
|
|
|
|
var index = require('indexof');
|
|
|
|
/**
|
|
* Expose `Emitter`.
|
|
*/
|
|
|
|
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 = 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){
|
|
var self = this;
|
|
this._callbacks = this._callbacks || {};
|
|
|
|
function on() {
|
|
self.off(event, on);
|
|
fn.apply(this, arguments);
|
|
}
|
|
|
|
fn._off = on;
|
|
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 = 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 i = index(callbacks, fn._off || fn);
|
|
if (~i) callbacks.splice(i, 1);
|
|
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;
|
|
};
|
|
|
|
},{"indexof":22}],13:[function(require,module,exports){
|
|
var global=typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {};/**
|
|
* Module dependencies.
|
|
*/
|
|
|
|
var keys = require('./keys');
|
|
var sliceBuffer = require('arraybuffer.slice');
|
|
var base64encoder = require('base64-arraybuffer');
|
|
var after = require('after');
|
|
var utf8 = require('utf8');
|
|
|
|
/**
|
|
* 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 = navigator.userAgent.match(/Android/i);
|
|
|
|
/**
|
|
* Current protocol version.
|
|
*/
|
|
|
|
exports.protocol = 2;
|
|
|
|
/**
|
|
* 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 = require('blob');
|
|
|
|
/**
|
|
* 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, callback) {
|
|
if (typeof supportsBinary == 'function') {
|
|
callback = supportsBinary;
|
|
supportsBinary = false;
|
|
}
|
|
|
|
var data = (packet.data === undefined)
|
|
? undefined
|
|
: packet.data.buffer || packet.data;
|
|
|
|
if (global.ArrayBuffer && data instanceof ArrayBuffer) {
|
|
return encodeArrayBuffer(packet, supportsBinary, callback);
|
|
} else if (Blob && data instanceof global.Blob) {
|
|
return encodeBlob(packet, supportsBinary, callback);
|
|
}
|
|
|
|
// Sending data as a utf-8 string
|
|
var encoded = packets[packet.type];
|
|
|
|
// data fragment is optional
|
|
if (undefined !== packet.data) {
|
|
encoded += utf8.encode(String(packet.data));
|
|
}
|
|
|
|
return callback('' + encoded);
|
|
|
|
};
|
|
|
|
/**
|
|
* 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() {
|
|
packet.data = fr.result;
|
|
exports.encodePacket(packet, supportsBinary, callback);
|
|
};
|
|
return fr.readAsArrayBuffer(packet.data);
|
|
}
|
|
|
|
function encodeBlob(packet, supportsBinary, callback) {
|
|
if (!supportsBinary) {
|
|
return exports.encodeBase64Packet(packet, callback);
|
|
}
|
|
|
|
if (isAndroid) {
|
|
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 (Blob && 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 += global.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) {
|
|
// String data
|
|
if (typeof data == 'string' || data === undefined) {
|
|
if (data.charAt(0) == 'b') {
|
|
return exports.decodeBase64Packet(data.substr(1), binaryType);
|
|
}
|
|
|
|
data = utf8.decode(data);
|
|
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 };
|
|
};
|
|
|
|
/**
|
|
* 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 (!global.ArrayBuffer) {
|
|
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;
|
|
}
|
|
|
|
if (supportsBinary) {
|
|
if (Blob && !isAndroid) {
|
|
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, supportsBinary, 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;
|
|
} else {
|
|
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);
|
|
|
|
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, 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, 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;
|
|
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), i, total);
|
|
});
|
|
};
|
|
|
|
},{"./keys":14,"after":15,"arraybuffer.slice":16,"base64-arraybuffer":17,"blob":18,"utf8":19}],14:[function(require,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;
|
|
};
|
|
|
|
},{}],15:[function(require,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() {}
|
|
|
|
},{}],16:[function(require,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;
|
|
};
|
|
|
|
},{}],17:[function(require,module,exports){
|
|
/*
|
|
* base64-arraybuffer
|
|
* https://github.com/niklasvh/base64-arraybuffer
|
|
*
|
|
* Copyright (c) 2012 Niklas von Hertzen
|
|
* Licensed under the MIT license.
|
|
*/
|
|
(function(chars){
|
|
"use strict";
|
|
|
|
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 = chars.indexOf(base64[i]);
|
|
encoded2 = chars.indexOf(base64[i+1]);
|
|
encoded3 = chars.indexOf(base64[i+2]);
|
|
encoded4 = chars.indexOf(base64[i+3]);
|
|
|
|
bytes[p++] = (encoded1 << 2) | (encoded2 >> 4);
|
|
bytes[p++] = ((encoded2 & 15) << 4) | (encoded3 >> 2);
|
|
bytes[p++] = ((encoded3 & 3) << 6) | (encoded4 & 63);
|
|
}
|
|
|
|
return arraybuffer;
|
|
};
|
|
})("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/");
|
|
|
|
},{}],18:[function(require,module,exports){
|
|
var global=typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {};/**
|
|
* Create a blob builder even when vendor prefixes exist
|
|
*/
|
|
|
|
var BlobBuilder = global.BlobBuilder
|
|
|| global.WebKitBlobBuilder
|
|
|| global.MSBlobBuilder
|
|
|| global.MozBlobBuilder;
|
|
|
|
/**
|
|
* Check if Blob constructor is supported
|
|
*/
|
|
|
|
var blobSupported = (function() {
|
|
try {
|
|
var b = new Blob(['hi']);
|
|
return b.size == 2;
|
|
} catch(e) {
|
|
return false;
|
|
}
|
|
})();
|
|
|
|
/**
|
|
* Check if BlobBuilder is supported
|
|
*/
|
|
|
|
var blobBuilderSupported = BlobBuilder
|
|
&& BlobBuilder.prototype.append
|
|
&& BlobBuilder.prototype.getBlob;
|
|
|
|
function BlobBuilderConstructor(ary, options) {
|
|
options = options || {};
|
|
|
|
var bb = new BlobBuilder();
|
|
for (var i = 0; i < ary.length; i++) {
|
|
bb.append(ary[i]);
|
|
}
|
|
return (options.type) ? bb.getBlob(options.type) : bb.getBlob();
|
|
};
|
|
|
|
module.exports = (function() {
|
|
if (blobSupported) {
|
|
return global.Blob;
|
|
} else if (blobBuilderSupported) {
|
|
return BlobBuilderConstructor;
|
|
} else {
|
|
return undefined;
|
|
}
|
|
})();
|
|
|
|
},{}],19:[function(require,module,exports){
|
|
var global=typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {};/*! http://mths.be/utf8js v2.0.0 by @mathias */
|
|
;(function(root) {
|
|
|
|
// Detect free variables `exports`
|
|
var freeExports = typeof exports == 'object' && exports;
|
|
|
|
// Detect free variable `module`
|
|
var freeModule = typeof module == 'object' && module &&
|
|
module.exports == freeExports && module;
|
|
|
|
// Detect free variable `global`, from Node.js or Browserified code,
|
|
// and use it as `root`
|
|
var freeGlobal = typeof global == 'object' && global;
|
|
if (freeGlobal.global === freeGlobal || freeGlobal.window === freeGlobal) {
|
|
root = freeGlobal;
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------*/
|
|
|
|
var stringFromCharCode = String.fromCharCode;
|
|
|
|
// Taken from http://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 http://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 createByte(codePoint, shift) {
|
|
return stringFromCharCode(((codePoint >> shift) & 0x3F) | 0x80);
|
|
}
|
|
|
|
function encodeCodePoint(codePoint) {
|
|
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
|
|
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) {
|
|
var codePoints = ucs2decode(string);
|
|
|
|
// console.log(JSON.stringify(codePoints.map(function(x) {
|
|
// return 'U+' + x.toString(16).toUpperCase();
|
|
// })));
|
|
|
|
var length = codePoints.length;
|
|
var index = -1;
|
|
var codePoint;
|
|
var byteString = '';
|
|
while (++index < length) {
|
|
codePoint = codePoints[index];
|
|
byteString += encodeCodePoint(codePoint);
|
|
}
|
|
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() {
|
|
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) {
|
|
var 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 codePoint;
|
|
} else {
|
|
throw Error('Invalid continuation byte');
|
|
}
|
|
}
|
|
|
|
// 4-byte sequence
|
|
if ((byte1 & 0xF8) == 0xF0) {
|
|
byte2 = readContinuationByte();
|
|
byte3 = readContinuationByte();
|
|
byte4 = readContinuationByte();
|
|
codePoint = ((byte1 & 0x0F) << 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) {
|
|
byteArray = ucs2decode(byteString);
|
|
byteCount = byteArray.length;
|
|
byteIndex = 0;
|
|
var codePoints = [];
|
|
var tmp;
|
|
while ((tmp = decodeSymbol()) !== false) {
|
|
codePoints.push(tmp);
|
|
}
|
|
return ucs2encode(codePoints);
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------*/
|
|
|
|
var utf8 = {
|
|
'version': '2.0.0',
|
|
'encode': utf8encode,
|
|
'decode': utf8decode
|
|
};
|
|
|
|
// Some AMD build optimizers, like r.js, check for specific condition patterns
|
|
// like the following:
|
|
if (
|
|
typeof define == 'function' &&
|
|
typeof define.amd == 'object' &&
|
|
define.amd
|
|
) {
|
|
define(function() {
|
|
return utf8;
|
|
});
|
|
} else if (freeExports && !freeExports.nodeType) {
|
|
if (freeModule) { // in Node.js or RingoJS v0.8.0+
|
|
freeModule.exports = utf8;
|
|
} else { // in Narwhal or RingoJS v0.7.0-
|
|
var object = {};
|
|
var hasOwnProperty = object.hasOwnProperty;
|
|
for (var key in utf8) {
|
|
hasOwnProperty.call(utf8, key) && (freeExports[key] = utf8[key]);
|
|
}
|
|
}
|
|
} else { // in Rhino or a web browser
|
|
root.utf8 = utf8;
|
|
}
|
|
|
|
}(this));
|
|
|
|
},{}],20:[function(require,module,exports){
|
|
|
|
/**
|
|
* Module dependencies.
|
|
*/
|
|
|
|
var global = require('global');
|
|
|
|
/**
|
|
* Module exports.
|
|
*
|
|
* Logic borrowed from Modernizr:
|
|
*
|
|
* - https://github.com/Modernizr/Modernizr/blob/master/feature-detects/cors.js
|
|
*/
|
|
|
|
try {
|
|
module.exports = 'XMLHttpRequest' in global &&
|
|
'withCredentials' in new global.XMLHttpRequest();
|
|
} catch (err) {
|
|
// if XMLHttp support is disabled in IE then it will throw
|
|
// when trying to create
|
|
module.exports = false;
|
|
}
|
|
|
|
},{"global":21}],21:[function(require,module,exports){
|
|
|
|
/**
|
|
* Returns `this`. Execute this without a "context" (i.e. without it being
|
|
* attached to an object of the left-hand side), and `this` points to the
|
|
* "global" scope of the current JS execution.
|
|
*/
|
|
|
|
module.exports = (function () { return this; })();
|
|
|
|
},{}],22:[function(require,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;
|
|
};
|
|
},{}],23:[function(require,module,exports){
|
|
if (typeof Object.create === 'function') {
|
|
// implementation from standard node.js 'util' module
|
|
module.exports = function inherits(ctor, superCtor) {
|
|
ctor.super_ = superCtor
|
|
ctor.prototype = Object.create(superCtor.prototype, {
|
|
constructor: {
|
|
value: ctor,
|
|
enumerable: false,
|
|
writable: true,
|
|
configurable: true
|
|
}
|
|
});
|
|
};
|
|
} else {
|
|
// old school shim for old browsers
|
|
module.exports = function inherits(ctor, superCtor) {
|
|
ctor.super_ = superCtor
|
|
var TempCtor = function () {}
|
|
TempCtor.prototype = superCtor.prototype
|
|
ctor.prototype = new TempCtor()
|
|
ctor.prototype.constructor = ctor
|
|
}
|
|
}
|
|
|
|
},{}],24:[function(require,module,exports){
|
|
var global=typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {};/**
|
|
* JSON parse.
|
|
*
|
|
* @see Based on jQuery#parseJSON (MIT) and JSON2
|
|
* @api private
|
|
*/
|
|
|
|
var rvalidchars = /^[\],:{}\s]*$/;
|
|
var rvalidescape = /\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g;
|
|
var rvalidtokens = /"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g;
|
|
var rvalidbraces = /(?:^|:|,)(?:\s*\[)+/g;
|
|
var rtrimLeft = /^\s+/;
|
|
var rtrimRight = /\s+$/;
|
|
|
|
module.exports = function parsejson(data) {
|
|
if ('string' != typeof data || !data) {
|
|
return null;
|
|
}
|
|
|
|
data = data.replace(rtrimLeft, '').replace(rtrimRight, '');
|
|
|
|
// Attempt to parse using the native JSON parser first
|
|
if (global.JSON && JSON.parse) {
|
|
return JSON.parse(data);
|
|
}
|
|
|
|
if (rvalidchars.test(data.replace(rvalidescape, '@')
|
|
.replace(rvalidtokens, ']')
|
|
.replace(rvalidbraces, ''))) {
|
|
return (new Function('return ' + data))();
|
|
}
|
|
};
|
|
},{}],25:[function(require,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;
|
|
};
|
|
|
|
},{}],26:[function(require,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 m = re.exec(str || '')
|
|
, uri = {}
|
|
, i = 14;
|
|
|
|
while (i--) {
|
|
uri[parts[i]] = m[i] || '';
|
|
}
|
|
|
|
return uri;
|
|
};
|
|
|
|
},{}],27:[function(require,module,exports){
|
|
|
|
/**
|
|
* Module dependencies.
|
|
*/
|
|
|
|
var global = (function() { return this; })();
|
|
|
|
/**
|
|
* WebSocket constructor.
|
|
*/
|
|
|
|
var WebSocket = global.WebSocket || global.MozWebSocket;
|
|
|
|
/**
|
|
* Module exports.
|
|
*/
|
|
|
|
module.exports = WebSocket ? ws : null;
|
|
|
|
/**
|
|
* WebSocket constructor.
|
|
*
|
|
* The third `opts` options object gets ignored in web browsers, since it's
|
|
* non-standard, and throws a TypeError if passed to the constructor.
|
|
* See: https://github.com/einaros/ws/issues/227
|
|
*
|
|
* @param {String} uri
|
|
* @param {Array} protocols (optional)
|
|
* @param {Object) opts (optional)
|
|
* @api public
|
|
*/
|
|
|
|
function ws(uri, protocols, opts) {
|
|
var instance;
|
|
if (protocols) {
|
|
instance = new WebSocket(uri, protocols);
|
|
} else {
|
|
instance = new WebSocket(uri);
|
|
}
|
|
return instance;
|
|
}
|
|
|
|
if (WebSocket) ws.prototype = WebSocket.prototype;
|
|
|
|
},{}],28:[function(require,module,exports){
|
|
// MIT License:
|
|
//
|
|
// Copyright (c) 2010-2013, Joe Walnes
|
|
//
|
|
// Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
// of this software and associated documentation files (the "Software"), to deal
|
|
// in the Software without restriction, including without limitation the rights
|
|
// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
// copies of the Software, and to permit persons to whom the Software is
|
|
// furnished to do so, subject to the following conditions:
|
|
//
|
|
// The above copyright notice and this permission notice shall be included in
|
|
// all copies or substantial portions of the Software.
|
|
//
|
|
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
// THE SOFTWARE.
|
|
|
|
/**
|
|
* Smoothie Charts - http://smoothiecharts.org/
|
|
* (c) 2010-2013, Joe Walnes
|
|
* 2013, Drew Noakes
|
|
*
|
|
* v1.0: Main charting library, by Joe Walnes
|
|
* v1.1: Auto scaling of axis, by Neil Dunn
|
|
* v1.2: fps (frames per second) option, by Mathias Petterson
|
|
* v1.3: Fix for divide by zero, by Paul Nikitochkin
|
|
* v1.4: Set minimum, top-scale padding, remove timeseries, add optional timer to reset bounds, by Kelley Reynolds
|
|
* v1.5: Set default frames per second to 50... smoother.
|
|
* .start(), .stop() methods for conserving CPU, by Dmitry Vyal
|
|
* options.interpolation = 'bezier' or 'line', by Dmitry Vyal
|
|
* options.maxValue to fix scale, by Dmitry Vyal
|
|
* v1.6: minValue/maxValue will always get converted to floats, by Przemek Matylla
|
|
* v1.7: options.grid.fillStyle may be a transparent color, by Dmitry A. Shashkin
|
|
* Smooth rescaling, by Kostas Michalopoulos
|
|
* v1.8: Set max length to customize number of live points in the dataset with options.maxDataSetLength, by Krishna Narni
|
|
* v1.9: Display timestamps along the bottom, by Nick and Stev-io
|
|
* (https://groups.google.com/forum/?fromgroups#!topic/smoothie-charts/-Ywse8FCpKI%5B1-25%5D)
|
|
* Refactored by Krishna Narni, to support timestamp formatting function
|
|
* v1.10: Switch to requestAnimationFrame, removed the now obsoleted options.fps, by Gergely Imreh
|
|
* v1.11: options.grid.sharpLines option added, by @drewnoakes
|
|
* Addressed warning seen in Firefox when seriesOption.fillStyle undefined, by @drewnoakes
|
|
* v1.12: Support for horizontalLines added, by @drewnoakes
|
|
* Support for yRangeFunction callback added, by @drewnoakes
|
|
* v1.13: Fixed typo (#32), by @alnikitich
|
|
* v1.14: Timer cleared when last TimeSeries removed (#23), by @davidgaleano
|
|
* Fixed diagonal line on chart at start/end of data stream, by @drewnoakes
|
|
* v1.15: Support for npm package (#18), by @dominictarr
|
|
* Fixed broken removeTimeSeries function (#24) by @davidgaleano
|
|
* Minor performance and tidying, by @drewnoakes
|
|
* v1.16: Bug fix introduced in v1.14 relating to timer creation/clearance (#23), by @drewnoakes
|
|
* TimeSeries.append now deals with out-of-order timestamps, and can merge duplicates, by @zacwitte (#12)
|
|
* Documentation and some local variable renaming for clarity, by @drewnoakes
|
|
* v1.17: Allow control over font size (#10), by @drewnoakes
|
|
* Timestamp text won't overlap, by @drewnoakes
|
|
* v1.18: Allow control of max/min label precision, by @drewnoakes
|
|
* Added 'borderVisible' chart option, by @drewnoakes
|
|
* Allow drawing series with fill but no stroke (line), by @drewnoakes
|
|
* v1.19: Avoid unnecessary repaints, and fixed flicker in old browsers having multiple charts in document (#40), by @asbai
|
|
*/
|
|
|
|
;(function(exports) {
|
|
|
|
var Util = {
|
|
extend: function() {
|
|
arguments[0] = arguments[0] || {};
|
|
for (var i = 1; i < arguments.length; i++)
|
|
{
|
|
for (var key in arguments[i])
|
|
{
|
|
if (arguments[i].hasOwnProperty(key))
|
|
{
|
|
if (typeof(arguments[i][key]) === 'object') {
|
|
if (arguments[i][key] instanceof Array) {
|
|
arguments[0][key] = arguments[i][key];
|
|
} else {
|
|
arguments[0][key] = Util.extend(arguments[0][key], arguments[i][key]);
|
|
}
|
|
} else {
|
|
arguments[0][key] = arguments[i][key];
|
|
}
|
|
}
|
|
}
|
|
}
|
|
return arguments[0];
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Initialises a new <code>TimeSeries</code> with optional data options.
|
|
*
|
|
* Options are of the form (defaults shown):
|
|
*
|
|
* <pre>
|
|
* {
|
|
* resetBounds: true, // enables/disables automatic scaling of the y-axis
|
|
* resetBoundsInterval: 3000 // the period between scaling calculations, in millis
|
|
* }
|
|
* </pre>
|
|
*
|
|
* Presentation options for TimeSeries are specified as an argument to <code>SmoothieChart.addTimeSeries</code>.
|
|
*
|
|
* @constructor
|
|
*/
|
|
function TimeSeries(options) {
|
|
this.options = Util.extend({}, TimeSeries.defaultOptions, options);
|
|
this.data = [];
|
|
this.maxValue = Number.NaN; // The maximum value ever seen in this TimeSeries.
|
|
this.minValue = Number.NaN; // The minimum value ever seen in this TimeSeries.
|
|
}
|
|
|
|
TimeSeries.defaultOptions = {
|
|
resetBoundsInterval: 3000,
|
|
resetBounds: true
|
|
};
|
|
|
|
/**
|
|
* Recalculate the min/max values for this <code>TimeSeries</code> object.
|
|
*
|
|
* This causes the graph to scale itself in the y-axis.
|
|
*/
|
|
TimeSeries.prototype.resetBounds = function() {
|
|
if (this.data.length) {
|
|
// Walk through all data points, finding the min/max value
|
|
this.maxValue = this.data[0][1];
|
|
this.minValue = this.data[0][1];
|
|
for (var i = 1; i < this.data.length; i++) {
|
|
var value = this.data[i][1];
|
|
if (value > this.maxValue) {
|
|
this.maxValue = value;
|
|
}
|
|
if (value < this.minValue) {
|
|
this.minValue = value;
|
|
}
|
|
}
|
|
} else {
|
|
// No data exists, so set min/max to NaN
|
|
this.maxValue = Number.NaN;
|
|
this.minValue = Number.NaN;
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Adds a new data point to the <code>TimeSeries</code>, preserving chronological order.
|
|
*
|
|
* @param timestamp the position, in time, of this data point
|
|
* @param value the value of this data point
|
|
* @param sumRepeatedTimeStampValues if <code>timestamp</code> has an exact match in the series, this flag controls
|
|
* whether it is replaced, or the values summed (defaults to false.)
|
|
*/
|
|
TimeSeries.prototype.append = function(timestamp, value, sumRepeatedTimeStampValues) {
|
|
// Rewind until we hit an older timestamp
|
|
var i = this.data.length - 1;
|
|
while (i > 0 && this.data[i][0] > timestamp) {
|
|
i--;
|
|
}
|
|
|
|
if (this.data.length > 0 && this.data[i][0] === timestamp) {
|
|
// Update existing values in the array
|
|
if (sumRepeatedTimeStampValues) {
|
|
// Sum this value into the existing 'bucket'
|
|
this.data[i][1] += value;
|
|
value = this.data[i][1];
|
|
} else {
|
|
// Replace the previous value
|
|
this.data[i][1] = value;
|
|
}
|
|
} else if (i < this.data.length - 1) {
|
|
// Splice into the correct position to keep timestamps in order
|
|
this.data.splice(i + 1, 0, [timestamp, value]);
|
|
} else {
|
|
// Add to the end of the array
|
|
this.data.push([timestamp, value]);
|
|
}
|
|
|
|
this.maxValue = isNaN(this.maxValue) ? value : Math.max(this.maxValue, value);
|
|
this.minValue = isNaN(this.minValue) ? value : Math.min(this.minValue, value);
|
|
};
|
|
|
|
TimeSeries.prototype.dropOldData = function(oldestValidTime, maxDataSetLength) {
|
|
// We must always keep one expired data point as we need this to draw the
|
|
// line that comes into the chart from the left, but any points prior to that can be removed.
|
|
var removeCount = 0;
|
|
while (this.data.length - removeCount >= maxDataSetLength && this.data[removeCount + 1][0] < oldestValidTime) {
|
|
removeCount++;
|
|
}
|
|
if (removeCount !== 0) {
|
|
this.data.splice(0, removeCount);
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Initialises a new <code>SmoothieChart</code>.
|
|
*
|
|
* Options are optional, and should be of the form below. Just specify the values you
|
|
* need and the rest will be given sensible defaults as shown:
|
|
*
|
|
* <pre>
|
|
* {
|
|
* minValue: undefined, // specify to clamp the lower y-axis to a given value
|
|
* maxValue: undefined, // specify to clamp the upper y-axis to a given value
|
|
* maxValueScale: 1, // allows proportional padding to be added above the chart. for 10% padding, specify 1.1.
|
|
* yRangeFunction: undefined, // function({min: , max: }) { return {min: , max: }; }
|
|
* scaleSmoothing: 0.125, // controls the rate at which y-value zoom animation occurs
|
|
* millisPerPixel: 20, // sets the speed at which the chart pans by
|
|
* maxDataSetLength: 2,
|
|
* interpolation: 'bezier' // or 'linear'
|
|
* timestampFormatter: null, // Optional function to format time stamps for bottom of chart. You may use SmoothieChart.timeFormatter, or your own: function(date) { return ''; }
|
|
* horizontalLines: [], // [ { value: 0, color: '#ffffff', lineWidth: 1 } ],
|
|
* grid:
|
|
* {
|
|
* fillStyle: '#000000', // the background colour of the chart
|
|
* lineWidth: 1, // the pixel width of grid lines
|
|
* strokeStyle: '#777777', // colour of grid lines
|
|
* millisPerLine: 1000, // distance between vertical grid lines
|
|
* sharpLines: false, // controls whether grid lines are 1px sharp, or softened
|
|
* verticalSections: 2, // number of vertical sections marked out by horizontal grid lines
|
|
* borderVisible: true // whether the grid lines trace the border of the chart or not
|
|
* },
|
|
* labels
|
|
* {
|
|
* disabled: false, // enables/disables labels showing the min/max values
|
|
* fillStyle: '#ffffff', // colour for text of labels,
|
|
* fontSize: 15,
|
|
* fontFamily: 'sans-serif',
|
|
* precision: 2
|
|
* },
|
|
* }
|
|
* </pre>
|
|
*
|
|
* @constructor
|
|
*/
|
|
function SmoothieChart(options) {
|
|
this.options = Util.extend({}, SmoothieChart.defaultChartOptions, options);
|
|
this.seriesSet = [];
|
|
this.currentValueRange = 1;
|
|
this.currentVisMinValue = 0;
|
|
this.lastRenderTimeMillis = 0;
|
|
}
|
|
|
|
SmoothieChart.defaultChartOptions = {
|
|
millisPerPixel: 20,
|
|
maxValueScale: 1,
|
|
interpolation: 'bezier',
|
|
scaleSmoothing: 0.125,
|
|
maxDataSetLength: 2,
|
|
grid: {
|
|
fillStyle: '#000000',
|
|
strokeStyle: '#777777',
|
|
lineWidth: 1,
|
|
sharpLines: false,
|
|
millisPerLine: 1000,
|
|
verticalSections: 2,
|
|
borderVisible: true
|
|
},
|
|
labels: {
|
|
fillStyle: '#ffffff',
|
|
disabled: false,
|
|
fontSize: 10,
|
|
fontFamily: 'monospace',
|
|
precision: 2
|
|
},
|
|
horizontalLines: []
|
|
};
|
|
|
|
// Based on http://inspirit.github.com/jsfeat/js/compatibility.js
|
|
SmoothieChart.AnimateCompatibility = (function() {
|
|
var requestAnimationFrame = function(callback, element) {
|
|
var requestAnimationFrame =
|
|
window.requestAnimationFrame ||
|
|
window.webkitRequestAnimationFrame ||
|
|
window.mozRequestAnimationFrame ||
|
|
window.oRequestAnimationFrame ||
|
|
window.msRequestAnimationFrame ||
|
|
function(callback) {
|
|
return window.setTimeout(function() {
|
|
callback(new Date().getTime());
|
|
}, 16);
|
|
};
|
|
return requestAnimationFrame.call(window, callback, element);
|
|
},
|
|
cancelAnimationFrame = function(id) {
|
|
var cancelAnimationFrame =
|
|
window.cancelAnimationFrame ||
|
|
function(id) {
|
|
clearTimeout(id);
|
|
};
|
|
return cancelAnimationFrame.call(window, id);
|
|
};
|
|
|
|
return {
|
|
requestAnimationFrame: requestAnimationFrame,
|
|
cancelAnimationFrame: cancelAnimationFrame
|
|
};
|
|
})();
|
|
|
|
SmoothieChart.defaultSeriesPresentationOptions = {
|
|
lineWidth: 1,
|
|
strokeStyle: '#ffffff'
|
|
};
|
|
|
|
/**
|
|
* Adds a <code>TimeSeries</code> to this chart, with optional presentation options.
|
|
*
|
|
* Presentation options should be of the form (defaults shown):
|
|
*
|
|
* <pre>
|
|
* {
|
|
* lineWidth: 1,
|
|
* strokeStyle: '#ffffff',
|
|
* fillStyle: undefined
|
|
* }
|
|
* </pre>
|
|
*/
|
|
SmoothieChart.prototype.addTimeSeries = function(timeSeries, options) {
|
|
this.seriesSet.push({timeSeries: timeSeries, options: Util.extend({}, SmoothieChart.defaultSeriesPresentationOptions, options)});
|
|
if (timeSeries.options.resetBounds && timeSeries.options.resetBoundsInterval > 0) {
|
|
timeSeries.resetBoundsTimerId = setInterval(
|
|
function() {
|
|
timeSeries.resetBounds();
|
|
},
|
|
timeSeries.options.resetBoundsInterval
|
|
);
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Removes the specified <code>TimeSeries</code> from the chart.
|
|
*/
|
|
SmoothieChart.prototype.removeTimeSeries = function(timeSeries) {
|
|
// Find the correct timeseries to remove, and remove it
|
|
var numSeries = this.seriesSet.length;
|
|
for (var i = 0; i < numSeries; i++) {
|
|
if (this.seriesSet[i].timeSeries === timeSeries) {
|
|
this.seriesSet.splice(i, 1);
|
|
break;
|
|
}
|
|
}
|
|
// If a timer was operating for that timeseries, remove it
|
|
if (timeSeries.resetBoundsTimerId) {
|
|
// Stop resetting the bounds, if we were
|
|
clearInterval(timeSeries.resetBoundsTimerId);
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Instructs the <code>SmoothieChart</code> to start rendering to the provided canvas, with specified delay.
|
|
*
|
|
* @param canvas the target canvas element
|
|
* @param delayMillis an amount of time to wait before a data point is shown. This can prevent the end of the series
|
|
* from appearing on screen, with new values flashing into view, at the expense of some latency.
|
|
*/
|
|
SmoothieChart.prototype.streamTo = function(canvas, delayMillis) {
|
|
this.canvas = canvas;
|
|
this.delay = delayMillis;
|
|
this.start();
|
|
};
|
|
|
|
/**
|
|
* Starts the animation of this chart.
|
|
*/
|
|
SmoothieChart.prototype.start = function() {
|
|
if (this.frame) {
|
|
// We're already running, so just return
|
|
return;
|
|
}
|
|
|
|
// Renders a frame, and queues the next frame for later rendering
|
|
var animate = function() {
|
|
this.frame = SmoothieChart.AnimateCompatibility.requestAnimationFrame(function() {
|
|
this.render();
|
|
animate();
|
|
}.bind(this));
|
|
}.bind(this);
|
|
|
|
animate();
|
|
};
|
|
|
|
/**
|
|
* Stops the animation of this chart.
|
|
*/
|
|
SmoothieChart.prototype.stop = function() {
|
|
if (this.frame) {
|
|
SmoothieChart.AnimateCompatibility.cancelAnimationFrame(this.frame);
|
|
delete this.frame;
|
|
}
|
|
};
|
|
|
|
SmoothieChart.prototype.updateValueRange = function() {
|
|
// Calculate the current scale of the chart, from all time series.
|
|
var chartOptions = this.options,
|
|
chartMaxValue = Number.NaN,
|
|
chartMinValue = Number.NaN;
|
|
|
|
for (var d = 0; d < this.seriesSet.length; d++) {
|
|
// TODO(ndunn): We could calculate / track these values as they stream in.
|
|
var timeSeries = this.seriesSet[d].timeSeries;
|
|
if (!isNaN(timeSeries.maxValue)) {
|
|
chartMaxValue = !isNaN(chartMaxValue) ? Math.max(chartMaxValue, timeSeries.maxValue) : timeSeries.maxValue;
|
|
}
|
|
|
|
if (!isNaN(timeSeries.minValue)) {
|
|
chartMinValue = !isNaN(chartMinValue) ? Math.min(chartMinValue, timeSeries.minValue) : timeSeries.minValue;
|
|
}
|
|
}
|
|
|
|
// Scale the chartMaxValue to add padding at the top if required
|
|
if (chartOptions.maxValue != null) {
|
|
chartMaxValue = chartOptions.maxValue;
|
|
} else {
|
|
chartMaxValue *= chartOptions.maxValueScale;
|
|
}
|
|
|
|
// Set the minimum if we've specified one
|
|
if (chartOptions.minValue != null) {
|
|
chartMinValue = chartOptions.minValue;
|
|
}
|
|
|
|
// If a custom range function is set, call it
|
|
if (this.options.yRangeFunction) {
|
|
var range = this.options.yRangeFunction({min: chartMinValue, max: chartMaxValue});
|
|
chartMinValue = range.min;
|
|
chartMaxValue = range.max;
|
|
}
|
|
|
|
if (!isNaN(chartMaxValue) && !isNaN(chartMinValue)) {
|
|
var targetValueRange = chartMaxValue - chartMinValue;
|
|
var valueRangeDiff = (targetValueRange - this.currentValueRange);
|
|
var minValueDiff = (chartMinValue - this.currentVisMinValue);
|
|
this.isAnimatingScale = Math.abs(valueRangeDiff) > 0.1 || Math.abs(minValueDiff) > 0.1;
|
|
this.currentValueRange += chartOptions.scaleSmoothing * valueRangeDiff;
|
|
this.currentVisMinValue += chartOptions.scaleSmoothing * minValueDiff;
|
|
}
|
|
|
|
this.valueRange = { min: chartMinValue, max: chartMaxValue };
|
|
};
|
|
|
|
SmoothieChart.prototype.render = function(canvas, time) {
|
|
var nowMillis = new Date().getTime();
|
|
|
|
if (!this.isAnimatingScale) {
|
|
// We're not animating. We can use the last render time and the scroll speed to work out whether
|
|
// we actually need to paint anything yet. If not, we can return immediately.
|
|
|
|
// Render at least every 1/6th of a second. The canvas may be resized, which there is
|
|
// no reliable way to detect.
|
|
var maxIdleMillis = Math.min(1000/6, this.options.millisPerPixel);
|
|
|
|
if (nowMillis - this.lastRenderTimeMillis < maxIdleMillis) {
|
|
return;
|
|
}
|
|
}
|
|
this.lastRenderTimeMillis = nowMillis;
|
|
|
|
canvas = canvas || this.canvas;
|
|
time = time || nowMillis - (this.delay || 0);
|
|
|
|
// Round time down to pixel granularity, so motion appears smoother.
|
|
time -= time % this.options.millisPerPixel;
|
|
|
|
var context = canvas.getContext('2d'),
|
|
chartOptions = this.options,
|
|
dimensions = { top: 0, left: 0, width: canvas.clientWidth, height: canvas.clientHeight },
|
|
// Calculate the threshold time for the oldest data points.
|
|
oldestValidTime = time - (dimensions.width * chartOptions.millisPerPixel),
|
|
valueToYPixel = function(value) {
|
|
var offset = value - this.currentVisMinValue;
|
|
return this.currentValueRange === 0
|
|
? dimensions.height
|
|
: dimensions.height - (Math.round((offset / this.currentValueRange) * dimensions.height));
|
|
}.bind(this),
|
|
timeToXPixel = function(t) {
|
|
return Math.round(dimensions.width - ((time - t) / chartOptions.millisPerPixel));
|
|
};
|
|
|
|
this.updateValueRange();
|
|
|
|
context.font = chartOptions.labels.fontSize + 'px ' + chartOptions.labels.fontFamily;
|
|
|
|
// Save the state of the canvas context, any transformations applied in this method
|
|
// will get removed from the stack at the end of this method when .restore() is called.
|
|
context.save();
|
|
|
|
// Move the origin.
|
|
context.translate(dimensions.left, dimensions.top);
|
|
|
|
// Create a clipped rectangle - anything we draw will be constrained to this rectangle.
|
|
// This prevents the occasional pixels from curves near the edges overrunning and creating
|
|
// screen cheese (that phrase should need no explanation).
|
|
context.beginPath();
|
|
context.rect(0, 0, dimensions.width, dimensions.height);
|
|
context.clip();
|
|
|
|
// Clear the working area.
|
|
context.save();
|
|
context.fillStyle = chartOptions.grid.fillStyle;
|
|
context.clearRect(0, 0, dimensions.width, dimensions.height);
|
|
context.fillRect(0, 0, dimensions.width, dimensions.height);
|
|
context.restore();
|
|
|
|
// Grid lines...
|
|
context.save();
|
|
context.lineWidth = chartOptions.grid.lineWidth;
|
|
context.strokeStyle = chartOptions.grid.strokeStyle;
|
|
// Vertical (time) dividers.
|
|
if (chartOptions.grid.millisPerLine > 0) {
|
|
var textUntilX = dimensions.width - context.measureText(minValueString).width + 4;
|
|
for (var t = time - (time % chartOptions.grid.millisPerLine);
|
|
t >= oldestValidTime;
|
|
t -= chartOptions.grid.millisPerLine) {
|
|
var gx = timeToXPixel(t);
|
|
if (chartOptions.grid.sharpLines) {
|
|
gx -= 0.5;
|
|
}
|
|
context.beginPath();
|
|
context.moveTo(gx, 0);
|
|
context.lineTo(gx, dimensions.height);
|
|
context.stroke();
|
|
context.closePath();
|
|
|
|
// Display timestamp at bottom of this line if requested, and it won't overlap
|
|
if (chartOptions.timestampFormatter && gx < textUntilX) {
|
|
// Formats the timestamp based on user specified formatting function
|
|
// SmoothieChart.timeFormatter function above is one such formatting option
|
|
var tx = new Date(t),
|
|
ts = chartOptions.timestampFormatter(tx),
|
|
tsWidth = context.measureText(ts).width;
|
|
textUntilX = gx - tsWidth - 2;
|
|
context.fillStyle = chartOptions.labels.fillStyle;
|
|
context.fillText(ts, gx - tsWidth, dimensions.height - 2);
|
|
}
|
|
}
|
|
}
|
|
|
|
// Horizontal (value) dividers.
|
|
for (var v = 1; v < chartOptions.grid.verticalSections; v++) {
|
|
var gy = Math.round(v * dimensions.height / chartOptions.grid.verticalSections);
|
|
if (chartOptions.grid.sharpLines) {
|
|
gy -= 0.5;
|
|
}
|
|
context.beginPath();
|
|
context.moveTo(0, gy);
|
|
context.lineTo(dimensions.width, gy);
|
|
context.stroke();
|
|
context.closePath();
|
|
}
|
|
// Bounding rectangle.
|
|
if (chartOptions.grid.borderVisible) {
|
|
context.beginPath();
|
|
context.strokeRect(0, 0, dimensions.width, dimensions.height);
|
|
context.closePath();
|
|
}
|
|
context.restore();
|
|
|
|
// Draw any horizontal lines...
|
|
if (chartOptions.horizontalLines && chartOptions.horizontalLines.length) {
|
|
for (var hl = 0; hl < chartOptions.horizontalLines.length; hl++) {
|
|
var line = chartOptions.horizontalLines[hl],
|
|
hly = Math.round(valueToYPixel(line.value)) - 0.5;
|
|
context.strokeStyle = line.color || '#ffffff';
|
|
context.lineWidth = line.lineWidth || 1;
|
|
context.beginPath();
|
|
context.moveTo(0, hly);
|
|
context.lineTo(dimensions.width, hly);
|
|
context.stroke();
|
|
context.closePath();
|
|
}
|
|
}
|
|
|
|
// For each data set...
|
|
for (var d = 0; d < this.seriesSet.length; d++) {
|
|
context.save();
|
|
var timeSeries = this.seriesSet[d].timeSeries,
|
|
dataSet = timeSeries.data,
|
|
seriesOptions = this.seriesSet[d].options;
|
|
|
|
// Delete old data that's moved off the left of the chart.
|
|
timeSeries.dropOldData(oldestValidTime, chartOptions.maxDataSetLength);
|
|
|
|
// Set style for this dataSet.
|
|
context.lineWidth = seriesOptions.lineWidth;
|
|
context.strokeStyle = seriesOptions.strokeStyle;
|
|
// Draw the line...
|
|
context.beginPath();
|
|
// Retain lastX, lastY for calculating the control points of bezier curves.
|
|
var firstX = 0, lastX = 0, lastY = 0;
|
|
for (var i = 0; i < dataSet.length && dataSet.length !== 1; i++) {
|
|
var x = timeToXPixel(dataSet[i][0]),
|
|
y = valueToYPixel(dataSet[i][1]);
|
|
|
|
if (i === 0) {
|
|
firstX = x;
|
|
context.moveTo(x, y);
|
|
} else {
|
|
switch (chartOptions.interpolation) {
|
|
case "linear":
|
|
case "line": {
|
|
context.lineTo(x,y);
|
|
break;
|
|
}
|
|
case "bezier":
|
|
default: {
|
|
// Great explanation of Bezier curves: http://en.wikipedia.org/wiki/Bezier_curve#Quadratic_curves
|
|
//
|
|
// Assuming A was the last point in the line plotted and B is the new point,
|
|
// we draw a curve with control points P and Q as below.
|
|
//
|
|
// A---P
|
|
// |
|
|
// |
|
|
// |
|
|
// Q---B
|
|
//
|
|
// Importantly, A and P are at the same y coordinate, as are B and Q. This is
|
|
// so adjacent curves appear to flow as one.
|
|
//
|
|
context.bezierCurveTo( // startPoint (A) is implicit from last iteration of loop
|
|
Math.round((lastX + x) / 2), lastY, // controlPoint1 (P)
|
|
Math.round((lastX + x)) / 2, y, // controlPoint2 (Q)
|
|
x, y); // endPoint (B)
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
lastX = x; lastY = y;
|
|
}
|
|
|
|
if (dataSet.length > 1) {
|
|
if (seriesOptions.fillStyle) {
|
|
// Close up the fill region.
|
|
context.lineTo(dimensions.width + seriesOptions.lineWidth + 1, lastY);
|
|
context.lineTo(dimensions.width + seriesOptions.lineWidth + 1, dimensions.height + seriesOptions.lineWidth + 1);
|
|
context.lineTo(firstX, dimensions.height + seriesOptions.lineWidth);
|
|
context.fillStyle = seriesOptions.fillStyle;
|
|
context.fill();
|
|
}
|
|
|
|
if (seriesOptions.strokeStyle && seriesOptions.strokeStyle !== 'none') {
|
|
context.stroke();
|
|
}
|
|
context.closePath();
|
|
}
|
|
context.restore();
|
|
}
|
|
|
|
// Draw the axis values on the chart.
|
|
if (!chartOptions.labels.disabled && !isNaN(this.valueRange.min) && !isNaN(this.valueRange.max)) {
|
|
var maxValueString = parseFloat(this.valueRange.max).toFixed(chartOptions.labels.precision),
|
|
minValueString = parseFloat(this.valueRange.min).toFixed(chartOptions.labels.precision);
|
|
context.fillStyle = chartOptions.labels.fillStyle;
|
|
context.fillText(maxValueString, dimensions.width - context.measureText(maxValueString).width - 2, chartOptions.labels.fontSize);
|
|
context.fillText(minValueString, dimensions.width - context.measureText(minValueString).width - 2, dimensions.height - 2);
|
|
}
|
|
|
|
context.restore(); // See .save() above.
|
|
};
|
|
|
|
// Sample timestamp formatting function
|
|
SmoothieChart.timeFormatter = function(date) {
|
|
function pad2(number) { return (number < 10 ? '0' : '') + number }
|
|
return pad2(date.getHours()) + ':' + pad2(date.getMinutes()) + ':' + pad2(date.getSeconds());
|
|
};
|
|
|
|
exports.TimeSeries = TimeSeries;
|
|
exports.SmoothieChart = SmoothieChart;
|
|
|
|
})(typeof exports === 'undefined' ? this : exports);
|
|
|
|
|
|
},{}],29:[function(require,module,exports){
|
|
|
|
/**
|
|
* Module dependencies.
|
|
*/
|
|
|
|
var SmoothieChart = require("smoothie").SmoothieChart
|
|
, TimeSeries = require("smoothie").TimeSeries
|
|
, eio = require("engine.io-client");
|
|
|
|
|
|
// helper
|
|
|
|
function $(id){ return document.getElementById(id); }
|
|
|
|
// chart
|
|
|
|
var smoothie;
|
|
var time;
|
|
|
|
function render(){
|
|
if (smoothie) smoothie.stop();
|
|
$('chart').width = document.body.clientWidth;
|
|
smoothie = new SmoothieChart();
|
|
smoothie.streamTo($('chart'), 1000);
|
|
time = new TimeSeries();
|
|
smoothie.addTimeSeries(time, {
|
|
strokeStyle: 'rgb(255, 0, 0)',
|
|
fillStyle: 'rgba(255, 0, 0, 0.4)',
|
|
lineWidth: 2
|
|
});
|
|
}
|
|
|
|
// socket
|
|
var socket = new eio.Socket({transports:["polling", "websocket"]});
|
|
var last;
|
|
var sendBuf = false;
|
|
var buf = new ArrayBuffer(2);
|
|
var ab = new Uint8Array(buf, 0, 2);
|
|
ab.set([1,2]);
|
|
function send(){
|
|
if (sendBuf) {
|
|
socket.send(buf);
|
|
sendBuf = false;
|
|
} else {
|
|
socket.send('ping');
|
|
sendBuf = true;
|
|
}
|
|
last = new Date;
|
|
$('transport').innerHTML = socket.transport.name;
|
|
}
|
|
socket.on('open', function(){
|
|
if ($('chart').getContext) {
|
|
render();
|
|
window.onresize = render;
|
|
}
|
|
send();
|
|
});
|
|
socket.on('close', function(){
|
|
console.log("closed");
|
|
if (smoothie) smoothie.stop();
|
|
$('transport').innerHTML = '(disconnected)';
|
|
});
|
|
socket.on('message', function(msg){
|
|
console.log(msg);
|
|
var latency = new Date - last;
|
|
$('latency').innerHTML = latency + 'ms';
|
|
if (time) time.append(+new Date, latency);
|
|
setTimeout(send, 100);
|
|
});
|
|
|
|
},{"engine.io-client":1,"smoothie":28}]},{},[29])
|
|
|
|
//# sourceMappingURL=index.map.json
|