Add configuration app - temporary icon

This commit is contained in:
William Toohey 2015-12-31 01:18:23 +10:00
parent 789845ae8d
commit 4e973f5028
8 changed files with 560 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 886 B

View File

@ -0,0 +1,8 @@
chrome.app.runtime.onLaunched.addListener(function() {
chrome.app.window.create('window.html', {
'innerBounds': {
'width': 466,
'height': 580
}
});
});

View File

@ -0,0 +1,25 @@
{
"name": "TaTaConfig",
"description": "TaTaCon to USB Configurator",
"version": "0.1",
"manifest_version": 2,
"minimum_chrome_version": "38",
"app": {
"background": {
"scripts": ["main.js"]
}
},
"permissions": [
"hid",
{
"usbDevices":
[
// Config
{ "vendorId": 5840, "productId": 2669 },
// Firmware update
{ "vendorId": 1003, "productId": 8295 }
]
}
],
"icons": { "16": "calculator-16.png", "128": "calculator-128.png" }
}

View File

@ -0,0 +1,57 @@
body, html {
height: 100%;
}
#waiting {
font-size: 20px;
font-weight: bold;
font-family: sans-serif;
}
#content {
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
.tatacon {
position: relative;
width: 450px;
height: 450px;
background-image: url("tatacon.png");
}
.donL, .donR, .katL, .katR {
position: absolute;
font-size: 20px;
}
.donL, .donR {
top: 210px;
}
.katL, .katR {
top: 50px;
}
.donL {
left: 70px;
}
.donR {
right: 70px;
}
.katL {
left: 50px;
}
.katR {
right: 50px;
}
.title {
font-size: 30px;
font-weight: bold;
font-family: sans-serif;
text-align: center;
}
.configOption {
font-size: 17px;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

View File

@ -0,0 +1,459 @@
(function() {
var devices = [];
var waitingMessage = "Waiting for a device, plug one in!";
var debounceOptions = [["Off", 0], ["Low", 15], ["Medium", 30], ["High", 50]];
var configBytes = {
donL : 0,
katL : 1,
donR : 2,
katR : 3,
leds : 4,
debounce : 5,
version : 6,
reset : 7
};
var newDevice = function(device) {
if(device.vendorId == 0x16D0) { // Config mode
console.log("Added new device with ID " + device.deviceId);
chrome.hid.connect(device.deviceId, function(connection) {
var dev = {devId: device.deviceId, connId : connection.connectionId};
devices.push(dev);
chrome.hid.receive(connection.connectionId, function(id, data) {
var view = new Uint8ClampedArray(data);
dev.config = view;
console.log("Got config: " + view);
dev.newConfig = view.slice(0);
createConfigUI(dev);
})
});
} else if(device.vendorId == 0x03EB) { // Programming mode
console.log("Device seen in programming mode.");
}
}
var createConfigUI = function(device) {
document.getElementById("waiting").textContent = "";
var ui = document.createElement("div");
device.ui = ui;
document.getElementById("content").appendChild(ui);
var title = document.createElement("div");
title.className = "title";
title.textContent = "Tatacon to USB v" + device.config[configBytes.version];
ui.appendChild(title);
var tatacon = document.createElement("div");
tatacon.className = "tatacon";
ui.appendChild(tatacon);
["donL","katL","donR","katR"].forEach(function(swtch) {
var select = document.createElement("select");
select.className = swtch;
device[swtch] = select;
tatacon.appendChild(select);
scancodes.forEach(function(code) {
var option = document.createElement("option");
option.value = code.value;
option.textContent = code.name;
select.appendChild(option);
});
select.onchange = function() {
device.newConfig[configBytes[swtch]] = select.value;
updateUI(device);
}
});
var config = document.createElement("div");
// LEDs
var ledsDiv = document.createElement("div");
ledsDiv.className = "configOption";
var ledsLabel = document.createElement("label");
ledsLabel.textContent = "Enable LEDs";
var leds = document.createElement("input");
device.leds = leds;
leds.type = "checkbox";
leds.onclick = function() {
device.newConfig[configBytes.leds] = leds.checked;
updateUI(device);
}
ledsLabel.appendChild(leds);
ledsDiv.appendChild(ledsLabel);
config.appendChild(ledsDiv);
// debounce
var debounceDiv = document.createElement("div");
debounceDiv.className = "configOption";
var debounceLabel = document.createElement("label");
debounceLabel.textContent = "Switch debouncing: ";
var debounce = document.createElement("select");
device.debounce = debounce;
debounceOptions.forEach(function(option) {
var select = document.createElement("option");
select.value = option[1];
select.textContent = option[0] + " (" + option[1] + "ms)";
debounce.appendChild(select);
});
debounce.onchange = function() {
device.newConfig[configBytes.debounce] = debounce.value;
updateUI(device);
}
debounceLabel.appendChild(debounce);
debounceDiv.appendChild(debounceLabel);
config.appendChild(debounceDiv);
var buttons = document.createElement("div");
var apply = document.createElement("button");
device.apply = apply;
apply.type = "button";
apply.textContent = "Apply";
// Becomes enabled once config has changed
apply.disabled = true;
apply.onclick = function() {
device.config = device.newConfig.slice(0);
chrome.hid.send(device.connId, 0, device.config.buffer, function(){
updateUI(device);
console.log("Wrote config: " + device.config);
});
}
var resetConfig = document.createElement("button");
device.resetConfig = resetConfig;
resetConfig.type = "button";
resetConfig.textContent = "Reset";
// Becomes enabled once config has changed
resetConfig.disabled = true;
resetConfig.onclick = function() {
device.newConfig = device.config.slice(0);
updateUI(device);
}
var resetDefaults = document.createElement("button");
device.resetDefaults = resetDefaults;
resetDefaults.type = "button";
resetDefaults.textContent = "Defaults";
resetDefaults.onclick = function() {
// SWITCH ORDER: CenterLeft, RimLeft, CenterRight, RimRight
device.newConfig[configBytes.donL] = 0x1B; // X
device.newConfig[configBytes.katL] = 0x1D; // Z
device.newConfig[configBytes.donR] = 0x06; // C
device.newConfig[configBytes.katR] = 0x19; // V
device.newConfig[configBytes.leds] = 1; // LEDs on
device.newConfig[configBytes.debounce] = debounceOptions[2][1]; // medium debounce
updateUI(device);
}
buttons.appendChild(apply);
buttons.appendChild(resetConfig);
buttons.appendChild(resetDefaults);
config.appendChild(buttons);
ui.appendChild(config);
updateUI(device);
}
var updateUI = function(device) {
["donL", "katL", "donR", "katR"].forEach(function(swtch) {
device[swtch].value = device.newConfig[configBytes[swtch]];
});
device.leds.checked = device.newConfig[configBytes.leds];
var debounceValid = false;
debounceOptions.forEach(function(debounce) {
if(debounce[1] == device.newConfig[configBytes.debounce]) {
device.debounce.value = debounce[1];
debounceValid = true;
}
});
if(!debounceValid) {
// Set to medium if we get something funky
device.debounce.value = debounceOptions[2][1];
device.newConfig[configBytes.debounce] = debounceOptions[2][1];
}
var changed = false;
for(var i = 0; i < device.config.length; i++) {
if(device.config[i] != device.newConfig[i]) {
changed = true;
}
}
if(changed) {
device.apply.disabled = false;
device.resetConfig.disabled = false;
} else {
device.apply.disabled = true;
device.resetConfig.disabled = true;
}
}
var deviceRemoved = function(id) {
console.log("Removing device with ID " + id);
var removed = null;
for(var i = 0; i < devices.length; i++) {
if(devices[i].devId == id) {
removed = devices[i];
devices.splice(i--, 1);
break;
}
}
if(devices.length == 0) {
document.getElementById("waiting").textContent = waitingMessage;
}
if(removed) {
document.getElementById("content").removeChild(removed.ui);
}
}
window.addEventListener('load', function() {
document.getElementById("waiting").textContent = waitingMessage;
chrome.hid.getDevices({}, function(devices) {
if (chrome.runtime.lastError) {
console.error("Unable to enumerate devices: " +
chrome.runtime.lastError.message);
return;
}
devices.forEach(newDevice);
})
chrome.hid.onDeviceAdded.addListener(newDevice);
chrome.hid.onDeviceRemoved.addListener(deviceRemoved);
});
var scancodes = [
{name: "A", value: 0x04},
{name: "B", value: 0x05},
{name: "C", value: 0x06},
{name: "D", value: 0x07},
{name: "E", value: 0x08},
{name: "F", value: 0x09},
{name: "G", value: 0x0A},
{name: "H", value: 0x0B},
{name: "I", value: 0x0C},
{name: "J", value: 0x0D},
{name: "K", value: 0x0E},
{name: "L", value: 0x0F},
{name: "M", value: 0x10},
{name: "N", value: 0x11},
{name: "O", value: 0x12},
{name: "P", value: 0x13},
{name: "Q", value: 0x14},
{name: "R", value: 0x15},
{name: "S", value: 0x16},
{name: "T", value: 0x17},
{name: "U", value: 0x18},
{name: "V", value: 0x19},
{name: "W", value: 0x1A},
{name: "X", value: 0x1B},
{name: "Y", value: 0x1C},
{name: "Z", value: 0x1D},
{name: "1", value: 0x1E},
{name: "2", value: 0x1F},
{name: "3", value: 0x20},
{name: "4", value: 0x21},
{name: "5", value: 0x22},
{name: "6", value: 0x23},
{name: "7", value: 0x24},
{name: "8", value: 0x25},
{name: "9", value: 0x26},
{name: "0", value: 0x27},
{name: "-_", value: 0x2D},
{name: "=+", value: 0x2E},
{name: "[{", value: 0x2F},
{name: "]}", value: 0x30},
{name: "\\|", value: 0x31},
{name: ";:", value: 0x33},
{name: "'\"", value: 0x34},
{name: "`~", value: 0x35},
{name: ",<", value: 0x36},
{name: ".>", value: 0x37},
{name: "/?", value: 0x38},
{name: "F1", value: 0x3A},
{name: "F2", value: 0x3B},
{name: "F3", value: 0x3C},
{name: "F4", value: 0x3D},
{name: "F5", value: 0x3E},
{name: "F6", value: 0x3F},
{name: "F7", value: 0x40},
{name: "F8", value: 0x41},
{name: "F9", value: 0x42},
{name: "F10", value: 0x43},
{name: "F11", value: 0x44},
{name: "F12", value: 0x45},
{name: "ESC", value: 0x29},
{name: "BACKSPC", value: 0x2A},
{name: "TAB", value: 0x2B},
{name: "SPACE", value: 0x2C},
{name: "ENTER", value: 0x28},
{name: "CAPSLOCK", value: 0x39},
{name: "PRTSCRN", value: 0x46},
{name: "SCRL LCK", value: 0x47},
{name: "PAUSE", value: 0x48},
{name: "INSERT", value: 0x49},
{name: "HOME", value: 0x4A},
{name: "PG UP", value: 0x4B},
{name: "DEL", value: 0x4C},
{name: "END", value: 0x4D},
{name: "PG DN", value: 0x4E},
{name: "RIGHT", value: 0x4F},
{name: "LEFT", value: 0x50},
{name: "DOWN", value: 0x51},
{name: "UP", value: 0x52},
{name: "NUM LOCK", value: 0x53},
{name: "NUM /", value: 0x54},
{name: "NUM *", value: 0x55},
{name: "NUM -", value: 0x56},
{name: "NUM +", value: 0x57},
{name: "NUM ENTER", value: 0x58},
{name: "NUM 1", value: 0x59},
{name: "NUM 2", value: 0x5A},
{name: "NUM 3", value: 0x5B},
{name: "NUM 4", value: 0x5C},
{name: "NUM 5", value: 0x5D},
{name: "NUM 6", value: 0x5E},
{name: "NUM 7", value: 0x5F},
{name: "NUM 8", value: 0x60},
{name: "NUM 9", value: 0x61},
{name: "NUM 0", value: 0x62},
{name: "NUM .", value: 0x63}
]
}());
//{name: "NON US BACKSLASH AND PIPE", value: 0x64},
//{name: "APPLICATION", value: 0x65},
//{name: "POWER", value: 0x66},
//{name: "KEYPAD EQUAL SIGN", value: 0x67},
//{name: "F13", value: 0x68},
//{name: "F14", value: 0x69},
//{name: "F15", value: 0x6A},
//{name: "F16", value: 0x6B},
//{name: "F17", value: 0x6C},
//{name: "F18", value: 0x6D},
//{name: "F19", value: 0x6E},
//{name: "F20", value: 0x6F},
//{name: "F21", value: 0x70},
//{name: "F22", value: 0x71},
//{name: "F23", value: 0x72},
//{name: "F24", value: 0x73},
//{name: "EXECUTE", value: 0x74},
//{name: "HELP", value: 0x75},
//{name: "MENU", value: 0x76},
//{name: "SELECT", value: 0x77},
//{name: "STOP", value: 0x78},
//{name: "AGAIN", value: 0x79},
//{name: "UNDO", value: 0x7A},
//{name: "CUT", value: 0x7B},
//{name: "COPY", value: 0x7C},
//{name: "PASTE", value: 0x7D},
//{name: "FIND", value: 0x7E},
//{name: "MUTE", value: 0x7F},
//{name: "VOLUME UP", value: 0x80},
//{name: "VOLUME DOWN", value: 0x81},
//{name: "LOCKING CAPS LOCK", value: 0x82},
//{name: "LOCKING NUM LOCK", value: 0x83},
//{name: "LOCKING SCROLL LOCK", value: 0x84},
//{name: "KEYPAD COMMA", value: 0x85},
//{name: "KEYPAD EQUAL SIGN AS400", value: 0x86},
//{name: "INTERNATIONAL1", value: 0x87},
//{name: "INTERNATIONAL2", value: 0x88},
//{name: "INTERNATIONAL3", value: 0x89},
//{name: "INTERNATIONAL4", value: 0x8A},
//{name: "INTERNATIONAL5", value: 0x8B},
//{name: "INTERNATIONAL6", value: 0x8C},
//{name: "INTERNATIONAL7", value: 0x8D},
//{name: "INTERNATIONAL8", value: 0x8E},
//{name: "INTERNATIONAL9", value: 0x8F},
//{name: "LANG1", value: 0x90},
//{name: "LANG2", value: 0x91},
//{name: "LANG3", value: 0x92},
//{name: "LANG4", value: 0x93},
//{name: "LANG5", value: 0x94},
//{name: "LANG6", value: 0x95},
//{name: "LANG7", value: 0x96},
//{name: "LANG8", value: 0x97},
//{name: "LANG9", value: 0x98},
//{name: "ALTERNATE ERASE", value: 0x99},
//{name: "SYSREQ", value: 0x9A},
//{name: "CANCEL", value: 0x9B},
//{name: "CLEAR", value: 0x9C},
//{name: "PRIOR", value: 0x9D},
//{name: "RETURN", value: 0x9E},
//{name: "SEPARATOR", value: 0x9F},
//{name: "OUT", value: 0xA0},
//{name: "OPER", value: 0xA1},
//{name: "CLEAR AND AGAIN", value: 0xA2},
//{name: "CRSEL AND PROPS", value: 0xA3},
//{name: "EXSEL", value: 0xA4},
//{name: "KEYPAD 00", value: 0xB0},
//{name: "KEYPAD 000", value: 0xB1},
//{name: "THOUSANDS SEPARATOR", value: 0xB2},
//{name: "DECIMAL SEPARATOR", value: 0xB3},
//{name: "CURRENCY UNIT", value: 0xB4},
//{name: "CURRENCY SUB UNIT", value: 0xB5},
//{name: "KEYPAD OPENING PARENTHESIS", value: 0xB6},
//{name: "KEYPAD CLOSING PARENTHESIS", value: 0xB7},
//{name: "KEYPAD OPENING BRACE", value: 0xB8},
//{name: "KEYPAD CLOSING BRACE", value: 0xB9},
//{name: "KEYPAD TAB", value: 0xBA},
//{name: "KEYPAD BACKSPACE", value: 0xBB},
//{name: "KEYPAD A", value: 0xBC},
//{name: "KEYPAD B", value: 0xBD},
//{name: "KEYPAD C", value: 0xBE},
//{name: "KEYPAD D", value: 0xBF},
//{name: "KEYPAD E", value: 0xC0},
//{name: "KEYPAD F", value: 0xC1},
//{name: "KEYPAD XOR", value: 0xC2},
//{name: "KEYPAD CARET", value: 0xC3},
//{name: "KEYPAD PERCENTAGE", value: 0xC4},
//{name: "KEYPAD LESS THAN SIGN", value: 0xC5},
//{name: "KEYPAD GREATER THAN SIGN", value: 0xC6},
//{name: "KEYPAD AMP", value: 0xC7},
//{name: "KEYPAD AMP AMP", value: 0xC8},
//{name: "KEYPAD PIPE", value: 0xC9},
//{name: "KEYPAD PIPE PIPE", value: 0xCA},
//{name: "KEYPAD COLON", value: 0xCB},
//{name: "KEYPAD HASHMARK", value: 0xCC},
//{name: "KEYPAD SPACE", value: 0xCD},
//{name: "KEYPAD AT", value: 0xCE},
//{name: "KEYPAD EXCLAMATION SIGN", value: 0xCF},
//{name: "KEYPAD MEMORY STORE", value: 0xD0},
//{name: "KEYPAD MEMORY RECALL", value: 0xD1},
//{name: "KEYPAD MEMORY CLEAR", value: 0xD2},
//{name: "KEYPAD MEMORY ADD", value: 0xD3},
//{name: "KEYPAD MEMORY SUBTRACT", value: 0xD4},
//{name: "KEYPAD MEMORY MULTIPLY", value: 0xD5},
//{name: "KEYPAD MEMORY DIVIDE", value: 0xD6},
//{name: "KEYPAD PLUS AND MINUS", value: 0xD7},
//{name: "KEYPAD CLEAR", value: 0xD8},
//{name: "KEYPAD CLEAR ENTRY", value: 0xD9},
//{name: "KEYPAD BINARY", value: 0xDA},
//{name: "KEYPAD OCTAL", value: 0xDB},
//{name: "KEYPAD DECIMAL", value: 0xDC},
//{name: "KEYPAD HEXADECIMAL", value: 0xDD},
//{name: "LEFT CONTROL", value: 0xE0},
//{name: "LEFT SHIFT", value: 0xE1},
//{name: "LEFT ALT", value: 0xE2},
//{name: "LEFT GUI", value: 0xE3},
//{name: "RIGHT CONTROL", value: 0xE4},
//{name: "RIGHT SHIFT", value: 0xE5},
//{name: "RIGHT ALT", value: 0xE6},
//{name: "RIGHT GUI", value: 0xE7},
//{name: "MEDIA PLAY", value: 0xE8},
//{name: "MEDIA STOP", value: 0xE9},
//{name: "MEDIA PREVIOUS TRACK", value: 0xEA},
//{name: "MEDIA NEXT TRACK", value: 0xEB},
//{name: "MEDIA EJECT", value: 0xEC},
//{name: "MEDIA VOLUME UP", value: 0xED},
//{name: "MEDIA VOLUME DOWN", value: 0xEE},
//{name: "MEDIA MUTE", value: 0xEF},
//{name: "MEDIA WWW", value: 0xF0},
//{name: "MEDIA BACKWARD", value: 0xF1},
//{name: "MEDIA FORWARD", value: 0xF2},
//{name: "MEDIA CANCEL", value: 0xF3},
//{name: "MEDIA SEARCH", value: 0xF4},
//{name: "MEDIA SLEEP", value: 0xF8},
//{name: "MEDIA LOCK", value: 0xF9},
//{name: "MEDIA RELOAD", value: 0xFA},
//{name: "MEDIA CALCULATOR", value: 0xFB}
//{name: "NON_US_HASHMARK_AND_TILDE", value: 0x32},

View File

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="tataconfig.js"></script>
</head>
<body>
<div id="waiting"></div>
<div id="content"></div>
</body>
</html>