developerdizzle · September 28, 2014 15:35
diff --git a/primus-ws-reconnect-client.html b/primus-ws-reconnect-client.html
 <!doctype html>
 <html lang="en" ng-app>
  <head>
    <title>Primus WS Reconnect Example</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/bootstrap-responsive.min.css">
    <style>
      body {
        padding-top: 60px;
      }
    </style>
    <script src="/js/jquery.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/primus.js"></script>
    <script>
    $(function() {
      var log = $('#log')[0];
      
      console.log = function (message) {
          if (typeof message == 'object') {
              log.innerHTML += (JSON && JSON.stringify ? JSON.stringify(message) : message) + '\n';
          } else {
              log.innerHTML += message + '\n';
          }
      }
    
      window.spark = window.spark || new window.Primus({
          reconnect: {
              retries: 20
          },
          timeout: 5000,
          ping: 5000,
          pong: 5000,
          queueSize: 50,
          manual: true,
      });

      window.spark.on('offline', function() {
          console.log('offline');
      });
      
      window.spark.on('online', function() {
          console.log('online');
      });
      window.spark.on('reconnecting', function(opts) {
          console.log('reconnecting');
          console.log('Reconnecting in ' + opts.timeout + 'ms');
          console.log('This is attempt ' + opts.attempt + ' out of ' + opts.retries);
      });
      window.spark.on('reconnect', function() {
          console.log('reconnect');
      });
      window.spark.on('reconnected', function() {
          console.log('reconnected');
      });
      window.spark.on('open', function() {
          console.log('open');
      });
      window.spark.on('close', function() {
          console.log('close');
      });
      window.spark.on('outgoing::ping', function() {
          console.log('outgoing::ping');
      });
      window.spark.on('incoming::pong', function() {
          console.log('incoming::pong');
      });
      
      window.spark.open();
    });
    </script>
  </head>
  <body>
    <div class="container" ng-controller="ChatController">
      <div class="navbar navbar-fixed-top navbar-inverse">
        <div class="navbar-inner">
          <div class="pull-right">
            <a href="https://c9.io" class="brand">Cloud9 IDE</a>
          </div>
        </div>
      </div>
      <div class="page-header">
        <h1>Primus WS Reconnect Example</h1>
      </div>
      <div class="row">
        <div class="col-sm-12">
          This server is running off Forever, and will exit the process 10 seconds after a Primus/WS connection is made.  15 seconds later, it will restart.
        </div>
      </div>
      <div class="row well">
        <pre id="log"></pre>
      </div>
    </div>
  </body>
 </html>
	<!doctype html>
	<html lang="en" ng-app>
	<head>
	<title>Primus WS Reconnect Example</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="/css/bootstrap.min.css">
	<link rel="stylesheet" href="/css/bootstrap-responsive.min.css">
	<style>
	body {
	padding-top: 60px;
	}
	</style>
	<script src="/js/jquery.min.js"></script>
	<script src="/js/bootstrap.min.js"></script>
	<script src="/js/primus.js"></script>
	<script>
	$(function() {
	var log = $('#log')[0];

	console.log = function (message) {
	if (typeof message == 'object') {
	log.innerHTML += (JSON && JSON.stringify ? JSON.stringify(message) : message) + '\n';
	} else {
	log.innerHTML += message + '\n';
	}
	}

	window.spark = window.spark \|\| new window.Primus({
	reconnect: {
	retries: 20
	},
	timeout: 5000,
	ping: 5000,
	pong: 5000,
	queueSize: 50,
	manual: true,
	});

	window.spark.on('offline', function() {
	console.log('offline');
	});

	window.spark.on('online', function() {
	console.log('online');
	});
	window.spark.on('reconnecting', function(opts) {
	console.log('reconnecting');
	console.log('Reconnecting in ' + opts.timeout + 'ms');
	console.log('This is attempt ' + opts.attempt + ' out of ' + opts.retries);
	});
	window.spark.on('reconnect', function() {
	console.log('reconnect');
	});
	window.spark.on('reconnected', function() {
	console.log('reconnected');
	});
	window.spark.on('open', function() {
	console.log('open');
	});
	window.spark.on('close', function() {
	console.log('close');
	});
	window.spark.on('outgoing::ping', function() {
	console.log('outgoing::ping');
	});
	window.spark.on('incoming::pong', function() {
	console.log('incoming::pong');
	});

	window.spark.open();
	});
	</script>
	</head>
	<body>
	<div class="container" ng-controller="ChatController">
	<div class="navbar navbar-fixed-top navbar-inverse">
	<div class="navbar-inner">
	<div class="pull-right">
	<a href="https://c9.io" class="brand">Cloud9 IDE</a>
	</div>
	</div>
	</div>
	<div class="page-header">
	<h1>Primus WS Reconnect Example</h1>
	</div>
	<div class="row">
	<div class="col-sm-12">
	This server is running off Forever, and will exit the process 10 seconds after a Primus/WS connection is made. 15 seconds later, it will restart.
	</div>
	</div>
	<div class="row well">
	<pre id="log"></pre>
	</div>
	</div>
	</body>
	</html>