phorge-phorge/webroot/rsrc/js/application/differential/behavior-comment-preview.js

/**
 * @provides javelin-behavior-differential-feedback-preview
 * @requires javelin-lib-dev
 */

JX.behavior('differential-feedback-preview', function(config) {

  var action = JX.$(config.action);
  var content = JX.$(config.content);
  var preview = JX.$(config.preview);

  var aval = null;//action.value;
  var cval = null;//content.value;
  var defer = null;
  var min = null;
  var request = null;

  function check() {
    if (request || (min && (new Date().getTime() < min))) {
      // Waiting on an async or just got one back, rate-limit.
      return;
    }

    defer && defer.stop();

    if (action.value !== aval || content.value !== cval) {
      aval = action.value;
      cval = content.value;

      request = new JX.Request(config.uri, function(r) {
        preview && JX.DOM.setContent(preview, JX.HTML(r));
        min = new Date().getTime() + 500;
        defer && defer.stop();
        defer = JX.defer(check, 500);
      });
      request.listen('finally', function() { request = null; });
      request.setData({action : aval, content : cval});
      // If we don't get a response back soon, retry on the next action.
      request.setTimeout(2000);
      request.send();
    } else {
      defer = JX.defer(check, 2000);
    }
  }

  JX.DOM.listen(content, 'keydown', null, check);
  JX.DOM.listen(action,  'change',  null, check);

  check();


  function refreshInlinePreview() {
    new JX.Request(config.inlineuri, function(r) {
        JX.DOM.setContent(JX.$(config.inline), JX.HTML(r));
      })
      .setTimeout(5000)
      .send();
  }

  JX.Stratcom.listen(
    'differential-inline-comment-update',
    null,
    refreshInlinePreview);

  refreshInlinePreview();
});