Tech Lead at Taktile.
Formerly Firebase, Google
Public
Edited
Mar 23, 2024
1 fork
3 stars
selectedBluetoothDeviceId = {
const events = [];
return Generators.observe(next => {
next([]);
window.onmessage = e => {
if (e.origin !== "https://endpointservice.web.app") return;
events.push(e.data);
next(events);
};
});
}
bridgeLink = deploy("bridge", (req, res) => {
res.send(
html`
<h1>Bridge</h1>
<script>
var channel = new BroadcastChannel('${req.query.session}');
// Bluetooth to Parent
channel.onmessage = function (e) {
window.parent.postMessage(e.data, 'https://tomlarkworthy.static.observableusercontent.com')
}
// Parent to Bluetooth
window.onmessage = (e) => {
channel.postMessage(e.data);
}
</script>`.outerHTML
);
})
bridge = html`<iframe height="50px" id="bridge" src=${`${bridgeLink.href}?session=${session}`}></iframe>`
bluetoothLink = {
const baseLink = deploy("bluetooth", (req, res) => {
res.send(
html`
<button id="connectBtn">Connect to Device</button>
<script>
var channel = new BroadcastChannel('${req.query.session}');
const button = document.getElementById("connectBtn");
button.onclick = async event => {
event.preventDefault();
console.log("clicked");
navigator.bluetooth.requestDevice({acceptAllDevices: true})
.then(device=>{
console.log("Device info: ");
console.log(device);
channel.postMessage(device.id); // Call the bidge
})
.catch(err=>{
console.log("Error info: "+err.message);
});
};
</script>
`.outerHTML
);
});
return html`<a target="_blank" href="${baseLink.href}?session=${session}">bluetooth</a>`;
}
session = randomId(30)
import { randomId } from '@tomlarkworthy/randomid'
import { footer } from "@tomlarkworthy/footer"
footer
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
