JSFiddle - React, Tailwind, and code Playground

by Jakub Chronowski

HTML

<script src="http://tf2pickup.net/js/socket.io.min.js"></script>

JavaScript

var socket = io.connect("http://188.64.45.247:8500", {
            'connect timeout': 500,
            'reconnect': true,
            'reconnection delay': 500,
            'reopen delay': 500,
            'max reconnection attempts': 10
});

function getCookie(cname) {
	var name = cname + "=";
	var ca = document.cookie.split(';');
	for (var i=0; i<ca.length; i++) {
	  var c = ca[i].trim();
	  if (c.indexOf(name)==0) 
	  	return c.substring(name.length,c.length);
	}
	return "";
}

var userAuth = getCookie("pickup_user");

socket.on('disconnect', function() {
	console.log('No connection to the socket server could be established. TF2Pickup.net');
});

socket.on('connect', function() { 
	console.log('Silently connected to Socket server on TF2Pickup.net.');
});

socket.on('pickupNumbers', function(pickup) {
    console.log(pickup);
});