static/debug.html

<html>
  <head>
    <script src="/cosmopolite/static/cosmopolite.js" charset="UTF-8"></script>
    <style>
a {
  text-decoration: none;
}
    </style>
  </head>
  <body>
    <div>Google user: <span id="google_user"></span></div>

    <div>
      Subject: <input type="text" id="subject">
      <input type="button" id="subscribe" value="Subscribe">
    </div>
    <div>
      <select id="subscriptions"></select>
      <input type="button" id="unsubscribe" value="Unsubscribe">
    </div>

    <hr>

    <div>
      Message: <input type="text" id="message">
    </div>
    <div>
      <input type="button" id="send" value="Send">
      <input type="button" id="pin" value="Pin">
    </div>

    <hr>

    <div id="pins"></div>

    <hr>

    <div id="messages"></div>

    <script>
var subject = document.getElementById('subject');
var subscriptions = document.getElementById('subscriptions');

var message = document.getElementById('message');

var pins = document.getElementById('pins');

var messages = document.getElementById('messages');

var addMessage = function(message) {
  var messageDiv = document.createElement('div');
  messageDiv.appendChild(document.createTextNode(
    (new Date(message['created'] * 1000)).toString() +
    ' <????-' + (Math.abs(message['sender'].hashCode()) % 10000) + '> ' +
    message['message']
  ));
  messages.appendChild(messageDiv);
};

var addPin = function(pin) {
  var pinDiv = document.createElement('div');
  pinDiv.appendChild(document.createTextNode(
    (new Date(pin['created'] * 1000)).toString() +
    ' <????-' + (Math.abs(pin['sender'].hashCode()) % 10000) + '> ' +
    pin['message']
  ));
  pinDiv.pinId = pin['id'];
  pins.appendChild(pinDiv);
};

window.addEventListener('load', function() {
  var googleUser = document.getElementById('google_user');

  var callbacks = {
    onLogin: function(username, logout_url) {
      googleUser.innerHTML =
        username +
        ' <a href="' + logout_url + '" target="_blank">(log out)</a>';
    },
    onLogout: function(login_url) {
      googleUser.innerHTML =
        '<a href="' + login_url + '" target="_blank">(log in)</a>';
    },
    onMessage: function(message) {
      if (subscriptions.value != message['subject']['name']) {
        return;
      }
      addMessage(message);
    },
    onPin: function(pin) {
      if (subscriptions.value != pin['subject']['name']) {
        return;
      }
      addPin(pin);
    },
    onUnpin: function(pin) {
      if (subscriptions.value != pin['subject']['name']) {
        return;
      }
      for (var i = 0; i < pins.childNodes.length; i++) {
        var pinDiv = pins.childNodes[i];
        if (pinDiv.pinId == pin['id']) {
          pins.removeChild(pinDiv);
          break;
        }
      }
    },
  };

  var debug = new Cosmopolite(callbacks);

  document.getElementById('subscribe').addEventListener('click', function() {
    debug.subscribe(subject.value, -1);
    var option = document.createElement('option');
    option.text = subject.value;
    subscriptions.options.add(option);
    subscriptions.dispatchEvent(new CustomEvent('change'));
  });

  document.getElementById('unsubscribe').addEventListener('click', function() {
    debug.unsubscribe(subscriptions.value);
    subscriptions.options.remove(subscriptions.options.selectedIndex);
    subscriptions.dispatchEvent(new CustomEvent('change'));
  });

  document.getElementById('send').addEventListener('click', function() {
    debug.sendMessage(subscriptions.value, message.value);
  });

  document.getElementById('pin').addEventListener('click', function() {
    debug.pin(subscriptions.value, message.value);
  });

  document.getElementById('subscriptions').addEventListener('change', function() {
    messages.innerHTML = '';
    pins.innerHTML = '';
    if (!subscriptions.value) {
      return;
    }
    debug.getMessages(subscriptions.value).forEach(addMessage);
    debug.getPins(subscriptions.value).forEach(addPin);
  });

});
    </script>
  </body>
</html>
Initial snapshot. 2014-03-25 13:43:11 -07:00			`<html>`
			`<head>`
First pass at tests and initial bugfixes/necessary features, including onReady callback. 2014-05-13 19:12:06 +03:00			`<script src="/cosmopolite/static/cosmopolite.js" charset="UTF-8"></script>`
Initial snapshot. 2014-03-25 13:43:11 -07:00			`<style>`
			`a {`
			`text-decoration: none;`
			`}`
			`</style>`
			`</head>`
			`<body>`
			`<div>Google user: <span id="google_user"></span></div>`

