Random Matchmaking (MemeWarz 5)

1.js

pubnub.subscribe({
    channels: [channel],
    state: {
       skill: 2
     }
});

pubnub.addListener({
        status: function(statusEvent) {            
        },
        message: function(message) {
            console.log("New Message!!", message);
        },
        presence: function(presenceEvent) {            
        }
    })

2.js

pubnub.hereNow(
    {
        channels: [channel], 
        channelGroups : ["cg1"],
        includeUUIDs: true,
        includeState: true
    },
    function (status, response) {
        // handle status, response
    }
);

3.js

{
  "uuids": [
    {
      "state": {
        "skill": 2
      },
      "uuid": "fuchsia_whale"
    },
    {
      "state": {
        "skill": 3
      },
      "uuid": "lime_impala"
    }
  ],
  "occupancy": 2
}

4.js

var my_skill = Math.floor(Math.random() * 3) + 1;
$('#my_skill').text(my_skill);

5.html

<a href="#">
  You are <strong id="whoami"></strong> 
  <span id="my_skill" class="badge"></span>
</a>

6.js

pubnub.subscribe({
  channels: [channel],
  state: {
    skill: my_skill
  }
});

pubnub.addListener({
    status: function(statusEvent) {       
    },
    message: function(message) {
        console.log("New Message!!", message);
    },
    presence: function(presenceEvent) {        
    }
})

7.js

pubnub.hereNow(
    {
        channels: [channel], 
        channelGroups : ["cg1"],
        includeUUIDs: true,
        includeState: true
    },
    function (status, response) {
        // handle status, response
    }
);

8.js

$('#find-match').click(function(){
     
    pubnub.hereNow(
    {
        channels: ["ch1"], 
        channelGroups : ["cg1"],
        includeUUIDs: true,
        includeState: true
    },
    function (status, data) {
        // handle status, response
        var users = data.uuids;
        var matches = [];

        for(var i = users.length - 1; i >= 0; i--) {
          if(users[i].uuid !== me && users[i].state.skill == my_skill) {
            matches.push(users[i])
          }
        }

        if(!matches.length) {
          alert('Nobody is online with the same skill level.');
        } else {
          var opponent = matches[Math.floor(Math.random() * matches.length)];
          alert('Opponent Found: ' + opponent.uuid + ' with skill level ' + opponent.state.skill);
        }
    });
});

9.js

pubnub.subscribe({
  channel: [channel],
  withPresence: true,
  state: {
    skill: my_skill
  }});

pubnub.addListener({
    status: function(statusEvent) {       
    },
    message: function(message) {
        console.log("New Message!!", message);
    },
    presence: function(presenceEvent) {
      if(data.action == "join") {
        var $new_user = $('<li id="' + data.uuid + '" class="list-group-item"><span class="badge">' + data.data.skill + '</span>' + data.uuid + '</li>')
        $('#online-users').append($new_user);
      }
    }
});