mirror of https://github.com/espruino/BangleApps
ctrlpad: generate js
Rob Pilling
parent
97036552aa
commit
57d378aa4e
|
|
@ -1,138 +1,259 @@
|
|||
(function () {
|
||||
var settings = require("Storage").readJSON("setting.json", true) || { HID: false };
|
||||
if (settings.HID !== "kbmedia") {
|
||||
console.log("widhid: can't enable, HID setting isn't \"kbmedia\"");
|
||||
return;
|
||||
if (!Bangle.prependListener) {
|
||||
Bangle.prependListener = function (evt, listener) {
|
||||
var handlers = Bangle["#on".concat(evt)];
|
||||
if (!handlers) {
|
||||
Bangle.on(evt, listener);
|
||||
}
|
||||
else {
|
||||
if (typeof handlers === "function") {
|
||||
Bangle.on(evt, listener);
|
||||
}
|
||||
Bangle["#on".concat(evt)] = [listener].concat(handlers.filter(function (f) { return f !== listener; }));
|
||||
}
|
||||
};
|
||||
}
|
||||
delete settings;
|
||||
var anchor = { x: 0, y: 0 };
|
||||
var start = { x: 0, y: 0 };
|
||||
var dragging = false;
|
||||
var activeTimeout;
|
||||
var waitForRelease = true;
|
||||
var onSwipe = (function (_lr, ud) {
|
||||
if (ud > 0 && !activeTimeout && !Bangle.CLKINFO_FOCUS) {
|
||||
listen();
|
||||
Bangle.buzz(20);
|
||||
var Overlay = (function () {
|
||||
function Overlay() {
|
||||
this.width = g.getWidth() - 10 * 2;
|
||||
this.height = g.getHeight() - 24 - 10;
|
||||
this.g2 = Graphics.createArrayBuffer(this.width, this.height, 1, { msb: true });
|
||||
this.renderG2();
|
||||
}
|
||||
});
|
||||
Overlay.prototype.setBottom = function (bottom) {
|
||||
var g2 = this.g2;
|
||||
var y = bottom - this.height;
|
||||
Bangle.setLCDOverlay(g2, 10, y - 10);
|
||||
};
|
||||
Overlay.prototype.hide = function () {
|
||||
Bangle.setLCDOverlay();
|
||||
};
|
||||
Overlay.prototype.renderG2 = function () {
|
||||
this.g2
|
||||
.reset()
|
||||
.clearRect(0, 0, this.width, this.height)
|
||||
.drawRect(0, 0, this.width - 1, this.height - 1)
|
||||
.drawRect(1, 1, this.width - 2, this.height - 2);
|
||||
};
|
||||
return Overlay;
|
||||
}());
|
||||
var colour = {
|
||||
on: {
|
||||
fg: "#000",
|
||||
bg: "#fff",
|
||||
},
|
||||
off: {
|
||||
fg: "#fff",
|
||||
bg: "#000",
|
||||
},
|
||||
};
|
||||
var Controls = (function () {
|
||||
function Controls(g) {
|
||||
var height = g.getHeight();
|
||||
var centreY = height / 2;
|
||||
var circleGapY = 30;
|
||||
var width = g.getWidth();
|
||||
this.controls = [
|
||||
{ x: width / 4 - 10, y: centreY - circleGapY, text: "BLE", fg: colour.on.fg, bg: colour.on.bg },
|
||||
{ x: width / 2, y: centreY - circleGapY, text: "DnD", fg: colour.off.fg, bg: colour.off.bg },
|
||||
{ x: width * 3 / 4 + 10, y: centreY - circleGapY, text: "HRM", fg: colour.off.fg, bg: colour.off.bg },
|
||||
{ x: width / 3, y: centreY + circleGapY, text: "B-", fg: colour.on.fg, bg: colour.on.bg },
|
||||
{ x: width * 2 / 3, y: centreY + circleGapY, text: "B+", fg: colour.on.fg, bg: colour.on.bg },
|
||||
];
|
||||
}
|
||||
Controls.prototype.draw = function (g, single) {
|
||||
g
|
||||
.setFontAlign(0, 0)
|
||||
.setFont("4x6:3");
|
||||
for (var _i = 0, _a = single ? [single] : this.controls; _i < _a.length; _i++) {
|
||||
var ctrl = _a[_i];
|
||||
g
|
||||
.setColor(ctrl.bg)
|
||||
.fillCircle(ctrl.x, ctrl.y, 23)
|
||||
.setColor(ctrl.fg)
|
||||
.drawString(ctrl.text, ctrl.x, ctrl.y);
|
||||
}
|
||||
};
|
||||
Controls.prototype.hitTest = function (x, y) {
|
||||
var dist = Infinity;
|
||||
var closest;
|
||||
for (var _i = 0, _a = this.controls; _i < _a.length; _i++) {
|
||||
var ctrl = _a[_i];
|
||||
var dx = x - ctrl.x;
|
||||
var dy = y - ctrl.y;
|
||||
var d = Math.sqrt(dx * dx + dy * dy);
|
||||
if (d < dist) {
|
||||
dist = d;
|
||||
closest = ctrl;
|
||||
}
|
||||
}
|
||||
return dist < 30 ? closest : undefined;
|
||||
};
|
||||
return Controls;
|
||||
}());
|
||||
var state = 0;
|
||||
var startY = 0;
|
||||
var startedUpDrag = false;
|
||||
var upDragAnim;
|
||||
var ui;
|
||||
var touchDown = false;
|
||||
var onDrag = (function (e) {
|
||||
E.stopEventPropagation && E.stopEventPropagation();
|
||||
if (e.b === 0) {
|
||||
var wasDragging = dragging;
|
||||
dragging = false;
|
||||
if (waitForRelease) {
|
||||
waitForRelease = false;
|
||||
return;
|
||||
}
|
||||
if (!wasDragging
|
||||
|| (Math.abs(e.x - anchor.x) < 2 && Math.abs(e.y - anchor.y) < 2)) {
|
||||
toggle();
|
||||
onEvent();
|
||||
return;
|
||||
}
|
||||
var _a, _b;
|
||||
var dragDistance = 30;
|
||||
if (e.b === 0)
|
||||
touchDown = startedUpDrag = false;
|
||||
switch (state) {
|
||||
case 2:
|
||||
if (e.b === 0) {
|
||||
state = 0;
|
||||
ui = undefined;
|
||||
}
|
||||
break;
|
||||
case 0:
|
||||
if (e.b && !touchDown) {
|
||||
if (e.y <= 40) {
|
||||
state = 1;
|
||||
startY = e.y;
|
||||
}
|
||||
else {
|
||||
state = 2;
|
||||
ui = undefined;
|
||||
}
|
||||
}
|
||||
break;
|
||||
case 1:
|
||||
if (e.b === 0) {
|
||||
if (e.y > startY + dragDistance) {
|
||||
state = 3;
|
||||
startY = 0;
|
||||
Bangle.prependListener("touch", onTouch);
|
||||
Bangle.buzz(20);
|
||||
ui.overlay.setBottom(g.getHeight());
|
||||
break;
|
||||
}
|
||||
state = 0;
|
||||
ui === null || ui === void 0 ? void 0 : ui.overlay.hide();
|
||||
ui = undefined;
|
||||
}
|
||||
else {
|
||||
var dragOffset = 32;
|
||||
if (!ui) {
|
||||
var overlay = new Overlay();
|
||||
ui = {
|
||||
overlay: overlay,
|
||||
ctrls: new Controls(overlay.g2),
|
||||
};
|
||||
ui.ctrls.draw(ui.overlay.g2);
|
||||
}
|
||||
ui.overlay.setBottom(e.y - dragOffset);
|
||||
}
|
||||
(_a = E.stopEventPropagation) === null || _a === void 0 ? void 0 : _a.call(E);
|
||||
break;
|
||||
case 3:
|
||||
(_b = E.stopEventPropagation) === null || _b === void 0 ? void 0 : _b.call(E);
|
||||
if (e.b) {
|
||||
if (!touchDown) {
|
||||
startY = e.y;
|
||||
}
|
||||
else if (startY) {
|
||||
var dist = Math.max(0, startY - e.y);
|
||||
if (startedUpDrag || (startedUpDrag = dist > 10))
|
||||
ui.overlay.setBottom(g.getHeight() - dist);
|
||||
}
|
||||
}
|
||||
else if (e.b === 0) {
|
||||
if ((startY - e.y) > dragDistance) {
|
||||
var bottom_1 = g.getHeight() - Math.max(0, startY - e.y);
|
||||
if (upDragAnim)
|
||||
clearInterval(upDragAnim);
|
||||
upDragAnim = setInterval(function () {
|
||||
if (!ui || bottom_1 <= 0) {
|
||||
clearInterval(upDragAnim);
|
||||
upDragAnim = undefined;
|
||||
ui === null || ui === void 0 ? void 0 : ui.overlay.hide();
|
||||
ui = undefined;
|
||||
return;
|
||||
}
|
||||
ui.overlay.setBottom(bottom_1);
|
||||
bottom_1 -= 30;
|
||||
}, 50);
|
||||
Bangle.removeListener("touch", onTouch);
|
||||
state = 0;
|
||||
}
|
||||
else {
|
||||
ui.overlay.setBottom(g.getHeight());
|
||||
}
|
||||
}
|
||||
break;
|
||||
}
|
||||
if (waitForRelease)
|
||||
if (e.b)
|
||||
touchDown = true;
|
||||
});
|
||||
var onTouch = (function (_btn, xy) {
|
||||
var _a;
|
||||
if (!ui || !xy)
|
||||
return;
|
||||
if (e.b && !dragging) {
|
||||
dragging = true;
|
||||
setStart(e);
|
||||
Object.assign(anchor, start);
|
||||
return;
|
||||
}
|
||||
var dx = e.x - start.x;
|
||||
var dy = e.y - start.y;
|
||||
if (Math.abs(dy) > 25 && Math.abs(dx) > 25) {
|
||||
setStart(e);
|
||||
return;
|
||||
}
|
||||
if (dx > 40) {
|
||||
next();
|
||||
onEvent();
|
||||
waitForRelease = true;
|
||||
}
|
||||
else if (dx < -40) {
|
||||
prev();
|
||||
onEvent();
|
||||
waitForRelease = true;
|
||||
}
|
||||
else if (dy > 30) {
|
||||
down();
|
||||
onEvent();
|
||||
setStart(e);
|
||||
}
|
||||
else if (dy < -30) {
|
||||
up();
|
||||
onEvent();
|
||||
setStart(e);
|
||||
var top = g.getHeight() - ui.overlay.height;
|
||||
var left = (g.getWidth() - ui.overlay.width) / 2;
|
||||
var ctrl = ui.ctrls.hitTest(xy.x - left, xy.y - top);
|
||||
if (ctrl) {
|
||||
onCtrlTap(ctrl, ui);
|
||||
(_a = E.stopEventPropagation) === null || _a === void 0 ? void 0 : _a.call(E);
|
||||
}
|
||||
});
|
||||
var setStart = function (_a) {
|
||||
var x = _a.x, y = _a.y;
|
||||
start.x = x;
|
||||
start.y = y;
|
||||
};
|
||||
var onEvent = function () {
|
||||
Bangle.buzz(20);
|
||||
listen();
|
||||
};
|
||||
var listen = function () {
|
||||
var wasActive = !!activeTimeout;
|
||||
if (!wasActive) {
|
||||
waitForRelease = true;
|
||||
Bangle.on("drag", onDrag);
|
||||
var dragHandlers = Bangle["#ondrag"];
|
||||
if (dragHandlers && typeof dragHandlers !== "function") {
|
||||
Bangle["#ondrag"] = [onDrag].concat(dragHandlers.filter(function (f) { return f !== onDrag; }));
|
||||
var origBuzz;
|
||||
var onCtrlTap = function (ctrl, ui) {
|
||||
var _a;
|
||||
var on = true;
|
||||
switch (ctrl.text) {
|
||||
case "BLE":
|
||||
if (NRF.getSecurityStatus().advertising) {
|
||||
NRF.sleep();
|
||||
on = false;
|
||||
}
|
||||
else {
|
||||
NRF.wake();
|
||||
}
|
||||
break;
|
||||
case "DnD":
|
||||
if (origBuzz) {
|
||||
Bangle.buzz = origBuzz;
|
||||
origBuzz = undefined;
|
||||
on = false;
|
||||
}
|
||||
else {
|
||||
origBuzz = Bangle.buzz;
|
||||
Bangle.buzz = function () { return Promise.resolve(); };
|
||||
}
|
||||
break;
|
||||
case "HRM": {
|
||||
var id = "widhid";
|
||||
var hrm = (_a = Bangle._PWR) === null || _a === void 0 ? void 0 : _a.HRM;
|
||||
if (!hrm || hrm.indexOf(id) === -1) {
|
||||
Bangle.setHRMPower(1, id);
|
||||
}
|
||||
else {
|
||||
Bangle.setHRMPower(0, id);
|
||||
on = false;
|
||||
}
|
||||
break;
|
||||
}
|
||||
redraw();
|
||||
default:
|
||||
console.log("widhid: couldn't handle \"".concat(ctrl.text, "\" tap"));
|
||||
on = ctrl.fg !== colour.on.fg;
|
||||
}
|
||||
if (activeTimeout)
|
||||
clearTimeout(activeTimeout);
|
||||
activeTimeout = setTimeout(function () {
|
||||
activeTimeout = undefined;
|
||||
Bangle.removeListener("drag", onDrag);
|
||||
redraw();
|
||||
}, 3000);
|
||||
var col = on ? colour.on : colour.off;
|
||||
ctrl.fg = col.fg;
|
||||
ctrl.bg = col.bg;
|
||||
ui.ctrls.draw(ui.overlay.g2, ctrl);
|
||||
};
|
||||
var redraw = function () { return setTimeout(Bangle.drawWidgets, 50); };
|
||||
var connected = NRF.getSecurityStatus().connected;
|
||||
Bangle.prependListener("drag", onDrag);
|
||||
WIDGETS["hid"] = {
|
||||
area: "tr",
|
||||
sortorder: -20,
|
||||
draw: function () {
|
||||
if (this.width === 0)
|
||||
return;
|
||||
g.drawImage(activeTimeout
|
||||
? require("heatshrink").decompress(atob("jEYxH+AEfH44XXAAYXXDKIXZDYp3pC/6KHUMwWHC/4XvUy4YGdqoA/AFoA=="))
|
||||
: require("heatshrink").decompress(atob("jEYxH+AEcdjoXXAAYXXDKIXZDYp3pC/6KHUMwWHC/4XvUy4YGdqoA/AFoA==")), this.x + 2, this.y + 2);
|
||||
},
|
||||
width: connected ? 24 : 0,
|
||||
draw: function () { },
|
||||
width: 0,
|
||||
};
|
||||
if (connected)
|
||||
Bangle.on("swipe", onSwipe);
|
||||
delete connected;
|
||||
NRF.on("connect", function () {
|
||||
WIDGETS["hid"].width = 24;
|
||||
Bangle.on("swipe", onSwipe);
|
||||
redraw();
|
||||
});
|
||||
NRF.on("disconnect", function () {
|
||||
WIDGETS["hid"].width = 0;
|
||||
Bangle.removeListener("swipe", onSwipe);
|
||||
redraw();
|
||||
});
|
||||
var sendHid = function (code) {
|
||||
try {
|
||||
NRF.sendHIDReport([1, code], function () { return NRF.sendHIDReport([1, 0]); });
|
||||
}
|
||||
catch (e) {
|
||||
console.log("sendHIDReport:", e);
|
||||
}
|
||||
};
|
||||
var next = function () { return sendHid(0x01); };
|
||||
var prev = function () { return sendHid(0x02); };
|
||||
var toggle = function () { return sendHid(0x10); };
|
||||
var up = function () { return sendHid(0x40); };
|
||||
var down = function () { return sendHid(0x80); };
|
||||
WIDGETS["hid"].getUI = function () { return ui; };
|
||||
WIDGETS["hid"].col = colour;
|
||||
})();
|
||||
|
|
|
|||
Loading…
Reference in New Issue