mirror of https://github.com/espruino/BangleApps
Added Espruino control (fix #417)
Gordon Williams
parent
f40e3a2549
commit
c449a258f1
14
apps.json
14
apps.json
|
|
@ -1987,5 +1987,19 @@
|
|||
"storage": [
|
||||
{"name":"gpsautotime.wid.js","url":"widget.js"}
|
||||
]
|
||||
},
|
||||
{ "id": "espruinoctrl",
|
||||
"name": "Espruino Control",
|
||||
"shortName":"Espruino Ctrl",
|
||||
"icon": "app.png",
|
||||
"version":"0.01",
|
||||
"description": "Send commands to other Espruino devices via the Bluetooth UART interface. Customisable commands!",
|
||||
"tags": "",
|
||||
"readme": "README.md",
|
||||
"custom": "custom.html",
|
||||
"storage": [
|
||||
{"name":"espruinoctrl.app.js"},
|
||||
{"name":"espruinoctrl.img","url":"app-icon.js","evaluate":true}
|
||||
]
|
||||
}
|
||||
]
|
||||
|
|
|
|||
|
|
@ -0,0 +1 @@
|
|||
0.01: New App!
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
# Espruino Control
|
||||
|
||||
Send commands to other Espruino devices via the Bluetooth UART interface.
|
||||
|
||||
## Customising
|
||||
|
||||
Click the customise button and you can customise your commands
|
||||
with 4 options:
|
||||
|
||||
|
||||
* **Title** - The title of the menu item that will be displayed
|
||||
* **Command** - The JS command to execute, eg. `LED.toggle()`
|
||||
* **MAC Address** - If specified, of the form `aa:bb:cc:dd:ee:ff`. The device
|
||||
with this address will be connected to directly. If not specified a menu
|
||||
showing available Espruino devices is popped up.
|
||||
* **RX** - If checked, the app will display any data received from the
|
||||
device being connected to. Use this if you want to print data - eg: `print(E.getBattery())`
|
||||
|
||||
When done, click 'Upload'. Your changes will be saved to local storage
|
||||
so they'll be remembered next time you upload from the same device.s
|
||||
|
||||
## Usage
|
||||
|
||||
Simply load the app and you'll see a menu with the menu items
|
||||
you defined. Select one and you'll be able to connect to the device
|
||||
and send the command.
|
||||
|
||||
If a command should wait for a response then
|
||||
|
|
@ -0,0 +1 @@
|
|||
require("heatshrink").decompress(atob("mEwhH+AH4A/AH4A/AH4AFwIuuAAIllAAYIGF041IF34AKqwuuAANXF9QuCAANdGHqQgGBwvdGCIud5mjGB4udAAIwPFz3MSR61VFxQwNci4vGeh4uXGAguHGBK3WGA4AIegtXc69dGBxoBGAouWO4IwNe4gwZa4YwLFwikEFzAwLFwwwCFzQwKFw68YGB4AdF5AwmF5IwlF5QwkF5Yw/F8IwEL9WBB4IuuADwuzGxAugFAgliGBYutAH4A/AH4A/ADA="))
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
|
|
@ -0,0 +1,275 @@
|
|||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="../../css/spectre.min.css">
|
||||
<link rel="stylesheet" href="../../css/spectre-exp.min.css">
|
||||
<link rel="stylesheet" href="../../css/spectre-icons.min.css">
|
||||
<style>
|
||||
.badgeerror[data-badge]::after { background-color: red; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Enter the menu items you'd like to see appear in the app below. <code>MAC Address</code> is the MAC address
|
||||
of the device to use. If it isn't specified then a menu will be presented showing available devices.</p>
|
||||
<div style="overflow-x:scroll">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Title</th>
|
||||
<th>Command</th>
|
||||
<th>MAC Address</th>
|
||||
<th>RX</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="tbody">
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<p><button id="upload" class="btn btn-primary">Upload to Bangle.js</button></p>
|
||||
|
||||
<script src="../../lib/customize.js"></script>
|
||||
|
||||
<script>
|
||||
var options;
|
||||
try {
|
||||
options = JSON.parse(localStorage.getItem("espruinoctrl"));
|
||||
} catch (e) {}
|
||||
if (!Array.isArray(options))
|
||||
setDefaults();
|
||||
|
||||
function setDefaults() {
|
||||
options = [
|
||||
{"title":"Blink LED",cmd:"digitalPulse(LED1,1,100)",mac:"",rx:false},
|
||||
{"title":"Restart",cmd:"load()",mac:"",rx:false},
|
||||
{"title":"process.env",cmd:"print(process.env)",mac:"",rx:true},
|
||||
{"title":"Battery",cmd:"print(`Battery ${E.getBattery()}%`)",mac:"",rx:true},
|
||||
];
|
||||
}
|
||||
|
||||
function changed() {
|
||||
localStorage.setItem("espruinoctrl",JSON.stringify(options));
|
||||
}
|
||||
|
||||
function isMACValid(mac) {
|
||||
return mac.trim().match(/^[A-Fa-f0-9][A-Fa-f0-9]:[A-Fa-f0-9][A-Fa-f0-9]:[A-Fa-f0-9][A-Fa-f0-9]:[A-Fa-f0-9][A-Fa-f0-9]:[A-Fa-f0-9][A-Fa-f0-9]:[A-Fa-f0-9][A-Fa-f0-9]$/)!=null;
|
||||
}
|
||||
|
||||
function refresh() {
|
||||
var tbody = document.getElementById("tbody");
|
||||
tbody.innerHTML = "";
|
||||
options.forEach((option,idx)=>{
|
||||
var tr = document.createElement("tr");
|
||||
tr.innerHTML = `
|
||||
<td><input type="text" name="title"></td>
|
||||
<td><input type="text" name="command"></td>
|
||||
<td><span data-badge="!"><input type="text" name="mac"></span></td>
|
||||
<td><label class="form-switch"><input type="checkbox"><i class="form-icon"></i></label></td>
|
||||
<td><button class="btn btn-action"><i class="icon icon-delete"></i></button></td>
|
||||
`;
|
||||
var titleInput = tr.children[0].firstChild;
|
||||
titleInput.value = option.title;
|
||||
titleInput.addEventListener("change", function(e) {
|
||||
option.title = titleInput.value;
|
||||
changed();
|
||||
});
|
||||
var cmdInput = tr.children[1].firstChild;
|
||||
cmdInput.value = option.cmd;
|
||||
cmdInput.addEventListener("change", function(e) {
|
||||
option.cmd = cmdInput.value;
|
||||
changed();
|
||||
});
|
||||
var warningspan = tr.children[2].firstChild;
|
||||
var macInput = warningspan.firstChild;
|
||||
macInput.value = option.mac;
|
||||
macInput.addEventListener("change", function(e) {
|
||||
if (isMACValid(macInput.value)) {
|
||||
warningspan.classList.remove("badge");
|
||||
warningspan.classList.remove("badgeerror");
|
||||
} else {
|
||||
warningspan.classList.add("badge");
|
||||
warningspan.classList.add("badgeerror");
|
||||
}
|
||||
option.mac = macInput.value.trim();
|
||||
changed();
|
||||
});
|
||||
var cmdRX = tr.children[3].firstChild.firstChild;
|
||||
cmdRX.checked = option.rx;
|
||||
cmdRX.addEventListener("change", function(e) {
|
||||
option.rx = cmdRX.checked;
|
||||
changed();
|
||||
});
|
||||
tr.children[4].firstChild.addEventListener("click", function() {
|
||||
options.splice(idx,1);
|
||||
changed();
|
||||
refresh();
|
||||
});
|
||||
tbody.appendChild(tr);
|
||||
});
|
||||
var tr = document.createElement("tr");
|
||||
tr.innerHTML = `
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td><button class="btn">Reset to Defaults</button></td>
|
||||
<td></td>
|
||||
<td><button class="btn btn-action"><i class="icon icon-plus"></i></button></td>
|
||||
`;
|
||||
tr.children[2].firstChild.addEventListener("click", function() {
|
||||
setDefaults();
|
||||
changed();
|
||||
refresh();
|
||||
});
|
||||
tr.children[4].firstChild.addEventListener("click", function() {
|
||||
options.push({"title":"",cmd:"",mac:""});
|
||||
changed();
|
||||
refresh();
|
||||
});
|
||||
tbody.appendChild(tr);
|
||||
}
|
||||
|
||||
|
||||
refresh();
|
||||
document.getElementById("upload").addEventListener("click", function() {
|
||||
var app = `
|
||||
var menu = {
|
||||
"" : {title:"Espruino Ctrl"},
|
||||
${options.filter(o=>o.title.trim()!="").map(o=>
|
||||
`${JSON.stringify(o.title)} : ()=>cmd(${JSON.stringify(o.cmd.trim())},${JSON.stringify(isMACValid(o.mac)?o.mac:undefined)},${!!o.rx})`
|
||||
).join(",\n ")},
|
||||
"< Back" : () => load()
|
||||
};
|
||||
|
||||
var knownDevices = [
|
||||
"Espruino","MDBT42Q","Puck.js","Bangle.js","Pixl.js"
|
||||
];
|
||||
|
||||
Bangle.loadWidgets();
|
||||
Bangle.drawWidgets();
|
||||
E.showMenu(menu);
|
||||
|
||||
function cmd(cmd,mac,rx) {
|
||||
cmd = "\\x03\\x10"+cmd+"\\n";
|
||||
var send = rx ? sendCommandRX : sendCommand;
|
||||
var m;
|
||||
E.showMenu();
|
||||
function onDone() {
|
||||
E.showMenu(menu);
|
||||
}
|
||||
function err(msg) {
|
||||
print("Error:",msg);
|
||||
E.showAlert(msg.toString(),"Error").then(function() {
|
||||
E.showMenu(m || menu);
|
||||
});
|
||||
}
|
||||
|
||||
if (mac) {
|
||||
E.showMessage("Connecting\\n"+mac);
|
||||
if (mac.length==17) mac+=" random";
|
||||
NRF.connect(mac).then(dev=>send(dev,cmd,onDone)).catch(err);
|
||||
} else {
|
||||
E.showMessage("Scanning...");
|
||||
NRF.findDevices(devices => {
|
||||
m = { "" : {title:"Devices"} };
|
||||
devices.filter(dev=>dev.name &&
|
||||
knownDevices.some(n=>dev.name.startsWith(n))
|
||||
).forEach(dev=>{
|
||||
m[dev.name] = ()=>{
|
||||
dev.gatt.connect().then(dev=>send(dev,cmd,onDone)).catch(err);
|
||||
};
|
||||
});
|
||||
m["< Back"] = onDone;
|
||||
E.showMenu(m);
|
||||
},{active:true});
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Send a command to a connected device, get response
|
||||
function sendCommandRX(device, text, callback) {
|
||||
var service,rx,tx;
|
||||
var timeout;
|
||||
E.showMessage("Connected");
|
||||
|
||||
return new Promise((resolve,reject) => {
|
||||
function done() {
|
||||
Terminal.println("\\n============\\n Disconnected");
|
||||
device.disconnect();
|
||||
setTimeout(function() {
|
||||
setWatch(function() {
|
||||
if (callback) callback();
|
||||
resolve();
|
||||
}, BTN3);
|
||||
g.reset().setFont("6x8",2).setFontAlign(0,0,1);
|
||||
g.drawString("Back", g.getWidth()-10, g.getHeight()-50);
|
||||
}, 200);
|
||||
}
|
||||
device.getPrimaryService("6e400001-b5a3-f393-e0a9-e50e24dcca9e").then(function(s) {
|
||||
service = s;
|
||||
return service.getCharacteristic("6e400002-b5a3-f393-e0a9-e50e24dcca9e");
|
||||
}).then(function(c) {
|
||||
tx = c;
|
||||
return service.getCharacteristic("6e400003-b5a3-f393-e0a9-e50e24dcca9e");
|
||||
}).then(function(c) {
|
||||
rx = c;
|
||||
rx.on('characteristicvaluechanged', function(event) {
|
||||
if (timeout) clearTimeout(timeout);
|
||||
timeout = setTimeout(done, 500);
|
||||
Terminal.print(E.toString(event.target.value.buffer));
|
||||
});
|
||||
return rx.startNotifications();
|
||||
}).then(function() {
|
||||
E.showMessage("Sending...\\n");
|
||||
function sender(resolve, reject) {
|
||||
if (text.length) {
|
||||
tx.writeValue(text.substr(0,20)).then(()=>{
|
||||
sender(resolve, reject);
|
||||
}).catch(reject);
|
||||
text = text.substr(20);
|
||||
} else {
|
||||
resolve();
|
||||
}
|
||||
}
|
||||
return new Promise(sender);
|
||||
}).then(function() {
|
||||
if (timeout) clearTimeout(timeout);
|
||||
timeout = setTimeout(done, 500);
|
||||
}).catch(err => {
|
||||
if (timeout) clearTimeout(timeout);
|
||||
reject(err);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// Send a command to a connected device
|
||||
function sendCommand(device, text, callback) {
|
||||
E.showMessage("Connected");
|
||||
return device.getPrimaryService("6e400001-b5a3-f393-e0a9-e50e24dcca9e").then(function(s) {
|
||||
return s.getCharacteristic("6e400002-b5a3-f393-e0a9-e50e24dcca9e");
|
||||
}).then(function(c) {
|
||||
E.showMessage("Sending...");
|
||||
function sender(resolve, reject) {
|
||||
if (text.length) {
|
||||
c.writeValue(text.substr(0,20)).then(()=>{
|
||||
sender(resolve, reject);
|
||||
}).catch(reject);
|
||||
text = text.substr(20);
|
||||
} else {
|
||||
resolve();
|
||||
}
|
||||
}
|
||||
return new Promise(sender);
|
||||
}).then(function() {
|
||||
E.showMessage("Disconnect");
|
||||
device.disconnect();
|
||||
if (callback) callback();
|
||||
});
|
||||
}
|
||||
`;
|
||||
sendCustomizedApp({
|
||||
storage:[
|
||||
{name:"espruinoctrl.app.js", content:app},
|
||||
]
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue