<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="data:" />
<style>
canvas {
display: none;
}
#version {
font-family: monospace;
color: orange;
}
</style>
</head>
<body>
<div>
Bevy version: <span id="version"><i>Loading...</i></span>
</div>
<script>
function updateUi(text, isError = false) {
const versionElement = document.getElementById('version');
versionElement.textContent = text;
versionElement.style.color = isError ? 'red' : 'green';
}
</script>
<script type="module">
import init, { getBridge } from "/example.js";
await init();
try {
const bridge = await getBridge();
const response = await bridge.main['rpc.discover']();
console.info('BRP response:', response);
updateUi(response.info.version);
} catch (err) {
console.error('BRP Error:', err);
updateUi(`Error: ${err.message}`, true);
}
</script>
</body>
</html>