a simple JS queue for queueing messages when offline

queue.html

<script src="queue.js"></script>

queue.js

function connect() {
  // This could be waiting on a script you're waiting to load
  // (e.g., Google Analytics), or it could be waiting on the
  // server to log the user in before processing some actions
  // requested by the user.
  return new Promise(function (resolve) {
    // `setTimeout` to simulate a delay.
    window.setTimeout(function () {
      resolve();
    }, 150);
  });
}

connect().then(function () {
  // Swap out the `send` function to do the real sending.
  send = function send(msg) {
    console.log('Sent message: ' + JSON.stringify(msg));
  };

  // Send any queued messages.
  while (queue.length) {
    send(queue.pop());
  }
});


var queue = [];  // A queue for messages to send once we connect to host.

function send(msg) {
  // Turn a single message into an array of messages.
  if (!Array.isArray(msg)) {
    msg = [msg];
  }

  // Queueing messages if we are not yet connected to host.
  msg.forEach(function (msg) {
    console.log('Queued message: ' + JSON.stringify(msg));
    // Prepend each message so we can treat the array like a queue.
    queue.unshift(msg);
  });
}

send('hey');
send('yolo');
send('whatup');

// These messagse will get sent immediately, bypassing the queue.
setTimeout(function () {
  send('swag');
}, 200);

setTimeout(function () {
  send('shmoney');
}, 400);