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;
 |