184 lines
5.4 KiB
JavaScript
184 lines
5.4 KiB
JavaScript
'use strict';
|
|
|
|
var utils = require('../../utils/iframe')
|
|
, random = require('../../utils/random')
|
|
, browser = require('../../utils/browser')
|
|
, urlUtils = require('../../utils/url')
|
|
, inherits = require('inherits')
|
|
, EventEmitter = require('events').EventEmitter
|
|
;
|
|
|
|
var debug = function() {};
|
|
if (process.env.NODE_ENV !== 'production') {
|
|
debug = require('debug')('sockjs-client:receiver:jsonp');
|
|
}
|
|
|
|
function JsonpReceiver(url) {
|
|
debug(url);
|
|
var self = this;
|
|
EventEmitter.call(this);
|
|
|
|
utils.polluteGlobalNamespace();
|
|
|
|
this.id = 'a' + random.string(6);
|
|
var urlWithId = urlUtils.addQuery(url, 'c=' + encodeURIComponent(utils.WPrefix + '.' + this.id));
|
|
|
|
global[utils.WPrefix][this.id] = this._callback.bind(this);
|
|
this._createScript(urlWithId);
|
|
|
|
// Fallback mostly for Konqueror - stupid timer, 35 seconds shall be plenty.
|
|
this.timeoutId = setTimeout(function() {
|
|
debug('timeout');
|
|
self._abort(new Error('JSONP script loaded abnormally (timeout)'));
|
|
}, JsonpReceiver.timeout);
|
|
}
|
|
|
|
inherits(JsonpReceiver, EventEmitter);
|
|
|
|
JsonpReceiver.prototype.abort = function() {
|
|
debug('abort');
|
|
if (global[utils.WPrefix][this.id]) {
|
|
var err = new Error('JSONP user aborted read');
|
|
err.code = 1000;
|
|
this._abort(err);
|
|
}
|
|
};
|
|
|
|
JsonpReceiver.timeout = 35000;
|
|
JsonpReceiver.scriptErrorTimeout = 1000;
|
|
|
|
JsonpReceiver.prototype._callback = function(data) {
|
|
debug('_callback', data);
|
|
this._cleanup();
|
|
|
|
if (this.aborting) {
|
|
return;
|
|
}
|
|
|
|
if (data) {
|
|
debug('message', data);
|
|
this.emit('message', data);
|
|
}
|
|
this.emit('close', null, 'network');
|
|
this.removeAllListeners();
|
|
};
|
|
|
|
JsonpReceiver.prototype._abort = function(err) {
|
|
debug('_abort', err);
|
|
this._cleanup();
|
|
this.aborting = true;
|
|
this.emit('close', err.code, err.message);
|
|
this.removeAllListeners();
|
|
};
|
|
|
|
JsonpReceiver.prototype._cleanup = function() {
|
|
debug('_cleanup');
|
|
clearTimeout(this.timeoutId);
|
|
if (this.script2) {
|
|
this.script2.parentNode.removeChild(this.script2);
|
|
this.script2 = null;
|
|
}
|
|
if (this.script) {
|
|
var script = this.script;
|
|
// Unfortunately, you can't really abort script loading of
|
|
// the script.
|
|
script.parentNode.removeChild(script);
|
|
script.onreadystatechange = script.onerror =
|
|
script.onload = script.onclick = null;
|
|
this.script = null;
|
|
}
|
|
delete global[utils.WPrefix][this.id];
|
|
};
|
|
|
|
JsonpReceiver.prototype._scriptError = function() {
|
|
debug('_scriptError');
|
|
var self = this;
|
|
if (this.errorTimer) {
|
|
return;
|
|
}
|
|
|
|
this.errorTimer = setTimeout(function() {
|
|
if (!self.loadedOkay) {
|
|
self._abort(new Error('JSONP script loaded abnormally (onerror)'));
|
|
}
|
|
}, JsonpReceiver.scriptErrorTimeout);
|
|
};
|
|
|
|
JsonpReceiver.prototype._createScript = function(url) {
|
|
debug('_createScript', url);
|
|
var self = this;
|
|
var script = this.script = global.document.createElement('script');
|
|
var script2; // Opera synchronous load trick.
|
|
|
|
script.id = 'a' + random.string(8);
|
|
script.src = url;
|
|
script.type = 'text/javascript';
|
|
script.charset = 'UTF-8';
|
|
script.onerror = this._scriptError.bind(this);
|
|
script.onload = function() {
|
|
debug('onload');
|
|
self._abort(new Error('JSONP script loaded abnormally (onload)'));
|
|
};
|
|
|
|
// IE9 fires 'error' event after onreadystatechange or before, in random order.
|
|
// Use loadedOkay to determine if actually errored
|
|
script.onreadystatechange = function() {
|
|
debug('onreadystatechange', script.readyState);
|
|
if (/loaded|closed/.test(script.readyState)) {
|
|
if (script && script.htmlFor && script.onclick) {
|
|
self.loadedOkay = true;
|
|
try {
|
|
// In IE, actually execute the script.
|
|
script.onclick();
|
|
} catch (x) {
|
|
// intentionally empty
|
|
}
|
|
}
|
|
if (script) {
|
|
self._abort(new Error('JSONP script loaded abnormally (onreadystatechange)'));
|
|
}
|
|
}
|
|
};
|
|
// IE: event/htmlFor/onclick trick.
|
|
// One can't rely on proper order for onreadystatechange. In order to
|
|
// make sure, set a 'htmlFor' and 'event' properties, so that
|
|
// script code will be installed as 'onclick' handler for the
|
|
// script object. Later, onreadystatechange, manually execute this
|
|
// code. FF and Chrome doesn't work with 'event' and 'htmlFor'
|
|
// set. For reference see:
|
|
// http://jaubourg.net/2010/07/loading-script-as-onclick-handler-of.html
|
|
// Also, read on that about script ordering:
|
|
// http://wiki.whatwg.org/wiki/Dynamic_Script_Execution_Order
|
|
if (typeof script.async === 'undefined' && global.document.attachEvent) {
|
|
// According to mozilla docs, in recent browsers script.async defaults
|
|
// to 'true', so we may use it to detect a good browser:
|
|
// https://developer.mozilla.org/en/HTML/Element/script
|
|
if (!browser.isOpera()) {
|
|
// Naively assume we're in IE
|
|
try {
|
|
script.htmlFor = script.id;
|
|
script.event = 'onclick';
|
|
} catch (x) {
|
|
// intentionally empty
|
|
}
|
|
script.async = true;
|
|
} else {
|
|
// Opera, second sync script hack
|
|
script2 = this.script2 = global.document.createElement('script');
|
|
script2.text = "try{var a = document.getElementById('" + script.id + "'); if(a)a.onerror();}catch(x){};";
|
|
script.async = script2.async = false;
|
|
}
|
|
}
|
|
if (typeof script.async !== 'undefined') {
|
|
script.async = true;
|
|
}
|
|
|
|
var head = global.document.getElementsByTagName('head')[0];
|
|
head.insertBefore(script, head.firstChild);
|
|
if (script2) {
|
|
head.insertBefore(script2, head.firstChild);
|
|
}
|
|
};
|
|
|
|
module.exports = JsonpReceiver;
|