Adding mapbox-gl branch
This commit is contained in:
Andreas Hocevar
@@ -0,0 +1,7 @@
|
||||
<html></html>
|
||||
<!--
|
||||
Copyright 2010 The Closure Library Authors. All Rights Reserved.
|
||||
|
||||
Use of this source code is governed by the Apache License, Version 2.0.
|
||||
See the COPYING file for details.
|
||||
-->
|
||||
@@ -0,0 +1,89 @@
|
||||
<html>
|
||||
<!--
|
||||
Copyright 2010 The Closure Library Authors. All Rights Reserved.
|
||||
|
||||
Use of this source code is governed by the Apache License, Version 2.0.
|
||||
See the COPYING file for details.
|
||||
-->
|
||||
<head>
|
||||
|
||||
<script src="../../base.js"></script>
|
||||
<script src="xpcdemo.js"></script>
|
||||
<script>
|
||||
if (!window.location.href.match(/suppressinit/)) {
|
||||
initOuter();
|
||||
}
|
||||
</script>
|
||||
|
||||
<style type="text/css">
|
||||
body, td {
|
||||
background-color: #eeeeff;
|
||||
font-family: arial,verdana,sans-serif;
|
||||
font-size: 12px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<table border=0 width="100%" height="100%"><tr><td width="50%" valign="top">
|
||||
|
||||
|
||||
<p>
|
||||
this page: <b><script type="text/javascript">document.write(location.href)</script></b>
|
||||
</p>
|
||||
|
||||
<p>See <a href="http://wiki/Main/CrossPageChannel">CrossPageChannel</a> and
|
||||
<a href="http://wiki/Main/CrossDomainCommunication">CrossDomainCommunication</a> for details</a></p>
|
||||
|
||||
<p>
|
||||
select transport:<br/>
|
||||
<a href="?">Auto</a> |
|
||||
<a href="?tp=1">Native messaging</a> |
|
||||
<a href="?tp=2">Frame element method</a> |
|
||||
<a href="?tp=3">Iframe relay</a> |
|
||||
<a href="?tp=4">Iframe polling</a> |
|
||||
<!--a href="?tp=5">Flash</a-->
|
||||
<a href="?tp=6">Fragment URL</a>
|
||||
<p/>
|
||||
|
||||
<div id="inactive">
|
||||
<input type="button" onclick="xpcdemo.initOuter();" value="create peer"/><br/>
|
||||
</div>
|
||||
|
||||
<div id="active" style="display:none";>
|
||||
|
||||
<input type="button" onclick="xpcdemo.teardown();" value="destroy peer"/><br/>
|
||||
<input type="button" onclick="xpcdemo.peerIframe.parentNode.removeChild(xpcdemo.peerIframe);" value="remove iframe"/> (without letting the channel know!)<br/>
|
||||
<br/>
|
||||
|
||||
<input type="button" value="ping" onclick="xpcdemo.ping();"/><br/>
|
||||
<input type="button" value="send n msgs" onclick="numMsgs = parseInt(document.getElementById('num').value); xpcdemo.sendN(isNaN(numMsgs) ? 10 : numMsgs);"/>
|
||||
(n = <input type="text" size=3 value=10 id="num" />)<br/>
|
||||
|
||||
mousemove-forwarding:
|
||||
<input type="button" onclick="xpcdemo.startMousemoveForwarding();" value="start"/>
|
||||
<input type="button" onclick="xpcdemo.stopMousemoveForwarding();" value="stop"/>
|
||||
<div id="clickfwd" style="padding:5px; width:200px; cursor:pointer; border: 1px #000000 solid;">Click me!</div>
|
||||
<br/>
|
||||
|
||||
<input id="msgtext" type="text" value="Hello from outer frame." style="width:200px"/>
|
||||
<input type="button" value="Send" onclick="xpcdemo.channel.send('log', document.getElementById('msgtext').value);"/>
|
||||
|
||||
</div>
|
||||
|
||||
<br/><br/>
|
||||
Out [<a href="#" onclick="document.getElementById('console').innerHTML = ''; return false;">clear</a>]: <br/>
|
||||
<div id="console" style="border:1px #000000 solid;"></div>
|
||||
|
||||
|
||||
|
||||
</td><td width="50%" valign="top" id="iframeContainer">
|
||||
|
||||
|
||||
</td></tr></table>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,58 @@
|
||||
<html>
|
||||
<!--
|
||||
Copyright 2010 The Closure Library Authors. All Rights Reserved.
|
||||
|
||||
Use of this source code is governed by the Apache License, Version 2.0.
|
||||
See the COPYING file for details.
|
||||
-->
|
||||
<head>
|
||||
|
||||
<script src="../../base.js"></script>
|
||||
<script src="xpcdemo.js"></script>
|
||||
<script>
|
||||
initInner();
|
||||
|
||||
var code = '';
|
||||
function evalPrompt() {
|
||||
code = prompt('eval:', code);
|
||||
eval(code);
|
||||
};
|
||||
</script>
|
||||
|
||||
<style type="text/css">
|
||||
body {
|
||||
background-color: #ffeac0;
|
||||
font-family: arial,verdana,sans-serif;
|
||||
font-size: 12px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>this page: <b><script type="text/javascript">document.write(location.href)</script></b></p>
|
||||
|
||||
|
||||
<input type="button" value="ping" onclick="xpcdemo.ping();"/><br/>
|
||||
<input type="button" value="send n msgs" onclick="numMsgs = parseInt(document.getElementById('num').value); xpcdemo.sendN(isNaN(numMsgs) ? 10 : numMsgs);"/>
|
||||
(n = <input type="text" size=3 value=10 id="num" />)<br/>
|
||||
|
||||
mousemove-forwarding:
|
||||
<input type="button" onclick="xpcdemo.startMousemoveForwarding();" value="start"/>
|
||||
<input type="button" onclick="xpcdemo.stopMousemoveForwarding();" value="stop"/>
|
||||
<div id="clickfwd" style="padding:5px; width:200px; cursor:pointer; border: 1px #000000 solid;">Click me!</div>
|
||||
<br/>
|
||||
|
||||
<input id="msgtext" type="text" value="Hello from inner frame." style="width:200px"/>
|
||||
<input type="button" value="Send" onclick="xpcdemo.channel.send('log', document.getElementById('msgtext').value);"/>
|
||||
<br/>
|
||||
<br/>
|
||||
<input type="button" value="eval" text="eval()" onclick="evalPrompt();"/>
|
||||
|
||||
|
||||
|
||||
<br/><br/>
|
||||
Out [<a href="#" onclick="document.getElementById('console').innerHTML = ''; return false;">clear</a>]: <br/>
|
||||
<div id="console" style="border:1px #000000 solid;"></div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,7 @@
|
||||
<html></html>
|
||||
<!--
|
||||
Copyright 2010 The Closure Library Authors. All Rights Reserved.
|
||||
|
||||
Use of this source code is governed by the Apache License, Version 2.0.
|
||||
See the COPYING file for details.
|
||||
-->
|
||||
@@ -0,0 +1,105 @@
|
||||
<html>
|
||||
<!--
|
||||
Copyright 2010 The Closure Library Authors. All Rights Reserved.
|
||||
|
||||
Use of this source code is governed by the Apache License, Version 2.0.
|
||||
See the COPYING file for details.
|
||||
-->
|
||||
<head>
|
||||
|
||||
<script type="text/javascript" src="../../../base.js"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
goog.require('goog.dom');
|
||||
goog.require('goog.events');
|
||||
goog.require('goog.net.xpc.CrossPageChannel');
|
||||
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
|
||||
var channel;
|
||||
var logEl;
|
||||
|
||||
/**
|
||||
* Writes a message to the log.
|
||||
* @param {string} msg The message text.
|
||||
*/
|
||||
function log(msg) {
|
||||
logEl || (logEl = goog.dom.getElement('log'));
|
||||
|
||||
var msgEl = goog.dom.createDom('div');
|
||||
msgEl.innerHTML = msg;
|
||||
logEl.insertBefore(msgEl, logEl.firstChild);
|
||||
}
|
||||
|
||||
|
||||
goog.events.listen(window, 'load', function() {
|
||||
|
||||
// Build the channel configuration.
|
||||
var cfg = {};
|
||||
|
||||
var ownUri = new goog.Uri(window.location.href);
|
||||
var peerDomain = ownUri.getParameterValue('peerdomain') || ownUri.getDomain();
|
||||
var peerUri = ownUri.clone().setDomain(peerDomain);
|
||||
|
||||
var localRelayUri = ownUri.resolve(new goog.Uri('relay.html'));
|
||||
var peerRelayUri = peerUri.resolve(new goog.Uri('relay.html'));
|
||||
|
||||
var localPollUri = ownUri.resolve(new goog.Uri('blank.html'));
|
||||
var peerPollUri = peerUri.resolve(new goog.Uri('blank.html'));
|
||||
|
||||
|
||||
cfg[goog.net.xpc.CfgFields.LOCAL_RELAY_URI] = localRelayUri.toString();
|
||||
cfg[goog.net.xpc.CfgFields.PEER_RELAY_URI] = peerRelayUri.toString();
|
||||
|
||||
cfg[goog.net.xpc.CfgFields.LOCAL_POLL_URI] = localPollUri.toString();
|
||||
cfg[goog.net.xpc.CfgFields.PEER_POLL_URI] = peerPollUri.toString();
|
||||
|
||||
// Set the URI of the peer page.
|
||||
var peerUri = ownUri.resolve(
|
||||
new goog.Uri('inner.html')).setDomain(peerDomain);
|
||||
cfg[goog.net.xpc.CfgFields.PEER_URI] = peerUri;
|
||||
|
||||
// Create the channel.
|
||||
channel = new goog.net.xpc.CrossPageChannel(cfg);
|
||||
|
||||
// Create the peer iframe.
|
||||
channel.createPeerIframe(
|
||||
goog.dom.getElement('iframeContainer'));
|
||||
|
||||
channel.registerService('log', log);
|
||||
|
||||
channel.connect(function() {
|
||||
log('Channel connected.');
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
<style type="text/css">
|
||||
body, td {
|
||||
background-color: #eeeeff;
|
||||
font-family: arial,verdana;
|
||||
font-size: 12px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table border=0 width="100%" height="100%"><tr><td width="50%" valign="top">
|
||||
|
||||
<h3><script type="text/javascript">document.write(location.href.replace(/\?.*/,'?...'))</script></h3>
|
||||
|
||||
<p>
|
||||
<input type="text" id="msgInput" value="Hello from the container page."
|
||||
style="width:250px">
|
||||
<input type="button" value="Send" onclick="
|
||||
channel.send('log', goog.dom.getElement('msgInput').value)">
|
||||
</p>
|
||||
|
||||
<div id="log" style="border: 1px #000 solid;"></div>
|
||||
</td><td width="50%" valign="top" id="iframeContainer">
|
||||
|
||||
</td></tr></table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,75 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<!--
|
||||
Copyright 2010 The Closure Library Authors. All Rights Reserved.
|
||||
|
||||
Use of this source code is governed by the Apache License, Version 2.0.
|
||||
See the COPYING file for details.
|
||||
-->
|
||||
<head>
|
||||
|
||||
<script type="text/javascript" src="../../../base.js"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
goog.require('goog.dom');
|
||||
goog.require('goog.events');
|
||||
goog.require('goog.net.xpc.CrossPageChannel');
|
||||
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
|
||||
var channel;
|
||||
var logEl;
|
||||
|
||||
|
||||
/**
|
||||
* Writes a message to the log.
|
||||
* @param {string} msg The message text.
|
||||
*/
|
||||
function log(msg) {
|
||||
logEl || (logEl = goog.dom.getElement('log'));
|
||||
|
||||
var msgEl = goog.dom.createDom('div');
|
||||
msgEl.innerHTML = msg;
|
||||
logEl.insertBefore(msgEl, logEl.firstChild);
|
||||
}
|
||||
|
||||
|
||||
goog.events.listen(window, 'load', function() {
|
||||
// Get the channel configuration from the URI parameter.
|
||||
var cfg = goog.json.parse(
|
||||
(new goog.Uri(window.location.href)).getParameterValue('xpc'));
|
||||
|
||||
// Create the channel.
|
||||
channel = new goog.net.xpc.CrossPageChannel(cfg);
|
||||
channel.registerService('log', log);
|
||||
channel.connect(function() {
|
||||
log('Channel connected.');
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
<style type="text/css">
|
||||
body {
|
||||
background-color: #ddffff;
|
||||
font-family: arial,verdana;
|
||||
font-size: 12px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h3><script type="text/javascript">document.write(location.href.replace(/\?.*/,'?...'))</script></h3>
|
||||
|
||||
<p>
|
||||
<input type="text" id="msgInput" value="Hello from the iframe."
|
||||
style="width:250px">
|
||||
<input type="button" value="Send" onclick="
|
||||
channel.send('log', goog.dom.getElement('msgInput').value)">
|
||||
</p>
|
||||
|
||||
<div id="log" style="border: 1px #000 solid"></div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,7 @@
|
||||
<script type="text/javascript" src="../../../net/xpc/relay.js"></script>
|
||||
<!--
|
||||
Copyright 2010 The Closure Library Authors. All Rights Reserved.
|
||||
|
||||
Use of this source code is governed by the Apache License, Version 2.0.
|
||||
See the COPYING file for details.
|
||||
-->
|
||||
@@ -0,0 +1,16 @@
|
||||
<html>
|
||||
<!--
|
||||
Copyright 2010 The Closure Library Authors. All Rights Reserved.
|
||||
|
||||
Use of this source code is governed by the Apache License, Version 2.0.
|
||||
See the COPYING file for details.
|
||||
-->
|
||||
<head>
|
||||
<script src="../../base.js"></script>
|
||||
<script>
|
||||
goog.require('goog.net.xpc.relay');
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,307 @@
|
||||
// Copyright 2007 The Closure Library Authors. All Rights Reserved.
|
||||
//
|
||||
// Licensed under the Apache License, Version 2.0 (the "License");
|
||||
// you may not use this file except in compliance with the License.
|
||||
// You may obtain a copy of the License at
|
||||
//
|
||||
// http://www.apache.org/licenses/LICENSE-2.0
|
||||
//
|
||||
// Unless required by applicable law or agreed to in writing, software
|
||||
// distributed under the License is distributed on an "AS-IS" BASIS,
|
||||
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
// See the License for the specific language governing permissions and
|
||||
// limitations under the License.
|
||||
|
||||
/**
|
||||
* @fileoverview Contains application code for the XPC demo.
|
||||
* This script is used in both the container page and the iframe.
|
||||
*
|
||||
*/
|
||||
|
||||
goog.require('goog.Uri');
|
||||
goog.require('goog.dom');
|
||||
goog.require('goog.events');
|
||||
goog.require('goog.events.EventType');
|
||||
goog.require('goog.json');
|
||||
goog.require('goog.log');
|
||||
goog.require('goog.net.xpc.CfgFields');
|
||||
goog.require('goog.net.xpc.CrossPageChannel');
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Namespace for the demo. We don't use goog.provide here because it's not a
|
||||
* real module (cannot be required).
|
||||
*/
|
||||
var xpcdemo = {};
|
||||
|
||||
|
||||
/**
|
||||
* Global function to kick off initialization in the containing document.
|
||||
*/
|
||||
goog.global.initOuter = function() {
|
||||
goog.events.listen(window, 'load', function() { xpcdemo.initOuter(); });
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Global function to kick off initialization in the iframe.
|
||||
*/
|
||||
goog.global.initInner = function() {
|
||||
goog.events.listen(window, 'load', function() { xpcdemo.initInner(); });
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Initializes XPC in the containing page.
|
||||
*/
|
||||
xpcdemo.initOuter = function() {
|
||||
// Build the configuration object.
|
||||
var cfg = {};
|
||||
|
||||
var ownUri = new goog.Uri(window.location.href);
|
||||
var relayUri = ownUri.resolve(new goog.Uri('relay.html'));
|
||||
var pollUri = ownUri.resolve(new goog.Uri('blank.html'));
|
||||
|
||||
// Determine the peer domain. Uses the value of the URI-parameter
|
||||
// 'peerdomain'. If that parameter is not present, it falls back to
|
||||
// the own domain so that the demo will work out of the box (but
|
||||
// communication will of course not cross domain-boundaries). For
|
||||
// real cross-domain communication, the easiest way is to point two
|
||||
// different host-names to the same webserver and then hit the
|
||||
// following URI:
|
||||
// http://host1.com/path/to/closure/demos/xpc/index.html?peerdomain=host2.com
|
||||
var peerDomain = ownUri.getParameterValue('peerdomain') || ownUri.getDomain();
|
||||
|
||||
cfg[goog.net.xpc.CfgFields.LOCAL_RELAY_URI] = relayUri.toString();
|
||||
cfg[goog.net.xpc.CfgFields.PEER_RELAY_URI] =
|
||||
relayUri.setDomain(peerDomain).toString();
|
||||
|
||||
cfg[goog.net.xpc.CfgFields.LOCAL_POLL_URI] = pollUri.toString();
|
||||
cfg[goog.net.xpc.CfgFields.PEER_POLL_URI] =
|
||||
pollUri.setDomain(peerDomain).toString();
|
||||
|
||||
|
||||
// Force transport to be used if tp-parameter is set.
|
||||
var tp = ownUri.getParameterValue('tp');
|
||||
if (tp) {
|
||||
cfg[goog.net.xpc.CfgFields.TRANSPORT] = parseInt(tp, 10);
|
||||
}
|
||||
|
||||
|
||||
// Construct the URI of the peer page.
|
||||
|
||||
var peerUri = ownUri.resolve(
|
||||
new goog.Uri('inner.html')).setDomain(peerDomain);
|
||||
// Passthrough of verbose and compiled flags.
|
||||
if (goog.isDef(ownUri.getParameterValue('verbose'))) {
|
||||
peerUri.setParameterValue('verbose', '');
|
||||
}
|
||||
if (goog.isDef(ownUri.getParameterValue('compiled'))) {
|
||||
peerUri.setParameterValue('compiled', '');
|
||||
}
|
||||
|
||||
cfg[goog.net.xpc.CfgFields.PEER_URI] = peerUri;
|
||||
|
||||
// Instantiate the channel.
|
||||
xpcdemo.channel = new goog.net.xpc.CrossPageChannel(cfg);
|
||||
|
||||
// Create the peer iframe.
|
||||
xpcdemo.peerIframe = xpcdemo.channel.createPeerIframe(
|
||||
goog.dom.getElement('iframeContainer'));
|
||||
|
||||
xpcdemo.initCommon_();
|
||||
|
||||
goog.dom.getElement('inactive').style.display = 'none';
|
||||
goog.dom.getElement('active').style.display = '';
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Initialization in the iframe.
|
||||
*/
|
||||
xpcdemo.initInner = function() {
|
||||
// Get the channel configuration passed by the containing document.
|
||||
var cfg = goog.json.parse(
|
||||
(new goog.Uri(window.location.href)).getParameterValue('xpc'));
|
||||
|
||||
xpcdemo.channel = new goog.net.xpc.CrossPageChannel(cfg);
|
||||
|
||||
xpcdemo.initCommon_();
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Initializes the demo.
|
||||
* Registers service-handlers and connects the channel.
|
||||
* @private
|
||||
*/
|
||||
xpcdemo.initCommon_ = function() {
|
||||
var xpcLogger = goog.log.getLogger('goog.net.xpc');
|
||||
goog.log.addHandler(xpcLogger, function(logRecord) {
|
||||
xpcdemo.log('[XPC] ' + logRecord.getMessage());
|
||||
});
|
||||
xpcLogger.setLevel(window.location.href.match(/verbose/) ?
|
||||
goog.log.Level.ALL : goog.log.Level.INFO);
|
||||
|
||||
// Register services.
|
||||
xpcdemo.channel.registerService('log', xpcdemo.log);
|
||||
xpcdemo.channel.registerService('ping', xpcdemo.pingHandler_);
|
||||
xpcdemo.channel.registerService('events', xpcdemo.eventsMsgHandler_);
|
||||
|
||||
// Connect the channel.
|
||||
xpcdemo.channel.connect(function() {
|
||||
xpcdemo.channel.send('log', 'Hi from ' + window.location.host);
|
||||
goog.events.listen(goog.dom.getElement('clickfwd'),
|
||||
'click', xpcdemo.mouseEventHandler_);
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Kills the peer iframe and the disposes the channel.
|
||||
*/
|
||||
xpcdemo.teardown = function() {
|
||||
goog.events.unlisten(goog.dom.getElement('clickfwd'),
|
||||
goog.events.EventType.CLICK, xpcdemo.mouseEventHandler_);
|
||||
|
||||
xpcdemo.channel.dispose();
|
||||
delete xpcdemo.channel;
|
||||
|
||||
goog.dom.removeNode(xpcdemo.peerIframe);
|
||||
xpcdemo.peerIframe = null;
|
||||
|
||||
goog.dom.getElement('inactive').style.display = '';
|
||||
goog.dom.getElement('active').style.display = 'none';
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Logging function. Inserts log-message into element with it id 'console'.
|
||||
* @param {string} msgString The log-message.
|
||||
*/
|
||||
xpcdemo.log = function(msgString) {
|
||||
xpcdemo.consoleElm || (xpcdemo.consoleElm = goog.dom.getElement('console'));
|
||||
var msgElm = goog.dom.createDom('div');
|
||||
msgElm.innerHTML = msgString;
|
||||
xpcdemo.consoleElm.insertBefore(msgElm, xpcdemo.consoleElm.firstChild);
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Sends a ping request to the peer.
|
||||
*/
|
||||
xpcdemo.ping = function() {
|
||||
// send current time
|
||||
xpcdemo.channel.send('ping', goog.now() + '');
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* The handler function for incoming pings (messages sent to the service
|
||||
* called 'ping');
|
||||
* @param {string} payload The message payload.
|
||||
* @private
|
||||
*/
|
||||
xpcdemo.pingHandler_ = function(payload) {
|
||||
// is the incoming message a response to a ping we sent?
|
||||
if (payload.charAt(0) == '#') {
|
||||
// calculate roundtrip time and log
|
||||
var dt = goog.now() - parseInt(payload.substring(1), 10);
|
||||
xpcdemo.log('roundtrip: ' + dt + 'ms');
|
||||
} else {
|
||||
// incoming message is a ping initiated from peer
|
||||
// -> prepend with '#' and send back
|
||||
xpcdemo.channel.send('ping', '#' + payload);
|
||||
xpcdemo.log('ping reply sent');
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Counter for mousemove events.
|
||||
* @type {number}
|
||||
* @private
|
||||
*/
|
||||
xpcdemo.mmCount_ = 0;
|
||||
|
||||
|
||||
/**
|
||||
* Holds timestamp when the last mousemove rate has been logged.
|
||||
* @type {number}
|
||||
* @private
|
||||
*/
|
||||
xpcdemo.mmLastRateOutput_ = 0;
|
||||
|
||||
|
||||
/**
|
||||
* Start mousemove event forwarding. Registers a listener on the document which
|
||||
* sends them over the channel.
|
||||
*/
|
||||
xpcdemo.startMousemoveForwarding = function() {
|
||||
goog.events.listen(document, goog.events.EventType.MOUSEMOVE,
|
||||
xpcdemo.mouseEventHandler_);
|
||||
xpcdemo.mmLastRateOutput_ = goog.now();
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Stop mousemove event forwarding.
|
||||
*/
|
||||
xpcdemo.stopMousemoveForwarding = function() {
|
||||
goog.events.unlisten(document, goog.events.EventType.MOUSEMOVE,
|
||||
xpcdemo.mouseEventHandler_);
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Function to be used as handler for mouse-events.
|
||||
* @param {goog.events.BrowserEvent} e The mouse event.
|
||||
* @private
|
||||
*/
|
||||
xpcdemo.mouseEventHandler_ = function(e) {
|
||||
xpcdemo.channel.send('events',
|
||||
[e.type, e.clientX, e.clientY, goog.now()].join(','));
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Handler for the 'events' service.
|
||||
* @param {string} payload The string returned from the xpcdemo.
|
||||
* @private
|
||||
*/
|
||||
xpcdemo.eventsMsgHandler_ = function(payload) {
|
||||
var now = goog.now();
|
||||
var args = payload.split(',');
|
||||
var type = args[0];
|
||||
var pageX = args[1];
|
||||
var pageY = args[2];
|
||||
var time = parseInt(args[3], 10);
|
||||
|
||||
var msg = type + ': (' + pageX + ',' + pageY + '), latency: ' + (now - time);
|
||||
xpcdemo.log(msg);
|
||||
|
||||
if (type == goog.events.EventType.MOUSEMOVE) {
|
||||
xpcdemo.mmCount_++;
|
||||
var dt = now - xpcdemo.mmLastRateOutput_;
|
||||
if (dt > 1000) {
|
||||
msg = 'RATE (mousemove/s): ' + (1000 * xpcdemo.mmCount_ / dt);
|
||||
xpcdemo.log(msg);
|
||||
xpcdemo.mmLastRateOutput_ = now;
|
||||
xpcdemo.mmCount_ = 0;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Send multiple messages.
|
||||
* @param {number} n The number of messages to send.
|
||||
*/
|
||||
xpcdemo.sendN = function(n) {
|
||||
xpcdemo.count_ || (xpcdemo.count_ = 1);
|
||||
|
||||
for (var i = 0; i < n; i++) {
|
||||
xpcdemo.channel.send('log', '' + xpcdemo.count_++);
|
||||
}
|
||||
};
|
||||
Reference in New Issue
Block a user