libwebsockets/test-server/test.html

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset=utf-8 http-equiv="Content-Language" content="en"/>
 <title>Minimal Websocket test app</title>
<style type="text/css">
	div.title { font-size:18pt; font: Arial; font-weight:normal; text-align:center; color:#000000; }
	.browser { font-size:18pt; font: Arial; font-weight:normal; text-align:center; color:#ffff00; vertical-align:middle; text-align:center; background:#d0b070; padding:12px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
	.group2 { width:600px; vertical-align:middle; text-align:center; background:#f0f0e0; padding:12px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
	.explain { vertical-align:middle; text-align:center; background:#f0f0c0; padding:12px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; color:#404000; }
	.content { vertical-align:top; text-align:center; background:#fffff0; padding:12px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
	.canvas { vertical-align:top; text-align:center; background:#efefd0; padding:12px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
</style>
</head>

<body>
<header></header>
<article>

<table><tr><td>

<table width="100%"><tr><td valign=middle align=center><a href="http://libwebsockets.org"><img src="/libwebsockets.org-logo.png"></a></td><td>
<section class="browser">Detected Browser: <div id=brow>...</div></section></td></tr></table>

</td></tr><tr><td>

<section id="increment" class="group2">
<div class="title">libwebsockets "dumb-increment-protocol"</div>
<table><tr><td>
<table class="content" width="200px">
		<tr><td align=center><input type=button id=offset value="Reset counter" onclick="reset();" ></td></tr>
		<tr><td width=200px align=center><div id=number> </div></td></tr>
		<tr><td id=wsdi_statustd align=center class="explain"><div id=wsdi_status>Not initialized</div></td></tr>
	</tr>
</table>
</td><td class="explain">
The incrementing number is coming from the server and is individual for
each connection to the server... try opening a second browser window.
<br/><br/>
The button zeros just this connection's number.
<br/><br/>
Click <a href="/leaf.jpg" target="_blank">Here</a> to have the test server send a big picture by http.
</td></tr></table>
</section>
<br>
<section id="mirror" class="group2">
<div class="title">libwebsockets "lws-mirror-protocol"</div>
<div class="explain">
Use the mouse to draw on the canvas below -- all other browser windows open
on this page see your drawing in realtime and you can see any of theirs as
well.
<br/><br/>
The lws-mirror protocol doesn't interpret what is being sent to it, it just
re-sends it to every other websocket it has a connection with using that
protocol, including the guy who sent the packet.
<br/><br/>
<b>libwebsockets-test-client</b> joins in by spamming circles on to this shared canvas when
run.
</div>
<table class="content">
	<tr>
		<td>Drawing color:
		<select id="color" onchange="update_color();">
			<option value=#000000>Black</option>
			<option value=#0000ff>Blue</option>
			<option value=#20ff20>Green</option>
			<option value=#802020>Dark Red</option>
		</select>
		</td>
		<td id=wslm_statustd align=center class="explain"><div id=wslm_status>Not initialized</div></td>
	</tr>
	<tr>
		<td colspan=2 width=500 class="content">
		<div id="wslm_drawing">
		</div></td>
	</tr>
</table>
</section>

<section id="ot" class="group2">
<div class="title">libwebsockets "open and close testing"</div>
<table><tr><td>
<table class="content" width="200px">
		<tr>
		<td align=center><input type=button id=ot_open_btn value="Open" onclick="ot_open();" ></td>
		<td align=center><input type=button id=ot_close_btn disabled value="Close" onclick="ot_close();" ></td>
		<td align=center><input type=button id=ot_req_close_btn disabled value="Request Server Close" onclick="ot_req_close();" ></td>
		</tr>
		<tr><td colspan="3" id=ot_statustd align=center class="explain"><div id=ot_status>Not initialized</div></td></tr>
	</tr>
</table>
</td><td class="explain">
To help with open and close testing, you can open and close a connection by hand using
 the buttons.  "Request Server Close" sends a message asking the server to
initiate the close.
</td></tr></table>
</section>
<br>

</td></tr><tr><td>
Looking for support? <a href="http://libwebsockets.org">http://libwebsockets.org</a><br/>
Join the mailing list: <a href="http://ml.libwebsockets.org/mailman/listinfo/libwebsockets">http://ml.libwebsockets.org/mailman/listinfo/libwebsockets</a>

</td></tr></table>

</article>

<script>

/* BrowserDetect came from http://www.quirksmode.org/js/detect.html */

var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{
			string: navigator.userAgent,
			subString: "Chrome",
			identity: "Chrome"
		},
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari",
			versionSearch: "Version"
		},
		{
			prop: window.opera,
			identity: "Opera",
			versionSearch: "Version"
		},
		{
			string: navigator.vendor,
			subString: "iCab",
			identity: "iCab"
		},
		{
			string: navigator.vendor,
			subString: "KDE",
			identity: "Konqueror"
		},
		{
			string: navigator.userAgent,
			subString: "Firefox",
			identity: "Firefox"
		},
		{
			string: navigator.vendor,
			subString: "Camino",
			identity: "Camino"
		},
		{		// for newer Netscapes (6+)
			string: navigator.userAgent,
			subString: "Netscape",
			identity: "Netscape"
		},
		{
			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE"
		},
		{
			string: navigator.userAgent,
			subString: "Gecko",
			identity: "Mozilla",
			versionSearch: "rv"
		},
		{ 		// for older Netscapes (4-)
			string: navigator.userAgent,
			subString: "Mozilla",
			identity: "Netscape",
			versionSearch: "Mozilla"
		}
	],
	dataOS : [
		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		},
		{
			   string: navigator.userAgent,
			   subString: "iPhone",
			   identity: "iPhone/iPod"
	    },
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};
BrowserDetect.init();

document.getElementById("brow").textContent = " " + BrowserDetect.browser + " "
	+ BrowserDetect.version +" " + BrowserDetect.OS +" ";

	var pos = 0;

function get_appropriate_ws_url()
{
	var pcol;
	var u = document.URL;

	/*
	 * We open the websocket encrypted if this page came on an
	 * https:// url itself, otherwise unencrypted
	 */

	if (u.substring(0, 5) == "https") {
		pcol = "wss://";
		u = u.substr(8);
	} else {
		pcol = "ws://";
		if (u.substring(0, 4) == "http")
			u = u.substr(7);
	}

	u = u.split('/');

	/* + "/xxx" bit is for IE10 workaround */

	return pcol + u[0] + "/xxx";
}


document.getElementById("number").textContent = get_appropriate_ws_url();

/* dumb increment protocol */
	
	var socket_di;

	if (typeof MozWebSocket != "undefined") {
		socket_di = new MozWebSocket(get_appropriate_ws_url(),
				   "dumb-increment-protocol");
	} else {
		socket_di = new WebSocket(get_appropriate_ws_url(),
				   "dumb-increment-protocol");
	}


	try {
		socket_di.onopen = function() {
			document.getElementById("wsdi_statustd").style.backgroundColor = "#40ff40";
			document.getElementById("wsdi_status").innerHTML = " <b>websocket connection opened</b><br>" + socket_di.extensions;
		} 

		socket_di.onmessage =function got_packet(msg) {
			document.getElementById("number").textContent = msg.data + "\n";
		} 

		socket_di.onclose = function(){
			document.getElementById("wsdi_statustd").style.backgroundColor = "#ff4040";
			document.getElementById("wsdi_status").textContent = " websocket connection CLOSED ";
		}
	} catch(exception) {
		alert('<p>Error' + exception);  
	}

function reset() {
	socket_di.send("reset\n");
}

var socket_ot;

function ot_open() {
	if (typeof MozWebSocket != "undefined") {
		socket_ot = new MozWebSocket(get_appropriate_ws_url(),
				   "dumb-increment-protocol");
	} else {
		socket_ot = new WebSocket(get_appropriate_ws_url(),
				   "dumb-increment-protocol");
	}
	try {
		socket_ot.onopen = function() {
			document.getElementById("ot_statustd").style.backgroundColor = "#40ff40";
			document.getElementById("ot_status").innerHTML = " <b>websocket connection opened</b><br>" + socket_di.extensions;
			document.getElementById("ot_open_btn").disabled = true;
			document.getElementById("ot_close_btn").disabled = false;
			document.getElementById("ot_req_close_btn").disabled = false;
		} 

		socket_ot.onclose = function(e){
			document.getElementById("ot_statustd").style.backgroundColor = "#ff4040";
			document.getElementById("ot_status").textContent = " websocket connection CLOSED, code: " + e.code +
			", reason: " + e.reason;
			document.getElementById("ot_open_btn").disabled = false;
			document.getElementById("ot_close_btn").disabled = true;
			document.getElementById("ot_req_close_btn").disabled = true;
		}
	} catch(exception) {
		alert('<p>Error' + exception);  
	}
}

/* browser will close the ws in a controlled way */
function ot_close() {
	socket_ot.close(3000, "Bye!");
}

/* we ask the server to close the ws in a controlled way */
function ot_req_close() {
	socket_ot.send("closeme\n");
}

/* lws-mirror protocol */

	var down = 0;
	var no_last = 1;
	var last_x = 0, last_y = 0;
	var ctx;
	var socket_lm;
	var color = "#000000";

	if (typeof MozWebSocket != "undefined") {
		socket_lm = new MozWebSocket(get_appropriate_ws_url(),
				   "lws-mirror-protocol");
	} else {
		socket_lm = new WebSocket(get_appropriate_ws_url(),
				   "lws-mirror-protocol");
	}


	try {
		socket_lm.onopen = function() {
			document.getElementById("wslm_statustd").style.backgroundColor = "#40ff40";
			document.getElementById("wslm_status").innerHTML = " <b>websocket connection opened</b><br>" + socket_di.extensions;
		} 

		socket_lm.onmessage =function got_packet(msg) {
			j = msg.data.split(';');
			f = 0;
			while (f < j.length - 1) {
				i = j[f].split(' ');
				if (i[0] == 'd') {
					ctx.strokeStyle = i[1];
					ctx.beginPath();
					ctx.moveTo(+(i[2]), +(i[3]));
					ctx.lineTo(+(i[4]), +(i[5]));
					ctx.stroke();
				}
				if (i[0] == 'c') {
					ctx.strokeStyle = i[1];
					ctx.beginPath();
					ctx.arc(+(i[2]), +(i[3]), +(i[4]), 0, Math.PI*2, true); 
					ctx.stroke();
				}

				f++;
			}
		}

		socket_lm.onclose = function(){
			document.getElementById("wslm_statustd").style.backgroundColor = "#ff4040";
			document.getElementById("wslm_status").textContent = " websocket connection CLOSED ";
		}
	} catch(exception) {
		alert('<p>Error' + exception);  
	}

	var canvas = document.createElement('canvas');
	canvas.height = 300;
	canvas.width = 480;
	ctx = canvas.getContext("2d");

	document.getElementById('wslm_drawing').appendChild(canvas);

	canvas.addEventListener('mousemove', ev_mousemove, false);
	canvas.addEventListener('mousedown', ev_mousedown, false);
	canvas.addEventListener('mouseup', ev_mouseup, false);

	offsetX = offsetY = 0;
	element = canvas;
      if (element.offsetParent) {
        do {
          offsetX += element.offsetLeft;
          offsetY += element.offsetTop;
        } while ((element = element.offsetParent));
      }
 
function update_color() {
	color = document.getElementById("color").value;
}

function ev_mousedown (ev) {
	down = 1;
}

function ev_mouseup(ev) {
	down = 0;
	no_last = 1;
}

function ev_mousemove (ev) {
	var x, y;

	if (ev.offsetX) {
		x = ev.offsetX;
		y = ev.offsetY;
	} else {
		x = ev.layerX - offsetX;
		y = ev.layerY - offsetY;

	}

	if (!down)
		return;
	if (no_last) {
		no_last = 0;
		last_x = x;
		last_y = y;
		return;
	}
	socket_lm.send("d " + color + " " + last_x + " " + last_y + " " + x + ' ' + y + ';');

	last_x = x;
	last_y = y;
}


</script>

</body>
</html>
-												test-case-for-mozilla-issue

											
										
										
											2010-10-29 14:15:22 +01:00
+								<!DOCTYPE html>
 								<html lang="en">
 								<head>
-												renovate test html

Signed-off-by: Andy Green <andy.green@linaro.org>

											
										
										
											2013-01-31 19:50:57 +08:00
+								 <meta charset=utf-8 http-equiv="Content-Language" content="en"/>
-												test-applet-add-reset-button-and-colour-socket-status.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-11 13:19:19 +00:00
+								 <title>Minimal Websocket test app</title>
-												renovate test html

Signed-off-by: Andy Green <andy.green@linaro.org>

											
										
										
											2013-01-31 19:50:57 +08:00
+								<style type="text/css">
 									div.title { font-size:18pt; font: Arial; font-weight:normal; text-align:center; color:#000000; }
 									.browser { font-size:18pt; font: Arial; font-weight:normal; text-align:center; color:#ffff00; vertical-align:middle; text-align:center; background:#d0b070; padding:12px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
 									.group2 { width:600px; vertical-align:middle; text-align:center; background:#f0f0e0; padding:12px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
 									.explain { vertical-align:middle; text-align:center; background:#f0f0c0; padding:12px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; color:#404000; }
 									.content { vertical-align:top; text-align:center; background:#fffff0; padding:12px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
 									.canvas { vertical-align:top; text-align:center; background:#efefd0; padding:12px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
 								</style>
-												test-case-for-mozilla-issue

											
										
										
											2010-10-29 14:15:22 +01:00
+								</head>
 								<body>
-												renovate test html

Signed-off-by: Andy Green <andy.green@linaro.org>

											
										
										
											2013-01-31 19:50:57 +08:00
+								<header></header>
 								<article>
-												test-applet-add-reset-button-and-colour-socket-status.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-11 13:19:19 +00:00
-												renovate test html

Signed-off-by: Andy Green <andy.green@linaro.org>

											
										
										
											2013-01-31 19:50:57 +08:00
+								<table><tr><td>
 								<table width="100%"><tr><td valign=middle align=center><a href="http://libwebsockets.org"><img src="/libwebsockets.org-logo.png"></a></td><td>
 								<section class="browser">Detected Browser: <div id=brow>...</div></section></td></tr></table>
 								</td></tr><tr><td>
 								<section id="increment" class="group2">
 								<div class="title">libwebsockets "dumb-increment-protocol"</div>
 								<table><tr><td>
 								<table class="content" width="200px">
 										<tr><td align=center><input type=button id=offset value="Reset counter" onclick="reset();" ></td></tr>
 										<tr><td width=200px align=center><div id=number> </div></td></tr>
 										<tr><td id=wsdi_statustd align=center class="explain"><div id=wsdi_status>Not initialized</div></td></tr>
-												introduce-mirror-test-protocol.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-12 13:10:40 +00:00
+									</tr>
 								</table>
-												renovate test html

Signed-off-by: Andy Green <andy.green@linaro.org>

											
										
										
											2013-01-31 19:50:57 +08:00
+								</td><td class="explain">
 								The incrementing number is coming from the server and is individual for
 								each connection to the server... try opening a second browser window.
 								<br/><br/>
-												add by hand http send example

This adds a demonstration of how to use the http nonblocking
send action to the test server.

If you ask for /leaf.jpg from the test server, it will send
"by hand" a 2.4MB jpeg in HTTP, including the headers.  See
the test server sources to see how it is done.

Although it's a file, and a jpeg image, actually the exact
same scheme will work for any data or mime type.

Signed-off-by: Andy Green <andy.green@linaro.org>
											
										
										
											2013-02-14 23:06:37 +08:00
+								The button zeros just this connection's number.
 								<br/><br/>
 								Click <a href="/leaf.jpg" target="_blank">Here</a> to have the test server send a big picture by http.
-												renovate test html

Signed-off-by: Andy Green <andy.green@linaro.org>

											
										
										
											2013-01-31 19:50:57 +08:00
+								</td></tr></table>
 								</section>
 								<br>
 								<section id="mirror" class="group2">
 								<div class="title">libwebsockets "lws-mirror-protocol"</div>
 								<div class="explain">
-												introduce-mirror-test-protocol.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-12 13:10:40 +00:00
+								Use the mouse to draw on the canvas below -- all other browser windows open
 								on this page see your drawing in realtime and you can see any of theirs as
 								well.
-												renovate test html

Signed-off-by: Andy Green <andy.green@linaro.org>

											
										
										
											2013-01-31 19:50:57 +08:00
+								<br/><br/>
-												introduce-mirror-test-protocol.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-12 13:10:40 +00:00
+								The lws-mirror protocol doesn't interpret what is being sent to it, it just
 								re-sends it to every other websocket it has a connection with using that
 								protocol, including the guy who sent the packet.
-												renovate test html

Signed-off-by: Andy Green <andy.green@linaro.org>

											
										
										
											2013-01-31 19:50:57 +08:00
+								<br/><br/>
 								<b>libwebsockets-test-client</b> joins in by spamming circles on to this shared canvas when
 								run.
 								</div>
 								<table class="content">
-												introduce-mirror-test-protocol.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-12 13:10:40 +00:00
+									<tr>
 										<td>Drawing color:
 										<select id="color" onchange="update_color();">
 											<option value=#000000>Black</option>
 											<option value=#0000ff>Blue</option>
 											<option value=#20ff20>Green</option>
 											<option value=#802020>Dark Red</option>
 										</select>
 										</td>
-												renovate test html

Signed-off-by: Andy Green <andy.green@linaro.org>

											
										
										
											2013-01-31 19:50:57 +08:00
+										<td id=wslm_statustd align=center class="explain"><div id=wslm_status>Not initialized</div></td>
-												introduce-mirror-test-protocol.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-12 13:10:40 +00:00
+									</tr>
 									<tr>
-												renovate test html

Signed-off-by: Andy Green <andy.green@linaro.org>

											
										
										
											2013-01-31 19:50:57 +08:00
+										<td colspan=2 width=500 class="content">
 										<div id="wslm_drawing">
 										</div></td>
-												test-applet-add-reset-button-and-colour-socket-status.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-11 13:19:19 +00:00
+									</tr>
 								</table>
-												renovate test html

Signed-off-by: Andy Green <andy.green@linaro.org>

											
										
										
											2013-01-31 19:50:57 +08:00
+								</section>
-												test html add open close buttons

Signed-off-by: Andy Green <andy.green@linaro.org>

											
										
										
											2015-11-15 09:24:25 +08:00
+								<section id="ot" class="group2">
 								<div class="title">libwebsockets "open and close testing"</div>
 								<table><tr><td>
 								<table class="content" width="200px">
 										<tr>
 										<td align=center><input type=button id=ot_open_btn value="Open" onclick="ot_open();" ></td>
 										<td align=center><input type=button id=ot_close_btn disabled value="Close" onclick="ot_close();" ></td>
-												close add api to control sent close frame contents

This adds an api lws_close_reason() which lets you control what will
be sent in the close frame when the connection is closed by returning
nonzero from the user callback.

The test server demo is extended to prove it works in both directions.

With this, we should have nice close support.

https://github.com/warmcat/libwebsockets/issues/196

Signed-off-by: Andy Green <andy.green@linaro.org>
											
										
										
											2015-12-26 17:20:34 +08:00
+										<td align=center><input type=button id=ot_req_close_btn disabled value="Request Server Close" onclick="ot_req_close();" ></td>
-												test html add open close buttons

Signed-off-by: Andy Green <andy.green@linaro.org>

											
										
										
											2015-11-15 09:24:25 +08:00
+										</tr>
-												close add api to control sent close frame contents

This adds an api lws_close_reason() which lets you control what will
be sent in the close frame when the connection is closed by returning
nonzero from the user callback.

The test server demo is extended to prove it works in both directions.

With this, we should have nice close support.

https://github.com/warmcat/libwebsockets/issues/196

Signed-off-by: Andy Green <andy.green@linaro.org>
											
										
										
											2015-12-26 17:20:34 +08:00
+										<tr><td colspan="3" id=ot_statustd align=center class="explain"><div id=ot_status>Not initialized</div></td></tr>
-												test html add open close buttons

Signed-off-by: Andy Green <andy.green@linaro.org>

											
										
										
											2015-11-15 09:24:25 +08:00
+									</tr>
 								</table>
 								</td><td class="explain">
 								To help with open and close testing, you can open and close a connection by hand using
-												close add api to control sent close frame contents

This adds an api lws_close_reason() which lets you control what will
be sent in the close frame when the connection is closed by returning
nonzero from the user callback.

The test server demo is extended to prove it works in both directions.

With this, we should have nice close support.

https://github.com/warmcat/libwebsockets/issues/196

Signed-off-by: Andy Green <andy.green@linaro.org>
											
										
										
											2015-12-26 17:20:34 +08:00
+								 the buttons.  "Request Server Close" sends a message asking the server to
 								initiate the close.
-												test html add open close buttons

Signed-off-by: Andy Green <andy.green@linaro.org>

											
										
										
											2015-11-15 09:24:25 +08:00
+								</td></tr></table>
 								</section>
 								<br>
-												renovate test html

Signed-off-by: Andy Green <andy.green@linaro.org>

											
										
										
											2013-01-31 19:50:57 +08:00
+								</td></tr><tr><td>
 								Looking for support? <a href="http://libwebsockets.org">http://libwebsockets.org</a><br/>
 								Join the mailing list: <a href="http://ml.libwebsockets.org/mailman/listinfo/libwebsockets">http://ml.libwebsockets.org/mailman/listinfo/libwebsockets</a>
 								</td></tr></table>
 								</article>
-												test-applet-add-reset-button-and-colour-socket-status.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-11 13:19:19 +00:00
-												test-case-for-mozilla-issue

											
										
										
											2010-10-29 14:15:22 +01:00
+								<script>
-												test html uplevel detect browser and MozWebSocket

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2011-09-25 10:01:02 +01:00
 								/* BrowserDetect came from http://www.quirksmode.org/js/detect.html */
 								var BrowserDetect = {
 									init: function () {
 										this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
 										this.version = this.searchVersion(navigator.userAgent)
 											|| this.searchVersion(navigator.appVersion)
 											|| "an unknown version";
 										this.OS = this.searchString(this.dataOS) || "an unknown OS";
 									},
 									searchString: function (data) {
 										for (var i=0;i<data.length;i++)	{
 											var dataString = data[i].string;
 											var dataProp = data[i].prop;
 											this.versionSearchString = data[i].versionSearch || data[i].identity;
 											if (dataString) {
 												if (dataString.indexOf(data[i].subString) != -1)
 													return data[i].identity;
 											}
 											else if (dataProp)
 												return data[i].identity;
 										}
 									},
 									searchVersion: function (dataString) {
 										var index = dataString.indexOf(this.versionSearchString);
 										if (index == -1) return;
 										return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
 									},
 									dataBrowser: [
 										{
 											string: navigator.userAgent,
 											subString: "Chrome",
 											identity: "Chrome"
 										},
 										{ 	string: navigator.userAgent,
 											subString: "OmniWeb",
 											versionSearch: "OmniWeb/",
 											identity: "OmniWeb"
 										},
 										{
 											string: navigator.vendor,
 											subString: "Apple",
 											identity: "Safari",
 											versionSearch: "Version"
 										},
 										{
 											prop: window.opera,
 											identity: "Opera",
 											versionSearch: "Version"
 										},
 										{
 											string: navigator.vendor,
 											subString: "iCab",
 											identity: "iCab"
 										},
 										{
 											string: navigator.vendor,
 											subString: "KDE",
 											identity: "Konqueror"
 										},
 										{
 											string: navigator.userAgent,
 											subString: "Firefox",
 											identity: "Firefox"
 										},
 										{
 											string: navigator.vendor,
 											subString: "Camino",
 											identity: "Camino"
 										},
 										{		// for newer Netscapes (6+)
 											string: navigator.userAgent,
 											subString: "Netscape",
 											identity: "Netscape"
 										},
 										{
 											string: navigator.userAgent,
 											subString: "MSIE",
 											identity: "Explorer",
 											versionSearch: "MSIE"
 										},
 										{
 											string: navigator.userAgent,
 											subString: "Gecko",
 											identity: "Mozilla",
 											versionSearch: "rv"
 										},
 										{ 		// for older Netscapes (4-)
 											string: navigator.userAgent,
 											subString: "Mozilla",
 											identity: "Netscape",
 											versionSearch: "Mozilla"
 										}
 									],
 									dataOS : [
 										{
 											string: navigator.platform,
 											subString: "Win",
 											identity: "Windows"
 										},
 										{
 											string: navigator.platform,
 											subString: "Mac",
 											identity: "Mac"
 										},
 										{
 											   string: navigator.userAgent,
 											   subString: "iPhone",
 											   identity: "iPhone/iPod"
 									    },
 										{
 											string: navigator.platform,
 											subString: "Linux",
 											identity: "Linux"
 										}
 									]
 								};
 								BrowserDetect.init();
 								document.getElementById("brow").textContent = " " + BrowserDetect.browser + " "
 									+ BrowserDetect.version +" " + BrowserDetect.OS +" ";
-												test-case-for-mozilla-issue

											
										
										
											2010-10-29 14:15:22 +01:00
+									var pos = 0;
-												fix-script-to-synthesize-websocket-url-entirely-from-script-url.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-15 19:39:30 +00:00
+								function get_appropriate_ws_url()
-												introduce-mirror-test-protocol.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-12 13:10:40 +00:00
+								{
-												fix-script-to-synthesize-websocket-url-entirely-from-script-url.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-15 19:39:30 +00:00
+									var pcol;
 									var u = document.URL;
-												add-wss-ssl-openssl-support.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-08 17:03:03 +00:00
+									/*
 									 * We open the websocket encrypted if this page came on an
 									 * https:// url itself, otherwise unencrypted
 									 */
-												fix-script-to-synthesize-websocket-url-entirely-from-script-url.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-15 19:39:30 +00:00
+									if (u.substring(0, 5) == "https") {
 										pcol = "wss://";
 										u = u.substr(8);
 									} else {
 										pcol = "ws://";
 										if (u.substring(0, 4) == "http")
 											u = u.substr(7);
 									}
 									u = u.split('/');
-												ie10 lws url workaround

Signed-off-by: John Harrison <john@h-agtec.com>
											
										
										
											2013-12-10 21:20:03 +08:00
+									/* + "/xxx" bit is for IE10 workaround */
 									return pcol + u[0] + "/xxx";
-												introduce-mirror-test-protocol.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-12 13:10:40 +00:00
+								}
-												fix-script-to-synthesize-websocket-url-entirely-from-script-url.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-15 19:39:30 +00:00
 								document.getElementById("number").textContent = get_appropriate_ws_url();
-												introduce-mirror-test-protocol.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-12 13:10:40 +00:00
+								/* dumb increment protocol */
-												add-wss-ssl-openssl-support.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-08 17:03:03 +00:00
-												test html uplevel detect browser and MozWebSocket

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2011-09-25 10:01:02 +01:00
+									var socket_di;
-												Use feature check rather than browser check.

											
										
										
											2013-01-09 15:39:50 +08:00
+									if (typeof MozWebSocket != "undefined") {
-												test html uplevel detect browser and MozWebSocket

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2011-09-25 10:01:02 +01:00
+										socket_di = new MozWebSocket(get_appropriate_ws_url(),
 												   "dumb-increment-protocol");
 									} else {
 										socket_di = new WebSocket(get_appropriate_ws_url(),
 												   "dumb-increment-protocol");
 									}
-												test-case-for-mozilla-issue

											
										
										
											2010-10-29 14:15:22 +01:00
 									try {
-												introduce-mirror-test-protocol.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-12 13:10:40 +00:00
+										socket_di.onopen = function() {
-												mirror-protocol-chrome-and-firefox.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-12 14:12:13 +00:00
+											document.getElementById("wsdi_statustd").style.backgroundColor = "#40ff40";
-												extension permessage deflate

Signed-off-by: Andy Green <andy.green@linaro.org>
											
										
										
											2016-01-11 11:34:01 +08:00
+											document.getElementById("wsdi_status").innerHTML = " <b>websocket connection opened</b><br>" + socket_di.extensions;
-												test-applet-add-reset-button-and-colour-socket-status.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-11 13:19:19 +00:00
+										}
-												introduce-mirror-test-protocol.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-12 13:10:40 +00:00
+										socket_di.onmessage =function got_packet(msg) {
-												mirror-protocol-chrome-and-firefox.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-12 14:12:13 +00:00
+											document.getElementById("number").textContent = msg.data + "\n";
-												test-applet-add-reset-button-and-colour-socket-status.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-11 13:19:19 +00:00
+										}
-												introduce-mirror-test-protocol.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-12 13:10:40 +00:00
+										socket_di.onclose = function(){
-												mirror-protocol-chrome-and-firefox.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-12 14:12:13 +00:00
+											document.getElementById("wsdi_statustd").style.backgroundColor = "#ff4040";
 											document.getElementById("wsdi_status").textContent = " websocket connection CLOSED ";
-												test-applet-add-reset-button-and-colour-socket-status.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-11 13:19:19 +00:00
+										}
 									} catch(exception) {
-												introduce-mirror-test-protocol.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-12 13:10:40 +00:00
+										alert('<p>Error' + exception);
-												test-applet-add-reset-button-and-colour-socket-status.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-11 13:19:19 +00:00
+									}
 								function reset() {
-												introduce-mirror-test-protocol.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-12 13:10:40 +00:00
+									socket_di.send("reset\n");
 								}
-												test html add open close buttons

Signed-off-by: Andy Green <andy.green@linaro.org>

											
										
										
											2015-11-15 09:24:25 +08:00
+								var socket_ot;
 								function ot_open() {
 									if (typeof MozWebSocket != "undefined") {
 										socket_ot = new MozWebSocket(get_appropriate_ws_url(),
 												   "dumb-increment-protocol");
 									} else {
 										socket_ot = new WebSocket(get_appropriate_ws_url(),
 												   "dumb-increment-protocol");
 									}
 									try {
 										socket_ot.onopen = function() {
 											document.getElementById("ot_statustd").style.backgroundColor = "#40ff40";
-												extension permessage deflate

Signed-off-by: Andy Green <andy.green@linaro.org>
											
										
										
											2016-01-11 11:34:01 +08:00
+											document.getElementById("ot_status").innerHTML = " <b>websocket connection opened</b><br>" + socket_di.extensions;
-												test html add open close buttons

Signed-off-by: Andy Green <andy.green@linaro.org>

											
										
										
											2015-11-15 09:24:25 +08:00
+											document.getElementById("ot_open_btn").disabled = true;
 											document.getElementById("ot_close_btn").disabled = false;
-												close add api to control sent close frame contents

This adds an api lws_close_reason() which lets you control what will
be sent in the close frame when the connection is closed by returning
nonzero from the user callback.

The test server demo is extended to prove it works in both directions.

With this, we should have nice close support.

https://github.com/warmcat/libwebsockets/issues/196

Signed-off-by: Andy Green <andy.green@linaro.org>
											
										
										
											2015-12-26 17:20:34 +08:00
+											document.getElementById("ot_req_close_btn").disabled = false;
-												test html add open close buttons

Signed-off-by: Andy Green <andy.green@linaro.org>

											
										
										
											2015-11-15 09:24:25 +08:00
+										}
-												close add api to control sent close frame contents

This adds an api lws_close_reason() which lets you control what will
be sent in the close frame when the connection is closed by returning
nonzero from the user callback.

The test server demo is extended to prove it works in both directions.

With this, we should have nice close support.

https://github.com/warmcat/libwebsockets/issues/196

Signed-off-by: Andy Green <andy.green@linaro.org>
											
										
										
											2015-12-26 17:20:34 +08:00
+										socket_ot.onclose = function(e){
-												test html add open close buttons

Signed-off-by: Andy Green <andy.green@linaro.org>

											
										
										
											2015-11-15 09:24:25 +08:00
+											document.getElementById("ot_statustd").style.backgroundColor = "#ff4040";
-												close add api to control sent close frame contents

This adds an api lws_close_reason() which lets you control what will
be sent in the close frame when the connection is closed by returning
nonzero from the user callback.

The test server demo is extended to prove it works in both directions.

With this, we should have nice close support.

https://github.com/warmcat/libwebsockets/issues/196

Signed-off-by: Andy Green <andy.green@linaro.org>
											
										
										
											2015-12-26 17:20:34 +08:00
+											document.getElementById("ot_status").textContent = " websocket connection CLOSED, code: " + e.code +
 											", reason: " + e.reason;
-												test html add open close buttons

Signed-off-by: Andy Green <andy.green@linaro.org>

											
										
										
											2015-11-15 09:24:25 +08:00
+											document.getElementById("ot_open_btn").disabled = false;
 											document.getElementById("ot_close_btn").disabled = true;
-												close add api to control sent close frame contents

This adds an api lws_close_reason() which lets you control what will
be sent in the close frame when the connection is closed by returning
nonzero from the user callback.

The test server demo is extended to prove it works in both directions.

With this, we should have nice close support.

https://github.com/warmcat/libwebsockets/issues/196

Signed-off-by: Andy Green <andy.green@linaro.org>
											
										
										
											2015-12-26 17:20:34 +08:00
+											document.getElementById("ot_req_close_btn").disabled = true;
-												test html add open close buttons

Signed-off-by: Andy Green <andy.green@linaro.org>

											
										
										
											2015-11-15 09:24:25 +08:00
+										}
 									} catch(exception) {
 										alert('<p>Error' + exception);
 									}
 								}
-												close add api to control sent close frame contents

This adds an api lws_close_reason() which lets you control what will
be sent in the close frame when the connection is closed by returning
nonzero from the user callback.

The test server demo is extended to prove it works in both directions.

With this, we should have nice close support.

https://github.com/warmcat/libwebsockets/issues/196

Signed-off-by: Andy Green <andy.green@linaro.org>
											
										
										
											2015-12-26 17:20:34 +08:00
+								/* browser will close the ws in a controlled way */
-												test html add open close buttons

Signed-off-by: Andy Green <andy.green@linaro.org>

											
										
										
											2015-11-15 09:24:25 +08:00
+								function ot_close() {
-												close add callback to get peer close reason

https://github.com/warmcat/libwebsockets/issues/196

Signed-off-by: Andy Green <andy.green@linaro.org>
											
										
										
											2015-12-26 15:47:06 +08:00
+									socket_ot.close(3000, "Bye!");
-												test html add open close buttons

Signed-off-by: Andy Green <andy.green@linaro.org>

											
										
										
											2015-11-15 09:24:25 +08:00
+								}
-												introduce-mirror-test-protocol.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-12 13:10:40 +00:00
-												close add api to control sent close frame contents

This adds an api lws_close_reason() which lets you control what will
be sent in the close frame when the connection is closed by returning
nonzero from the user callback.

The test server demo is extended to prove it works in both directions.

With this, we should have nice close support.

https://github.com/warmcat/libwebsockets/issues/196

Signed-off-by: Andy Green <andy.green@linaro.org>
											
										
										
											2015-12-26 17:20:34 +08:00
+								/* we ask the server to close the ws in a controlled way */
 								function ot_req_close() {
 									socket_ot.send("closeme\n");
 								}
-												introduce-mirror-test-protocol.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-12 13:10:40 +00:00
+								/* lws-mirror protocol */
 									var down = 0;
 									var no_last = 1;
-												mirror-protocol-chrome-and-firefox.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-12 14:12:13 +00:00
+									var last_x = 0, last_y = 0;
-												introduce-mirror-test-protocol.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-12 13:10:40 +00:00
+									var ctx;
-												test html uplevel detect browser and MozWebSocket

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2011-09-25 10:01:02 +01:00
+									var socket_lm;
-												introduce-mirror-test-protocol.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-12 13:10:40 +00:00
+									var color = "#000000";
-												Use feature check rather than browser check.

											
										
										
											2013-01-09 15:39:50 +08:00
+									if (typeof MozWebSocket != "undefined") {
-												test html uplevel detect browser and MozWebSocket

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2011-09-25 10:01:02 +01:00
+										socket_lm = new MozWebSocket(get_appropriate_ws_url(),
 												   "lws-mirror-protocol");
 									} else {
 										socket_lm = new WebSocket(get_appropriate_ws_url(),
 												   "lws-mirror-protocol");
 									}
-												introduce-mirror-test-protocol.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-12 13:10:40 +00:00
+									try {
 										socket_lm.onopen = function() {
-												mirror-protocol-chrome-and-firefox.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-12 14:12:13 +00:00
+											document.getElementById("wslm_statustd").style.backgroundColor = "#40ff40";
-												extension permessage deflate

Signed-off-by: Andy Green <andy.green@linaro.org>
											
										
										
											2016-01-11 11:34:01 +08:00
+											document.getElementById("wslm_status").innerHTML = " <b>websocket connection opened</b><br>" + socket_di.extensions;
-												introduce-mirror-test-protocol.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-12 13:10:40 +00:00
+										}
 										socket_lm.onmessage =function got_packet(msg) {
-												introduce-ssl-client-connections--flow-control.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2011-01-27 06:26:52 +00:00
+											j = msg.data.split(';');
 											f = 0;
 											while (f < j.length - 1) {
 												i = j[f].split(' ');
 												if (i[0] == 'd') {
 													ctx.strokeStyle = i[1];
 													ctx.beginPath();
 													ctx.moveTo(+(i[2]), +(i[3]));
 													ctx.lineTo(+(i[4]), +(i[5]));
 													ctx.stroke();
 												}
 												if (i[0] == 'c') {
 													ctx.strokeStyle = i[1];
 													ctx.beginPath();
 													ctx.arc(+(i[2]), +(i[3]), +(i[4]), 0, Math.PI*2, true);
 													ctx.stroke();
 												}
 												f++;
-												introduce-mirror-test-protocol.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-12 13:10:40 +00:00
+											}
 										}
 										socket_lm.onclose = function(){
-												mirror-protocol-chrome-and-firefox.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-12 14:12:13 +00:00
+											document.getElementById("wslm_statustd").style.backgroundColor = "#ff4040";
 											document.getElementById("wslm_status").textContent = " websocket connection CLOSED ";
-												introduce-mirror-test-protocol.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-12 13:10:40 +00:00
+										}
 									} catch(exception) {
 										alert('<p>Error' + exception);
 									}
 									var canvas = document.createElement('canvas');
 									canvas.height = 300;
 									canvas.width = 480;
 									ctx = canvas.getContext("2d");
 									document.getElementById('wslm_drawing').appendChild(canvas);
 									canvas.addEventListener('mousemove', ev_mousemove, false);
 									canvas.addEventListener('mousedown', ev_mousedown, false);
 									canvas.addEventListener('mouseup', ev_mouseup, false);
-												mirror-protocol-chrome-and-firefox.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-12 14:12:13 +00:00
+									offsetX = offsetY = 0;
 									element = canvas;
 								      if (element.offsetParent) {
 								        do {
 								          offsetX += element.offsetLeft;
 								          offsetY += element.offsetTop;
 								        } while ((element = element.offsetParent));
 								      }
-												introduce-mirror-test-protocol.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-12 13:10:40 +00:00
+								function update_color() {
 									color = document.getElementById("color").value;
 								}
 								function ev_mousedown (ev) {
 									down = 1;
-												test-applet-add-reset-button-and-colour-socket-status.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-11 13:19:19 +00:00
+								}
-												test-case-for-mozilla-issue

											
										
										
											2010-10-29 14:15:22 +01:00
-												introduce-mirror-test-protocol.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-12 13:10:40 +00:00
+								function ev_mouseup(ev) {
 									down = 0;
 									no_last = 1;
 								}
 								function ev_mousemove (ev) {
 									var x, y;
-												mirror-protocol-chrome-and-firefox.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-12 14:12:13 +00:00
+									if (ev.offsetX) {
 										x = ev.offsetX;
 										y = ev.offsetY;
 									} else {
 										x = ev.layerX - offsetX;
 										y = ev.layerY - offsetY;
 									}
-												introduce-mirror-test-protocol.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-12 13:10:40 +00:00
 									if (!down)
 										return;
 									if (no_last) {
 										no_last = 0;
 										last_x = x;
 										last_y = y;
 										return;
 									}
-												introduce-ssl-client-connections--flow-control.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2011-01-27 06:26:52 +00:00
+									socket_lm.send("d " + color + " " + last_x + " " + last_y + " " + x + ' ' + y + ';');
-												introduce-mirror-test-protocol.patch

Signed-off-by: Andy Green <andy@warmcat.com>

											
										
										
											2010-11-12 13:10:40 +00:00
 									last_x = x;
 									last_y = y;
 								}
-												test-case-for-mozilla-issue

											
										
										
											2010-10-29 14:15:22 +01:00
+								</script>
 								</body>
 								</html>