Add a key field to messages and allow lookup of most recent message by key. 2014-05-11 15:43:45 +03:00			`<div>`
			`Subject: <input type="text" id="subject">`
			`<input type="button" id="subscribe" value="Subscribe">`
			`</div>`
			`<div>`
			`<select id="subscriptions"></select>`
			`<input type="button" id="unsubscribe" value="Unsubscribe">`
			`</div>`

Checkpoint: working subscribe/unsubscribe and message transit, through the debug page 2014-05-10 15:47:33 +02:00			`<hr>`
Add a key field to messages and allow lookup of most recent message by key. 2014-05-11 15:43:45 +03:00
			`<div>`
			`Message: <input type="text" id="message">`
			`</div>`
			`<div>`
			`<input type="button" id="send" value="Send">`
Add support for ephemeral messages that are tied to an open channel, aka "pins". 2014-05-25 23:40:56 -07:00			`<input type="button" id="pin" value="Pin">`
Add a key field to messages and allow lookup of most recent message by key. 2014-05-11 15:43:45 +03:00			`</div>`

			`<hr>`

Add support for ephemeral messages that are tied to an open channel, aka "pins". 2014-05-25 23:40:56 -07:00			`<div id="pins"></div>`

			`<hr>`

Add a key field to messages and allow lookup of most recent message by key. 2014-05-11 15:43:45 +03:00			`<div id="messages"></div>`

Initial snapshot. 2014-03-25 13:43:11 -07:00			`<script>`
Checkpoint: working subscribe/unsubscribe and message transit, through the debug page 2014-05-10 15:47:33 +02:00			`var subject = document.getElementById('subject');`
			`var subscriptions = document.getElementById('subscriptions');`
Add a key field to messages and allow lookup of most recent message by key. 2014-05-11 15:43:45 +03:00
Checkpoint: working subscribe/unsubscribe and message transit, through the debug page 2014-05-10 15:47:33 +02:00			`var message = document.getElementById('message');`
Clean up debug UI and code a bit. Allow empty StateEntry values. 2014-04-30 17:54:48 -07:00
Add support for ephemeral messages that are tied to an open channel, aka "pins". 2014-05-25 23:40:56 -07:00			`var pins = document.getElementById('pins');`

Remove SetValue/GetValue. Add debug console support for keeping track of streaming key values. 2014-05-11 19:34:42 +03:00			`var messages = document.getElementById('messages');`
Clean up debug UI and code a bit. Allow empty StateEntry values. 2014-04-30 17:54:48 -07:00
Checkpoint: working subscribe/unsubscribe and message transit, through the debug page 2014-05-10 15:47:33 +02:00			`var addMessage = function(message) {`
			`var messageDiv = document.createElement('div');`
Fix escaping in message debug display. 2014-05-11 15:09:16 +03:00			`messageDiv.appendChild(document.createTextNode(`
Checkpoint: working subscribe/unsubscribe and message transit, through the debug page 2014-05-10 15:47:33 +02:00			`(new Date(message['created'] * 1000)).toString() +`
Fix escaping in message debug display. 2014-05-11 15:09:16 +03:00			`' <????-' + (Math.abs(message['sender'].hashCode()) % 10000) + '> ' +`
Checkpoint: working subscribe/unsubscribe and message transit, through the debug page 2014-05-10 15:47:33 +02:00			`message['message']`
Fix escaping in message debug display. 2014-05-11 15:09:16 +03:00			`));`
Checkpoint: working subscribe/unsubscribe and message transit, through the debug page 2014-05-10 15:47:33 +02:00			`messages.appendChild(messageDiv);`
			`};`

Add support for ephemeral messages that are tied to an open channel, aka "pins". 2014-05-25 23:40:56 -07:00			`var addPin = function(pin) {`
			`var pinDiv = document.createElement('div');`
			`pinDiv.appendChild(document.createTextNode(`
			`(new Date(pin['created'] * 1000)).toString() +`
			`' <????-' + (Math.abs(pin['sender'].hashCode()) % 10000) + '> ' +`
			`pin['message']`
			`));`
			`pinDiv.pinId = pin['id'];`
			`pins.appendChild(pinDiv);`
			`};`

Initial snapshot. 2014-03-25 13:43:11 -07:00			`window.addEventListener('load', function() {`
			`var googleUser = document.getElementById('google_user');`

			`var callbacks = {`
			`onLogin: function(username, logout_url) {`
			`googleUser.innerHTML =`
			`username +`
			`' <a href="' + logout_url + '" target="_blank">(log out)</a>';`
			`},`
			`onLogout: function(login_url) {`
			`googleUser.innerHTML =`
			`'<a href="' + login_url + '" target="_blank">(log in)</a>';`
			`},`
Checkpoint: working subscribe/unsubscribe and message transit, through the debug page 2014-05-10 15:47:33 +02:00			`onMessage: function(message) {`
Fix debug console. Remove silly subscription logic. 2014-05-18 10:49:38 +03:00			`if (subscriptions.value != message['subject']['name']) {`
Checkpoint: working subscribe/unsubscribe and message transit, through the debug page 2014-05-10 15:47:33 +02:00			`return;`
			`}`
			`addMessage(message);`
			`},`
Add support for ephemeral messages that are tied to an open channel, aka "pins". 2014-05-25 23:40:56 -07:00			`onPin: function(pin) {`
			`if (subscriptions.value != pin['subject']['name']) {`
			`return;`
			`}`
			`addPin(pin);`
			`},`
			`onUnpin: function(pin) {`
			`if (subscriptions.value != pin['subject']['name']) {`
			`return;`
			`}`
			`for (var i = 0; i < pins.childNodes.length; i++) {`
			`var pinDiv = pins.childNodes[i];`
			`if (pinDiv.pinId == pin['id']) {`
			`pins.removeChild(pinDiv);`
			`break;`
			`}`
			`}`
			`},`
Initial snapshot. 2014-03-25 13:43:11 -07:00			`};`

Fix debug scripts after change to namespace. 2014-05-13 17:42:52 +03:00			`var debug = new Cosmopolite(callbacks);`
Initial snapshot. 2014-03-25 13:43:11 -07:00
Checkpoint: working subscribe/unsubscribe and message transit, through the debug page 2014-05-10 15:47:33 +02:00			`document.getElementById('subscribe').addEventListener('click', function() {`
			`debug.subscribe(subject.value, -1);`
			`var option = document.createElement('option');`
			`option.text = subject.value;`
			`subscriptions.options.add(option);`
			`subscriptions.dispatchEvent(new CustomEvent('change'));`
			`});`

			`document.getElementById('unsubscribe').addEventListener('click', function() {`
			`debug.unsubscribe(subscriptions.value);`
			`subscriptions.options.remove(subscriptions.options.selectedIndex);`
			`subscriptions.dispatchEvent(new CustomEvent('change'));`
			`});`

			`document.getElementById('send').addEventListener('click', function() {`
Remove the concept of keys; they can just be encoded into subject names. 2014-05-25 23:50:53 -07:00			`debug.sendMessage(subscriptions.value, message.value);`
Checkpoint: working subscribe/unsubscribe and message transit, through the debug page 2014-05-10 15:47:33 +02:00			`});`

Add support for ephemeral messages that are tied to an open channel, aka "pins". 2014-05-25 23:40:56 -07:00			`document.getElementById('pin').addEventListener('click', function() {`
			`debug.pin(subscriptions.value, message.value);`
			`});`

Checkpoint: working subscribe/unsubscribe and message transit, through the debug page 2014-05-10 15:47:33 +02:00			`document.getElementById('subscriptions').addEventListener('change', function() {`
			`messages.innerHTML = '';`
Add support for ephemeral messages that are tied to an open channel, aka "pins". 2014-05-25 23:40:56 -07:00			`pins.innerHTML = '';`
Checkpoint: working subscribe/unsubscribe and message transit, through the debug page 2014-05-10 15:47:33 +02:00			`if (!subscriptions.value) {`
			`return;`
			`}`
			`debug.getMessages(subscriptions.value).forEach(addMessage);`
Add support for ephemeral messages that are tied to an open channel, aka "pins". 2014-05-25 23:40:56 -07:00			`debug.getPins(subscriptions.value).forEach(addPin);`
Checkpoint: working subscribe/unsubscribe and message transit, through the debug page 2014-05-10 15:47:33 +02:00			`});`

Initial snapshot. 2014-03-25 13:43:11 -07:00			`});`
			`</script>`
			`</body>`
			`</html>`