First Commit

plugins/eos/eos.css

@@ -0,0 +1,69 @@
+table{
+	background-color: #141414;
+	border: #404040 1px solid;
+	border-radius: 4px;
+	color: #a59baa;
+}
+th{
+	font-size: 14px;
+	font-weight: normal;
+	padding: 5px;
+}
+td{
+	text-align: center;
+	padding: 6px;
+}
+td:first-child{
+	text-align: left;
+}
+td.black{
+	background-color: black;
+	border-right: #212021 1px solid;
+}
+td.num{
+	color: white;
+	font-weight: 600;
+	font-size: 16px;
+}
+.scene{
+	background-color: black;
+	border-top: #141414 2px solid;
+	border-bottom: #141414 2px solid;
+}
+.scene hr{
+	border: #001f10 4px solid;
+}
+.scene span{
+	display: table;
+	margin: 0px auto;
+	margin-top: -25px;
+	padding: 4px;
+	background-color: black;
+	font-weight: bold;
+	font-size: 14px;
+}
+.time{
+	border: #2f2b35 2px solid;
+	border-radius: 5px;
+}
+tr.active-cue{
+	color: #d49800;
+}
+	tr.active-cue td.num{
+		color: #d49800;
+	}
+	tr.active-cue .time{
+		border-color: #d49800;
+	}
+
+	
+@media screen and (min-width: 0px) and (max-width: 750px) {
+	.hide-medium{
+		display: none;
+	}
+}
+@media screen and (min-width: 0px) and (max-width: 550px) {
+	.hide-small{
+		display: none;
+	}
+}

plugins/eos/eos.html

@@ -0,0 +1,119 @@
+<header>
+	<h1><%= listName  %></h1>
+	<h2><%= data.version  %></h2>
+</header>
+
+
+<% for(var i in data.cuelists){ %>
+	<strong>List <%= i %></strong>
+	<table cellspacing="0">
+		<tr>
+			<th width="70px">Cue</th>
+			<th width="30px">Int Up</th>
+			<th width="30px">Int Down</th>
+			<th width="40px" class="hide-medium">Focus</th>
+			<th width="40px" class="hide-medium">Color</th>
+			<th width="40px" class="hide-medium">Beam</th>
+			<th width="40px" class="hide-small">Dur</th>
+			<th width="20px" class="hide-small">M</th>
+			<th width="20px" class="hide-small">B</th>
+			<th width="20px" class="hide-small">A</th>
+			<th width="70px" class="hide-small">Fw/Hg</th>
+			<th width="150px">Label</th>
+			<th width="10px" class="hide-medium">Ext Links</th>
+		</tr>
+
+		<% var cues = Object.keys(data.cuelists[i]).sort(function(a, b){return Number(a)-Number(b)}) %>
+
+		<% for(var j=0; j<cues.length; j++){ %>
+			<% var q = data.cuelists[i][cues[j]] %>
+			
+			<% for(var partNumber in q){ %>
+
+				<% var p = q[partNumber] %>
+
+
+				<% if(p.scene.length>0 && partNumber==0){ %>
+				<tr>
+					<td></td>
+					<td colspan="12" class="scene"><hr><span><%= p.scene %></span></td>
+				</tr>
+				<% } %>
+
+				<% if(cues[j]==data.activeCue+""){ %>
+					<tr class="active-cue">
+				<% }else{ %>
+					<tr>
+				<% } %>
+
+					<% if(partNumber!=0){ %>
+						<td class="num">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;P<%= partNumber %></td>
+					<% }else{ %>
+						<td class="num">&nbsp;<%= cues[j] %></td>
+					<% } %>
+
+					<% if(partNumber!=0 || p.partcount==0){ %>
+
+						<!-- Int Up/Int Down -->
+						<% if(p.uptimeduration == p.downtimeduration || p.downtimeduration==-1){ %>
+							<td class="black" colspan="2"><%- prettyDuration(p.uptimedelay) || "" %><%- prettyDuration(p.uptimeduration, true) %></td>
+						<% }else{ %>
+							<td class="black"><%- prettyDuration(p.uptimedelay) || "" %><%- prettyDuration(p.uptimeduration, true) %></td>
+							<td class="black "><%- prettyDuration(p.downtimeduration, true) %></td>
+						<% } %>
+
+						<td class="black hide-medium"><%- prettyDuration(p.focustimeduration, true) %></td>
+						<td class="black hide-medium"><%- prettyDuration(p.colortimeduration, true) %></td>
+						<td class="black hide-medium"><%- prettyDuration(p.beamtimeduration, true) %></td>
+						<td class="hide-small"><%= prettyDuration(p.duration) %></td>
+
+					<% }else{ %>
+						<td class="black" colspan="2"></td>
+						<td class="black hide-medium"></td>
+						<td class="black hide-medium"></td>
+						<td class="black hide-medium"></td>
+						<td class="hide-small"></td>
+
+					<% } %>
+
+					<td class="black hide-small"><%= p.mark %></td>
+					<td class="black hide-small"><%= p.block %></td>
+					<td class="black hide-small"><%= p.assert %></td>
+					<td class="black hide-small">
+						<%= (p.follow>=0)? "F"+prettyDuration(p.follow) : "" %>
+						<%= (p.hang>=0)? "H"+prettyDuration(p.hang) : "" %>
+					</td>
+					<td class="black" style="text-align: left">
+						<%- (partNumber==0 ? "": "&nbsp;&nbsp;&nbsp;") %>
+						<%= p.label %>
+					</td>
+					<td class="black hide-medium"><%= p.extlinks %></td>
+				</tr>
+
+			<% } %>
+
+		<% } %>
+	</table>
+
+<% } %>
+
+<script>
+	var $scrollTo = document.getElementsByClassName("active-cue");
+	if($scrollTo.length==1){
+		window.scroll({top: $scrollTo[0].offsetTop-200, behavior: 'smooth'});
+	}
+</script>
+
+<%
+	function prettyDuration(milliseconds, box){
+		if(milliseconds==-1){
+			return "";
+		}
+		var num = Math.round(milliseconds/100)/10;
+		if(box){
+			return "<div class='time'>"+num+"</div>";
+		}
+		return num;
+		
+	}
+%>

plugins/eos/eos.js

@@ -0,0 +1,115 @@
+exports.defaultName = "ETC Eos";
+exports.connectionType = "osc";
+exports.searchOptions = {
+	type: "TCPport",
+	searchBuffer: Buffer.from("\xc0/eos/ping\x00\x00\x2c\x00\x00\x00\xc0", 'ascii'),
+	testPort: 3032,
+	validateResponse: function(msg, info){
+		return (msg.toString().indexOf("/eos/out"));
+	}
+}
+exports.defaultPort = 3032;
+
+//"\xc0/eos/ping\x00\x00\x2c\x00\x00\x00\xc0"
+
+
+exports.ready = function(device){
+	device.send("/eos/get/cuelist/count");
+	device.send("/eos/get/version");
+	device.send("/eos/subscribe", [{type: "i", value: 1}]);
+}
+
+exports.data = function(device, osc){
+	var address = osc.address;
+	var p = osc.address.split("/");
+	p.shift();
+
+	if(p[1]=="out" && p[2]=="show" && p[3]=="name"){
+		device.data.showName = osc.args[0];
+		device.data.cuelists = {};
+		this.deviceInfoUpdate(device, "defaultName", osc.args[0]);
+	}else if(osc.address=="/eos/out/get/cuelist/count"){
+		for(var i=0; i<osc.args[0]; i++){
+			device.send("/eos/get/cuelist/index/"+i);
+		}
+	}else if(p[1]=="out" && p[2]=="get" && p[3]=="cuelist" && p[5]=="list"){
+		device.data.cuelists[p[4]] = {};
+		device.send("/eos/get/cue/"+p[4]+"/count");
+	}else if(p[1]=="out" && p[2]=="get" && p[3]=="cue" && p[5]=="count"){
+		for(var i=0; i<osc.args[0]; i++){
+			device.send("/eos/get/cue/"+p[4]+"/index/"+i);
+		}
+	}else if(p[1]=="out" && p[2]=="get" && p[3]=="cue" && p[7]=="list"){
+		this.deviceInfoUpdate(device, "status", "ok");
+		if(device.data.cuelists[p[4]][p[5]]==undefined){
+			device.data.cuelists[p[4]][p[5]] = {};
+		}
+		device.data.cuelists[p[4]][p[5]][p[6]] = {
+			uid: osc.args[1],
+			label: osc.args[2],
+			uptimeduration: osc.args[3],
+			uptimedelay: osc.args[4],
+			downtimeduration: osc.args[5],
+			downtimedelay: osc.args[6],
+			focustimeduration: osc.args[7],
+			focustimedelay: osc.args[8],
+			colortimeduration: osc.args[9],
+			colortimedelay: osc.args[10],
+			beamtimeduration: osc.args[11],
+			beamtimedelay: osc.args[12],
+			mark: osc.args[16],
+			block: osc.args[17],
+			assert: osc.args[18],
+			follow: osc.args[20],
+			hang: osc.args[21],
+			partcount: osc.args[26],
+			scene: osc.args[28],
+			duration: Math.max(osc.args[3], osc.args[5], osc.args[7], osc.args[9], osc.args[11])
+		};
+
+		//console.log(p[4]+" "+p[5]+" "+p[6]+" updated")
+		device.draw();
+
+	}else if(p[1]=="out" && p[2]=="get" && p[3]=="cue" && p.length==6){
+
+		//console.log("cue "+p[4]+" "+p[5]+" deleted")
+
+
+		// There's no OSC notification of the deletion of a part. It just tells you to update the parent cue and remaining children.
+		// So: we should fetch all the parts of a cue somehow every time there's an update to a cue.
+
+
+
+		delete device.data.cuelists[p[4]][p[5]];
+		device.draw();
+
+	}else if(p[1]=="out" && p[2]=="get" && p[3]=="cue" && p[7]=="actions"){
+		if(osc.args.length==3){
+			device.data.cuelists[p[4]][p[5]][0].extlinks = osc.args[2];
+		}
+	}else if(p[1]=="out" && p[2]=="event" && p[3]=="cue" && p[6]=="fire"){
+		// explore replacing this with /eos/out/active/cue
+		device.data.activeCue = p[5];
+		device.draw();
+	}else if(p[1]=="out" && p[2]=="notify" && p[3]=="cue"){
+		var cueList = p[4];
+		var listIndex = p[6];
+		var listCount = p[7];
+		var cueNumber = osc.args[1];
+		
+		device.send("/eos/get/cue/"+cueList+"/"+cueNumber);
+		//console.log("SENT /eos/get/cue/"+cueList+"/"+cueNumber);
+	}else if(p[2]=="cmd" || p[2]=="ping" || p[2]=="user" || p[2]=="softkey"){
+
+	}else if(p[3]=="version"){
+		device.data.version = osc.args[0];
+
+	}else{
+		//console.log(osc);
+	}
+	//console.log(p)
+}
+exports.heartbeat = function(device){
+	device.send("/eos/ping");
+}
+

plugins/pjlink/pjlink.css

@@ -0,0 +1,10 @@
+
+.warning{
+	color: #e9873a;
+}
+.error{
+	color: #ed5f5d;
+}
+.ok{
+	color: #79b757;
+}

plugins/pjlink/pjlink.html

@@ -0,0 +1,97 @@
+<header>
+	<h1><%= listName  %></h1>
+</header>
+
+
+<table class="cv-table">
+	<tr>
+		<td>Power</td>
+		<td><div>
+		<% if(data.power==0){ %><span class='error'>OFF</span><% } %>
+		<% if(data.power==1){ %><span class='ok'>ON</span><% } %>
+		<% if(data.power==2){ %><span class='warning'>COOLING DOWN</span><% } %>
+		<% if(data.power==3){ %><span class='warning'>WARMING UP</span><% } %>
+		</div></td>
+	</tr>
+	<tr>
+		<td>AV Mute</td>
+		<td><div>
+		<% if(data.avmute==11){ %><span class='error'>Video Mute</span><% } %>
+		<% if(data.avmute==21){ %><span class='error'>Audio Mute</span><% } %>
+		<% if(data.avmute==31){ %><span class='error'>Video &amp; Audio Mute</span><% } %>
+		<% if(data.avmute==30){ %>...<% } %>
+		</div></td>
+	</tr>
+	<tr>
+		<td>Errors</td>
+		<td><div>
+		<% if(data.fanError==1){ %><span class="warning">Fan Warning</span><br><% } %>
+		<% if(data.fanError==2){ %><span class="error">Fan Error</span><br><% } %>
+
+		<% if(data.lampError==1){ %><span class="warning">Lamp Warning</span><br><% } %>
+		<% if(data.lampError==2){ %><span class="error">Lamp Error</span><br><% } %>
+
+		<% if(data.tempError==1){ %><span class="warning">Temp Warning</span><br><% } %>
+		<% if(data.tempError==2){ %><span class="error">Temp Error</span><br><% } %>
+
+		<% if(data.coverError==1){ %><span class="warning">Cover Warning</span><br><% } %>
+		<% if(data.coverError==2){ %><span class="error">Cover Error</span><br><% } %>
+
+		<% if(data.filterError==1){ %><span class="warning">Filter Warning</span><br><% } %>
+		<% if(data.filterError==2){ %><span class="error">Filter Error</span><br><% } %>
+
+		<% if(data.otherError==1){ %><span class="warning">Other Warning</span><br><% } %>
+		<% if(data.otherError==2){ %><span class="error">Other Error</span><br><% } %>
+		&nbsp;</div></td>
+	</tr>
+	<tr>
+		<td>Input</td>
+		<td><div>
+		<% if(data.input){ %>
+		<% if(data.input[0]==1){ %>RGB<% } %>
+		<% if(data.input[0]==2){ %>Video<% } %>
+		<% if(data.input[0]==3){ %>Digital<% } %>
+		<% if(data.input[0]==4){ %>Storage<% } %>
+		<% if(data.input[0]==5){ %>Network<% } %>
+		<%= data.input[1] %>
+		<% } %>
+		</div></td>
+	</tr>
+	
+	<% if(data.lamp){ %>
+		<% for(var i=0; i<data.lamp.length; i+=2){ %>
+		<tr>
+			<td>Lamp <%= i/2 %></td>
+			<td>
+			<% if(Number(data.lamp[i+1])){ %>
+				<div class='ok'>ON</div>
+			<% }else{ %>
+				<div class='error'>OFF</div>
+			<% } %>
+			</td>
+		</tr>
+		<% } %>
+	<% } %>
+
+
+	<tr>
+		<td>Name</td>
+		<td><div><%= data.name %></div></td>
+	</tr>
+	<tr>
+		<td>Info 1</td>
+		<td><div><%= data.info1 %></div></td>
+	</tr>
+	<tr>
+		<td>Info 2</td>
+		<td><div><%= data.info2 %></div></td>
+	</tr>
+	<tr>
+		<td>Serial Number</td>
+		<td><div><%= data.serial %></div></td>
+	</tr>
+	<tr>
+		<td>Version</td>
+		<td><div><%= data.version %></div></td>
+	</tr>
+</table>

plugins/pjlink/pjlink.js

@@ -0,0 +1,116 @@
+exports.defaultName = "PJLink Projector";
+exports.connectionType = "TCPsocket";
+exports.heartbeatInterval = 5000;
+exports.searchOptions = {
+	type: "UDPsocket",
+	searchBuffer: Buffer.from([0x25, 0x32, 0x53, 0x52, 0x43, 0x48, 0x0d]),
+	devicePort: 4352,
+	listenPort: 4352,
+	validateResponse: function(msg, info){
+		return (msg.toString().indexOf("%2ACKN=")>=0);
+	}
+}
+exports.defaultPort = 4352;
+
+exports.ready = function(device){
+	//Power status query
+	//device.send("%1POWR ?\r");
+}
+var password = false;
+
+exports.data = function(device, message){
+	this.deviceInfoUpdate(device, "status", "ok");
+	var msg =  message.toString();
+
+	const md5 = require("md5");
+
+	if(msg.substring(0, 8)=="PJLINK 1"){
+		password = md5(msg.substring(9, 17)+"JBMIAProjectorLink")
+		device.send(password+"%1POWR ?\r%1INPT ?\r%1AVMT ?\r%1ERST ?\r%1LAMP ?\r%1NAME ?\r%1INF1 ?\r%1INF2 ?\r%2SNUM ?\r%2SVER ?\r");
+	}
+	if(msg.substring(0, 7)=="%1POWR="){
+		processPJLink(device, msg, this);
+	}
+	if(msg.substring(0, 7)=="%1INPT="){
+		processPJLink(device, msg, this);
+	}
+	if(msg.substring(0, 7)=="%1AVMT="){
+		processPJLink(device, msg, this);
+	}
+	if(msg.substring(0, 7)=="%1ERST="){
+		processPJLink(device, msg, this);
+	}
+	if(msg.substring(0, 7)=="%1LAMP="){
+		processPJLink(device, msg, this);
+	}
+	if(msg.substring(0, 7)=="%1NAME="){
+		processPJLink(device, msg, this);
+	}
+	if(msg.substring(0, 7)=="%1INF1="){
+		processPJLink(device, msg, this);
+	}
+	if(msg.substring(0, 7)=="%1INF2="){
+		processPJLink(device, msg, this);
+	}
+	if(msg.substring(0, 7)=="%2SNUM="){
+		processPJLink(device, msg, this);
+	}
+	if(msg.substring(0, 7)=="%2SVER="){
+		processPJLink(device, msg, this);
+	}
+}
+
+function processPJLink(device, str, that){
+	var arr = str.split("%");
+	for(var key in arr){
+		var split = arr[key].split("=");
+		var key = split[0];
+		var value = split[1];
+		
+		switch(key){
+			case "1POWR":
+				device.data.power = value;
+				break;
+			case "1INPT":
+				device.data.input = value;
+				break;
+			case "1AVMT":
+				device.data.avmute = value;
+				break;
+			case "1ERST":
+				device.data.fanError = value[0];
+				device.data.lampError = value[1];
+				device.data.tempError = value[2];
+				device.data.coverError = value[3];
+				device.data.filterError = value[4];
+				device.data.otherError = value[5];
+				break;
+			case "1LAMP":
+				device.data.lamp = value.split(" ");
+				break;
+			case "1NAME":
+				device.data.name = value;
+				that.deviceInfoUpdate(device, "defaultName", device.data.name);
+				break;
+			case "1INF1":
+				device.data.info1 = value;
+				break;
+			case "1INF2":
+				device.data.info2 = value;
+				break;
+			case "2SNUM":
+				device.data.serial = value;
+				break;
+			case "2SVER":
+				device.data.version = value;
+				break;
+		}
+	}
+	device.draw();
+}
+
+exports.heartbeat = function(device){
+	if(password){
+		device.send(password+"%1POWR ?\r%1INPT ?\r%1AVMT ?\r%1ERST ?\r%1LAMP ?\r%1NAME ?\r%1INF1 ?\r%1INF2 ?\r%2SNUM ?\r%2SVER ?\r");
+	}
+}

plugins/qlab/qlab.css

@@ -0,0 +1,189 @@
+table{
+	background-color: #323232;
+	border: 0px;
+	color: #b8b8b8;
+	font-family: sans-serif;
+	width: 100%;
+	table-layout:fixed;
+	margin-bottom: 30px;
+}
+th{
+	font-size: 12px;
+	font-weight: normal;
+	padding: 0px 4px;
+	background-color: #2d2c2d;
+	border: #545454 1px solid;
+	border-right: none;
+}
+	th.no-border{
+		border-left: none;
+		border-right: none;
+		padding: 0px;
+	}
+
+td{
+	padding: 0px;
+	height: 25px;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+	td img{
+		padding-top: 4px;
+	}
+
+
+
+tr:nth-child(even) {
+	background: #2c2c2c;
+}
+tr:nth-child(odd) {
+	background: #323232;
+}
+
+
+tr:nth-child(even).q-red{
+	background: linear-gradient(to top, #2c2c2c, #4c3130 1px);
+}
+tr:nth-child(odd).q-red{
+	background: linear-gradient(to top, #323232, #513635 1px);
+}
+	.q-red td:first-of-type{
+		padding-left: 5px;
+		border-left: 5px #ff4242 solid;
+	}
+tr:nth-child(even).q-orange{
+	background: linear-gradient(to top, #2c2c2c, #4b3e2a 1px);
+}
+tr:nth-child(odd).q-orange{
+	background: linear-gradient(to top, #323232, #514330 1px);
+}
+	.q-orange td:first-of-type{
+		padding-left: 5px;
+		border-left: 5px #ffa500 solid;
+	}
+tr:nth-child(even).q-green{
+	background: linear-gradient(to top, #2c2c2c, #2d452d 1px);
+}
+tr:nth-child(odd).q-green{
+	background: linear-gradient(to top, #323232, #324b33 1px);
+}
+	.q-green td:first-of-type{
+		padding-left: 5px;
+		border-left: 5px #01d52f solid;
+	}
+tr:nth-child(even).q-blue{
+	background: linear-gradient(to top, #2c2c2c, #323647 1px);
+}
+tr:nth-child(odd).q-blue{
+	background: linear-gradient(to top, #323232, #363b4b 1px);
+}
+	.q-blue td:first-of-type{
+		padding-left: 5px;
+		border-left: 5px #536de0 solid;
+	}
+tr:nth-child(even).q-purple{
+	background: linear-gradient(to top, #2c2c2c, #39273d 1px);
+}
+tr:nth-child(odd).q-purple{
+	background: linear-gradient(to top, #323232, #433147 1px);
+}
+	.q-purple td:first-of-type{
+		padding-left: 5px;
+		border-left: 5px #a601c0 solid;
+	}
+
+tr.q-armed-false td{
+	background: url("img/disarmed-pattern-light.png");
+	background-attachment: fixed;
+}
+
+
+tr.playback-position{
+	background-image: none !important;
+	background: #1557da !important;
+	color: white !important;
+}
+tr.playback-position .q-gray-text{
+	color: white !important;
+}
+
+
+.gLeft{
+	height: 24px;
+	width: 12px;
+	border-left: 2px solid;
+}
+.gTop{
+	border-top: 2px solid;
+}
+.gBot{
+	border-bottom: 2px solid;
+}
+.gRight{
+	border-right: 2px solid;
+}
+.gMode-1.gLeft.gTop{
+	border-radius: 6px 0px 0px 0px;
+}
+.gMode-1.gLeft.gBot{
+	border-radius: 0px 0px 0px 6px;
+}
+.gMode-1.gRight.gBot{
+	border-radius: 0px 0px 6px 0px;
+}
+.gMode-1.gLeft.gTop.gBot{
+	border-radius: 6px 0px 0px 6px;
+}
+.gMode-1.gLeft.gTop.gRight{
+	border-radius: 6px 6px 0px 0px;
+}
+.gMode-1.gTop.gRight.gBot{
+	border-radius: 0px 6px 6px 0px;
+}
+.gMode-1.gLeft.gTop.gRight.gBot{
+	border-radius: 6px;
+}
+.gMode-1{
+	border-color: #5a5a87;
+}
+.gMode-2{
+	border-color: #5a5a87;
+}
+.gMode-3{
+	border-color: #429242;
+}
+.gMode-4{
+	border-color: #925fc0;
+}
+.gMode-, .gMode-0{
+	border-color: rgba(0, 0, 0, 0);
+}
+.group-arrow{
+	width: 13px;
+	background-image: url("img/arrow-down.png");
+	background-position: center;
+	background-repeat: no-repeat;
+}
+
+.q-time{
+	font-size: 14px;
+	text-align: center;
+}
+.q-gray-text{
+	color: #424242;
+}
+
+
+
+@media screen and (min-width: 0px) and (max-width: 750px) {
+	.hide-medium{
+		display: none;
+	}
+}
+@media screen and (min-width: 0px) and (max-width: 550px) {
+	.hide-small{
+		display: none;
+	}
+}
+

plugins/qlab/qlab.html

@@ -0,0 +1,196 @@
+<% function cueTemplate(cueList, groupModes, depth, workspace){ %>
+
+	<% depth++ %>
+
+	<% for(var c in cueList.cues){ %>
+
+		<% var cue = cueList.cues[c] %>
+			<tr class="q-<%= cue.colorName %> q-armed-<%= cue.armed %> <%if(data.playbackPosition==cue.uniqueID){ %>playback-position scroll-position<% } %>" id="<%= cue.uniqueID %>">
+
+				<td></td> <!-- playhead/color indicator -->
+
+				<% if(cue.broken){ %>
+					<td><center><img src="plugins/qlab/img/status_broken.png" height="18px"></center></td>
+				<% }else if(cue.running){ %>
+					<td><center><img src="plugins/qlab/img/status_running.png" height="18px"></center></td>
+				<% }else if(cue.loaded){ %>
+					<td><center><img src="plugins/qlab/img/status_loaded.png" height="18px"></center></td>
+				<% }else if(cue.flagged){ %>
+					<td><center><img src="plugins/qlab/img/status_flagged.png" height="20px"></center></td>
+				<% }else{ %>
+					<td></td>
+				<% } %>
+
+
+				<td><img src="plugins/qlab/img/<%= cue.type.toLowerCase() %>.png" height="20px"></td>
+				<td><center><%- cue.number || "&nbsp;" %></center></td>
+
+				<%
+				var nextCueDepth = 0;
+				if(workspace.allCuesOrdered[cue.index+1]!=undefined){
+					nextCueDepth = workspace.allCuesOrdered[cue.index+1].groups.length-1;
+				}
+
+				%>
+				
+				
+
+				<!-- spacer cells before cue name --> 
+				<% for(var i=0; i<depth; i++){ %>
+
+					<% if(i==depth-1 && cue.type=="Group"){ %>
+
+						<% if(cue.cues.length==0){ %>
+							<td width="15px" class="group-arrow gMode-<%= cue.mode %> gLeft gTop gBot"></td>
+
+						<% }else{ %>
+							<td width="15px" class="group-arrow gMode-<%= cue.mode %> gLeft gTop"></td>
+
+						<% } %>
+
+					<% }else if(i<nextCueDepth){ %>
+						<td width="15px" class="gMode-<%= groupModes[i] %> gLeft"></td>
+
+					<% }else if(i>=nextCueDepth && i<depth-1 ){ %>
+						<td width="15px" class="gMode-<%= groupModes[i] %> gLeft gBot"></td>
+
+					<% }else if(i==depth-1 && i>nextCueDepth){ %>
+						<td width="15px" class="gMode-<%= groupModes[groupModes.length-1] %> gBot"></td>
+
+					<% }else{ %>
+						<td width="15px" ></td>
+
+					<% } %>
+
+				<% } %>
+
+				
+
+				<!-- cue name -->
+				<% if(cue.type=="Group"){ %>
+					<% if(cue.cues.length==0){ %>
+						<td colspan="<%= 11-depth %>" class="gMode-<%= cue.mode %> gTop gBot gRight"><%= cue.listName %></td>
+
+					<% }else{ %>
+						<td colspan="<%= 11-depth %>" class="gMode-<%= cue.mode %> gTop gRight"><%= cue.listName %></td>
+
+					<% } %>
+				<% }else if(depth>nextCueDepth+1){ %>
+					<td colspan="<%= 11-depth %>" class="gMode-<%= groupModes[groupModes.length-1] %> gBot gRight"><%= cue.listName %></td>
+
+				<% }else if(depth>1){ %>
+					<td colspan="<%= 11-depth %>" class="gMode-<%= groupModes[groupModes.length-1] %> gRight"><%= cue.listName %></td>
+
+				<% }else{ %>
+					<td colspan="<%= 11-depth %>"><%= cue.listName %></td>
+
+				<% } %>
+
+				<td class="q-time hide-medium"><%= cue.target %></td>
+
+				<% if(cue.preWait){ %>
+					<td class="q-time hide-small"><%= prettyFormatTime(cue.preWait) %></td>
+				<% }else{ %>
+					<td class="q-time q-gray-text hide-small">00:00.00</td>
+				<% } %>
+
+				<% if(cue.duration || (cue.type=="Group" && cue.mode==3)){ %>
+					<% %>
+					<td class="q-time hide-medium"><%= prettyFormatTime(cue.duration) %></td>
+				<% }else{ %>
+					<td class="hide-medium"></td>
+				<% } %>
+
+				<% if(cue.postWait){ %>
+					<td class="q-time q-gray-text hide-medium"><%= prettyFormatTime(cue.postWait) %></td>
+				<% }else{ %>
+					<td class="q-time q-gray-text hide-medium">00:00.00</td>
+				<% } %>
+
+				<% if(cue.continueMode==2){ %>
+					<td class="hide-small"><center><img src="plugins/qlab/img/auto_follow.png" height="20px"></center></td>
+				<% }else if(cue.continueMode==1){ %>
+					<td class="hide-small"><center><img src="plugins/qlab/img/auto_continue.png" height="20px"></center></td>
+				<% }else{ %>
+					<td class="hide-small"></td>
+				<% } %>
+
+				
+
+				
+				
+			
+
+
+			</tr>
+		<% if(cue.cues){ %>
+			<% groupModes.push(cue.mode) %>
+			<% cueTemplate(cue, groupModes, depth, workspace) %>
+		<% } %>
+
+	<% } %>
+	<% groupModes.pop(); %>
+<% } %>
+
+<header>
+	<h1><%= listName %></h1>
+	<h2><%= data.version || "" %></h2>
+</header>
+
+
+<% for(var i in data.workspaces){ %>
+	<% for(var j in data.workspaces[i].cueLists){ %>
+		<% let cueList = data.workspaces[i].cueLists[j] %>
+		<h3><%= cueList.listName %> - <%= data.workspaces[i].displayName %></h3>
+
+		<% cueListOffset = 0 %>
+		<table cellspacing="0">
+			<tr>
+				<th width="1px" style="border-left: none; border-right: none;"></th>
+				<th width="20px" style="border-left: none; border-right: none;"></th>
+				<th width="20px" style="border-left: none;"></th>
+				<th width="55px">Number</th>
+				<th width="25px" style="padding: 0px"></th>
+				<th width="25px" class="no-border">Q</th>
+				<th width="25px" class="no-border"></th>
+				<th width="25px" class="no-border"></th>
+				<th width="25px" class="no-border"></th>
+				<th width="25px" class="no-border"></th>
+				<th width="25px" class="no-border"></th>
+				<th width="25px" class="no-border"></th>
+				<th width="25px" class="no-border"></th>
+				<th width="25px" class="no-border"></th>
+				<th class="no-border"></th>
+				<th width="55px" class="hide-medium">Target</th>
+				<th width="80px" class="hide-small"style="border-right: none;">Pre Wait</th>
+				<th width="80px" class="hide-medium" style="border-left: none; border-right: none;">Action</th>
+				<th width="80px" class="hide-medium" style="border-left: none; border-right: none;">Post Wait</th>
+				<th width="20px" class="hide-small" style="border-left: none; border-right: none;">
+					<img src="plugins/qlab/img/auto_continue_stubby.png" height="20px">
+				</th>
+			</tr>
+			<% cueTemplate(cueList, [], [], data.workspaces[i]) %>
+		</table>
+	<% } %>
+
+<% } %>
+
+<script>
+	var $scrollTo = document.getElementsByClassName("scroll-position");
+	if($scrollTo.length==1){
+		window.scroll({top: $scrollTo[0].offsetTop-200, behavior: 'smooth'});
+	}
+</script>
+
+<%
+	function prettyFormatTime(seconds){
+		var startIndex = 14;
+		if(seconds>=3600){
+			startIndex = 11;
+		}
+		var string = new Date(seconds * 1000).toISOString()
+		return string.substring(startIndex, string.length-2)
+	}
+
+
+%>

plugins/qlab/qlab.js

@@ -0,0 +1,133 @@
+exports.defaultName = "QLab 4";
+exports.connectionType = "osc";
+exports.searchOptions = {
+	type: "Bonjour",
+	bonjourName: "qlab"
+}
+
+
+
+exports.ready = function(device){
+	device.send("/workspaces");
+}
+
+exports.data = function(device, osc){
+	var address = osc.address;
+	var p = osc.address.split("/");
+	p.shift();
+
+	//console.log(address)
+
+	if(osc.address=="/reply/workspaces"){
+		const d = JSON.parse(osc.args[0]).data;
+		device.data.workspaces = {};
+		for(var i=0; i<d.length; i++){
+			device.data.workspaces[d[i].uniqueID] = {
+				"displayName": d[i].displayName,
+				"selectionIsPlayhead": true,
+			}
+			device.data.version = d[i].version;
+			device.send("/workspace/"+d[i].uniqueID+"/cueLists");
+			device.send("/workspace/"+d[i].uniqueID+"/updates", [{type: "i", value: 1}]);
+			device.send("/cue/playbackPosition/uniqueID");
+			device.send("/workspace/"+d[i].uniqueID+"/selectionIsPlayhead");
+		}
+
+	}else if(p[1]=="workspace" && p[3]=="cueLists"){
+		var workspace = p[2];
+		var d = JSON.parse(osc.args[0]).data;
+		device.data.workspaces[workspace].cueLists = {};
+		device.data.workspaces[workspace].allCues = {};
+		device.data.workspaces[workspace].allCuesOrdered = [];
+		device.data.lastCueInGroup = {};
+
+		for(var i in d){
+
+			device.data.workspaces[workspace].cueLists[d[i].uniqueID]=d[i];
+			device.data.workspaces[workspace].cueLists[d[i].uniqueID].cues = d[i].cues;
+
+			getMoreCueInfo(d[i], []);
+
+			function getMoreCueInfo(group, groups_arg){
+				var groups = JSON.parse(JSON.stringify(groups_arg))
+				groups.push(group.uniqueID);
+
+				for(var cueIndex in group.cues){
+					var cue = group.cues[cueIndex];
+					//console.log(cue)
+
+					device.data.lastCueInGroup[group.uniqueID] = cue;
+
+					cue.groups = groups;
+					device.send("/workspace/"+workspace+"/cue_id/"+cue.uniqueID+"/valuesForKeys", [{type: "s", value: "[\"mode\", \"parent\", \"isBroken\", \"preWait\", \"duration\", \"postWait\", \"continueMode\", \"cueTargetNumber\", \"isLoaded\", \"isRunning\"]"}]);
+					cue.index = device.data.workspaces[workspace].allCuesOrdered.push(cue)-1;
+
+					if(cue.cues){
+						cue.mode = 0;
+						getMoreCueInfo(cue, groups);
+					}
+
+					device.data.workspaces[workspace].allCues[cue.uniqueID] = cue;
+
+				}
+			}
+
+		}
+
+		//console.log(device.data.lastCueInGroup)
+
+		
+		device.draw();
+	}else if(p[0]=="update" && p[1]=="workspace" && p[3]=="cue_id"){
+		device.send("/workspace/"+p[2]+"/cueLists");
+	}else if(p[0]=="update" && p[1]=="workspace" && p[5]=="playbackPosition"){
+		console.log('pb move')
+		device.data.playbackPosition = osc.args[0];
+		device.draw();
+	}else if(p[0]=="reply" && p[1]=="cue_id"){
+
+		if(p[3] == "uniqueID"){
+			// response to /cue/playbackPosition/uniqueID
+			device.data.playbackPosition = JSON.parse(osc.args[0]).data;
+		}else if(p[3]=="mode"){
+			var cueID = p[2];
+			var mode = JSON.parse(osc.args[0]).data;
+			var workspaceID = JSON.parse(osc.args[0]).workspace_id;
+
+			device.data.workspaces[workspaceID].allCues[cueID].mode = mode;
+
+		}else if(p[3]=="valuesForKeys"){
+			this.deviceInfoUpdate(device, "status", "ok");
+
+			var d = JSON.parse(osc.args[0]);
+
+			var cueID = p[2];
+			var workspace = d.workspace_id;
+			var cueList = d.data.parent;
+
+			device.data.workspaces[workspace].allCues[cueID].mode = d.data.mode;
+			device.data.workspaces[workspace].allCues[cueID].preWait = d.data.preWait;
+			device.data.workspaces[workspace].allCues[cueID].duration = d.data.duration;
+			device.data.workspaces[workspace].allCues[cueID].postWait = d.data.postWait;
+			device.data.workspaces[workspace].allCues[cueID].continueMode = d.data.continueMode;
+			device.data.workspaces[workspace].allCues[cueID].target = d.data.cueTargetNumber;
+			device.data.workspaces[workspace].allCues[cueID].loaded = d.data.isLoaded;
+			device.data.workspaces[workspace].allCues[cueID].broken = d.data.isBroken;
+			device.data.workspaces[workspace].allCues[cueID].running = d.data.isRunning;
+		}
+		device.draw();
+
+	}else if(p[1]=="workspace" && p[3]=="selectionIsPlayhead"){
+
+		device.data.workspaces[p[2]].selectionIsPlayhead = JSON.parse(osc.args[0]).data;
+
+	}else{
+		
+	}
+}
+
+exports.heartbeat = function(device){
+	try{
+		device.send("/workspace/"+(Object.keys(device.data.workspaces)[0])+"/thump");
+	}catch(err){}
+}

plugins/watchout/watchout.css

@@ -0,0 +1,16 @@
+table{
+	font-family: PlexMono !important;
+}
+
+
+
+
+.warning{
+	color: #e9873a;
+}
+.error{
+	color: #ed5f5d;
+}
+.ok{
+	color: #79b757;
+}

plugins/watchout/watchout.html

@@ -0,0 +1,63 @@
+<header>
+	<h1><%= listName %></h1>
+</header>
+
+
+<table class="cv-table">
+	<tr>
+		<td colspan="2">
+		<% if(data.rate=="true"){ %>
+			<span class="ok">Playing</span>
+		<% }else{ %>
+			<span class="warning">Stopped</span>
+		<% } %>
+		</td>
+	</tr>
+	<tr>
+		<% var seconds = Math.floor(data.position/1000) %>
+		<% var minutes = Math.floor(seconds/60) %>
+		<% var millis = data.position %>
+		<td colspan="2"><h1><%= minutes %>:<%= ((seconds%60)+"").padStart(2, "0") %>.<%= millis%1000 %></h1></td>
+	</tr>
+
+	
+
+	<tr>
+		<td>Busy</td>
+		<td><div><%= data.busy %></div></td></td>
+	</tr>
+	
+	<tr>
+		<td>Display Open</td>
+		<td><div><%= data.displayOpen %></td></td>
+	</tr>
+	<tr>
+		<td>Active</td>
+		<td><div><%= data.showActive %></td></td>
+	</tr>
+	<tr>
+		<td>Programmer</td>
+		<td><div><%= data.programmerOnline %></td></td>
+	</tr>
+	<tr>
+		<td>Health</td>
+		<td><div><%= data.health %></td></td>
+	</tr>
+	<tr>
+		<td>Standby</td>
+		<td><div><%= data.standby %></td></td>
+	</tr>
+	<tr>
+		<td>Error</td>
+		<td>
+		<% if(data.error==1){ %><span class="error">Operating System Error</span><% } %>
+		<% if(data.error==2){ %><span class="error">QuickTime Error</span><% } %>
+		<% if(data.error==3){ %><span class="error">Rendering API Error</span><% } %>
+		<% if(data.error==4){ %><span class="error">Network Error</span><% } %>
+		<% if(data.error==5){ %><span class="error">File Server Error</span><% } %>
+		<% if(data.error==6){ %><span class="error">Syntax/Parser Error</span><% } %>
+		<% if(data.error==7){ %><span class="error">General Runtime Error</span><% } %>
+		<% if(data.error==8){ %><span class="error">Authentication Error</span><% } %>
+		</td>
+	</tr>
+</table>

plugins/watchout/watchout.js

@@ -0,0 +1,56 @@
+exports.defaultName = "Dataton Watchout";
+exports.connectionType = "TCPsocket";
+exports.heartbeatInterval = 500;
+exports.searchOptions = {
+	type: "TCPport",
+	searchBuffer: Buffer.from("authenticate 1\n", 'ascii'),
+	testPort: 3040,
+	validateResponse: function(msg, info){
+		return (msg.toString().substring(0, 5)=="Ready");
+	}
+}
+exports.defaultPort = 3040;
+
+exports.ready = function(device){
+	device.send("authenticate 1\n");
+}
+
+exports.data = function(device, message){
+	var msg = message.toString();
+	if(msg.substring(0, 5)=="Ready"){
+		device.send("getStatus\n");
+	}
+	if(msg.substring(0, 5)=="Reply"){
+		var arr = msg.split(" ");
+
+
+		device.data.showName = "";
+		var i = 0;
+		while(arr[i][arr[i].length-1]!='"'){
+			i++;
+			device.data.showName+=arr[i]+" ";
+		}
+		device.data.showName = device.data.showName.substring(1, device.data.showName.length-2);
+
+		i--;
+		device.data.busy = arr[i+2];
+		device.data.health = arr[i+3];
+		device.data.displayOpen = arr[i+4];
+		device.data.showActive = arr[i+5];
+		device.data.programmerOnline = arr[i+6];
+		device.data.position = Number(arr[i+7]).toFixed(2);
+		device.data.rate = arr[i+8];
+		device.data.standby = arr[i+9];
+
+		this.deviceInfoUpdate(device, "defaultName", device.data.showName);
+		device.draw();
+	}
+	// if(msg.substring(0, 5)=="Error"){
+	// 	device.data.error = msg.substring(6, 7);
+	// }
+	//console.log(msg)
+}
+
+exports.heartbeat = function(device){
+	device.send("getStatus\n");
+}

plugins/x32/x32.css

@@ -0,0 +1,113 @@
+td{
+	padding: 3px 16px !important;
+}
+tr td:first-child{
+	text-align: center;
+}
+
+.mute-0, .mute-1{
+	width: 30px;
+	padding: 4px;
+	font-size: 14px;
+	border: black 2px solid;
+	text-align: center;
+	border-radius: 10px;
+}
+.mute-1{
+	border-color: gray;
+	color: gray;
+}
+.mute-0{
+	border-color: #fc3344;
+	color: #fc3344;
+}
+.white{
+	color: white;
+}
+
+.color{
+	padding: 1px 6px;
+	border-radius: 10px;
+	color: black;
+	font-family: PlexMono !important;
+	text-align: center;
+	text-overflow: ellipsis;
+	white-space: nowrap; 
+	overflow: hidden;
+}
+.color-0{ /*Black*/
+	background-color: #212121;
+	color: white;
+}
+.color-1{ /*Red*/
+	background-color: #fc545b;
+}
+.color-2{ /*Green*/
+	background-color: #65b84d;
+}
+.color-3{ /*Yellow*/
+	background-color: #fec52e;
+}
+.color-4{ /*Blue*/
+	background-color: #157efb;
+}
+.color-5{ /*Purple*/
+	background-color: #a453a5;
+}
+.color-6{ /*Teal*/
+	background-color: #00dae3;
+}
+.color-7{ /*White*/
+	background-color: #e0e0e0;
+}
+.color-8{ /*Gray*/
+	background-color: #8c8c8c;
+}
+.color-9{ /*Red*/
+	color: #fc545b;
+	border: #fc545b 1px solid;
+}
+.color-10{ /*Green*/
+	color: #65b84d;
+	border: #65b84d 1px solid;
+}
+.color-11{ /*Yellow*/
+	color: #fec52e;
+	border: #fec52e 1px solid;
+}
+.color-12{ /*Blue*/
+	color: #157efb;
+	border: #157efb 1px solid;
+}
+.color-13{ /*Purple*/
+	color: #a453a5;
+	border: #a453a5 1px solid;
+}
+.color-14{ /*Teal*/
+	color: #00dae3;
+	border: #00dae3 1px solid;
+}
+.color-15{ /*White*/
+	color: #e0e0e0;
+	border: #e0e0e0 1px solid;
+}
+
+input[type=range] {
+  -webkit-appearance: none;
+  margin: 0px;
+  width: 100%;
+}
+input[type=range]::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  margin-top: -9px;
+  height: 26px;
+  width: 8px;
+  border-radius: 4px;
+  background: #929292;
+}
+input[type=range]::-webkit-slider-runnable-track {
+  width: 100%;
+  height: 8px;
+  background: #3b3b3b;
+  border-radius: 4px;
+}

plugins/x32/x32.html

@@ -0,0 +1,47 @@
+<header>
+	<h1><%= listName %></h1>
+	<h2><%= data.model %></h2>
+</header>
+
+<table class="cv-table">
+	<tr>
+		<th width="40px"></th>
+		<th width="100px">Channel</th>
+		<th width="55px">Mute</th>
+		<th width="45px">dB</th>
+		<th width="160px">Fader</th>
+	</tr>
+	<tr>
+		<td width="40px">LR</td>
+		<td width="100px"><div class="color color-8">MAIN OUT</div></td>
+		<td><div class="fader-mute mute-<%=data.stereoMute%>">M</div></td>
+		<td><%- formatAsDB(data.stereoFaderDB) %></td>
+		<td><input type="range" min="0" max="100" value="<%= data.stereoFader*100 %>" disabled></td>
+	</tr>
+	<% for(var i=0; i<32; i++){ %>
+		<% if(data.channelNames[i]=="end"){break;} %>
+		<tr>
+			<td><%= i+1 %></td>
+			<td><div class="color color-<%= data.channelColors[i] %>"><%- data.channelNames[i] || i+1 %></div></td>
+			<td><div class="fader-mute mute-<%=data.channelMutes[i]%>">M</div></td>
+			<td><%- formatAsDB(data.channelFadersDB[i]) %></td>
+			<td><input type="range" min="0" max="100" value="<%= data.channelFaders[i]*100 %>" disabled></td>
+		</tr>
+	<% } %>
+
+</table>
+
+
+
+<%
+function formatAsDB(val){
+	if(val==-90){
+		return "-&infin;";
+	}
+	if(val>0){
+		return "+"+val.toFixed(1);
+	}
+	return val.toFixed(1);
+}
+
+%>

plugins/x32/x32.js

@@ -0,0 +1,129 @@
+exports.defaultName = "X32 Mixer";
+exports.connectionType = "UDPsocket";
+exports.heartbeatInterval = 10000;
+exports.searchOptions = {
+	type: "UDPsocket",
+	searchBuffer: Buffer.from([0x2f, 0x78, 0x69, 0x6e, 0x66, 0x6f]),
+	devicePort: 10023,
+	listenPort: 0,
+	validateResponse: function(msg, info){
+		return (msg.toString().indexOf("/xinfo")==0);
+	}
+}
+exports.defaultPort = 10023;
+
+exports.ready = function(device){
+
+	device.data.channelFaders = new Array(32).fill(0);
+	device.data.channelFadersDB = new Array(32).fill(0);
+	device.data.channelMutes = new Array(32).fill(0);
+	device.data.channelNames = new Array(32).fill("end");
+	device.data.channelColors = new Array(32);
+
+	device.data.stereoFader = 0;
+	device.data.stereoFaderDB = 0;
+	device.data.stereoMute = 0;
+
+	device.send(Buffer.from("/xinfo"));
+
+
+	//device.send(Buffer.from("\x2f\x62\x61\x74\x63\x68\x73\x75\x62\x73\x63\x72\x69\x62\x65\x00\x2c\x73\x73\x69\x69\x69\x00\x00\x6d\x65\x74\x65\x72\x73\x2f\x30\x00\x00\x00\x00\x2f\x6d\x65\x74\x65\x72\x73\x2f\x30\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x01"));
+	//device.send(Buffer.from("/batchsubscribe\x00,ssiii\x00\x00meters/0\x00\x00\x00\x00/meters/0\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x01"));
+
+	//device.send(Buffer.from("/subscribe\x00,si\x00/-stat/solosw/01\x001"));
+
+}
+
+exports.data = function(device, buf){
+	this.deviceInfoUpdate(device, "status", "ok");
+	var msg = buf.toString().split('\u0000\u0000')
+
+	if(msg[0]=="/xinfo"){
+		this.deviceInfoUpdate(device, "defaultName", msg[4]);
+		device.data.name = msg[4];
+		device.data.ip = msg[2];
+		device.data.firmware = msg[7];
+		device.data.model = msg[5];
+
+
+		device.send(Buffer.from("/lr/mix/fader\u0000\u0000\u0000\u0000"));
+		device.send(Buffer.from("/lr/mix/on\u0000\u0000\u0000\u0000"));
+
+		for(var i=0; i<=32; i++){
+			device.send(Buffer.from("/ch/"+i.toString().padStart(2, "0")+"/config/name\u0000\u0000\u0000\u0000"));
+		}
+		device.draw();
+
+
+	}else if(msg[0]=="/meters/0"){
+		//console.log(msg)
+	}else if(msg[0].indexOf("/mix/fader")>=0){
+		var addr = parseAddress(msg[0]);
+		var channel = Number(addr[1]);
+
+		if(addr[0]=="ch"){
+			device.data.channelFaders[channel-1] = buf.readFloatBE(24);
+			device.data.channelFadersDB[channel-1] = convertToDBTheBehringerWay(buf.readFloatBE(24));
+		}else if(addr[0]=="lr"){
+			device.data.stereoFader = buf.readFloatBE(20);
+			device.data.stereoFaderDB = convertToDBTheBehringerWay(buf.readFloatBE(20));
+		}
+
+		device.draw();
+
+	}else if(msg[0].indexOf("/mix/on")>=0){
+		var addr = parseAddress(msg[0]);
+		var channel = Number(addr[1]);
+
+		if(addr[0]=="ch"){
+			device.data.channelMutes[channel-1] = buf[23];
+		}else if(addr[0]=="lr"){
+			device.data.stereoMute = buf[19];
+		}
+		device.draw();
+		device.send(Buffer.from("/ch/"+addr[1]+"/mix/fader\u0000\u0000\u0000\u0000"));
+
+	}else if(msg[0].indexOf("/config/name")>0){
+		var addr = parseAddress(msg[0]);
+		var channel = Number(addr[1]);
+		device.data.channelNames[channel-1] = msg[2];
+		device.draw();
+		device.send(Buffer.from("/ch/"+addr[1]+"/config/color\u0000\u0000\u0000\u0000"));
+
+	}else if(msg[0].indexOf("/config/color")>0){
+		var addr = parseAddress(msg[0]);
+		var channel = Number(addr[1]);
+		device.data.channelColors[channel-1] = buf.readInt8(27);
+		device.draw();
+		device.send(Buffer.from("/ch/"+addr[1]+"/mix/on\u0000\u0000\u0000\u0000"));
+
+	}else{
+		//console.log(msg)
+	}
+	//console.log(msg)
+
+}
+
+exports.heartbeat = function(device){
+	device.send(Buffer.from("/xremote"));
+}
+
+
+function parseAddress(msg){
+	var addr = msg.split("/");
+	addr.shift();
+	return addr;
+}
+
+function convertToDBTheBehringerWay(f){
+	if(f>=0.5){
+		return f*40-30;
+	}else if(f>=0.25){
+		return f*80-50;
+	}else if(f>=0.0625){
+		return f*160-70;
+	}else{
+		return f*480-90;
+	}
+}
+

plugins/xair/xair.css

@@ -0,0 +1,113 @@
+td{
+	padding: 3px 16px !important;
+}
+tr td:first-child{
+	text-align: center;
+}
+
+.mute-0, .mute-1{
+	width: 30px;
+	padding: 4px;
+	font-size: 14px;
+	border: black 2px solid;
+	text-align: center;
+	border-radius: 10px;
+}
+.mute-1{
+	border-color: gray;
+	color: gray;
+}
+.mute-0{
+	border-color: #fc3344;
+	color: #fc3344;
+}
+.white{
+	color: white;
+}
+
+.color{
+	padding: 1px 6px;
+	border-radius: 10px;
+	color: black;
+	font-family: PlexMono !important;
+	text-align: center;
+	text-overflow: ellipsis;
+	white-space: nowrap; 
+	overflow: hidden;
+}
+.color-0{ /*Black*/
+	background-color: #212121;
+	color: white;
+}
+.color-1{ /*Red*/
+	background-color: #fc545b;
+}
+.color-2{ /*Green*/
+	background-color: #65b84d;
+}
+.color-3{ /*Yellow*/
+	background-color: #fec52e;
+}
+.color-4{ /*Blue*/
+	background-color: #157efb;
+}
+.color-5{ /*Purple*/
+	background-color: #a453a5;
+}
+.color-6{ /*Teal*/
+	background-color: #00dae3;
+}
+.color-7{ /*White*/
+	background-color: #e0e0e0;
+}
+.color-8{ /*Gray*/
+	background-color: #8c8c8c;
+}
+.color-9{ /*Red*/
+	color: #fc545b;
+	border: #fc545b 1px solid;
+}
+.color-10{ /*Green*/
+	color: #65b84d;
+	border: #65b84d 1px solid;
+}
+.color-11{ /*Yellow*/
+	color: #fec52e;
+	border: #fec52e 1px solid;
+}
+.color-12{ /*Blue*/
+	color: #157efb;
+	border: #157efb 1px solid;
+}
+.color-13{ /*Purple*/
+	color: #a453a5;
+	border: #a453a5 1px solid;
+}
+.color-14{ /*Teal*/
+	color: #00dae3;
+	border: #00dae3 1px solid;
+}
+.color-15{ /*White*/
+	color: #e0e0e0;
+	border: #e0e0e0 1px solid;
+}
+
+input[type=range] {
+  -webkit-appearance: none;
+  margin: 0px;
+  width: 100%;
+}
+input[type=range]::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  margin-top: -9px;
+  height: 26px;
+  width: 8px;
+  border-radius: 4px;
+  background: #929292;
+}
+input[type=range]::-webkit-slider-runnable-track {
+  width: 100%;
+  height: 8px;
+  background: #3b3b3b;
+  border-radius: 4px;
+}

plugins/xair/xair.html

@@ -0,0 +1,47 @@
+<header>
+	<h1><%= listName %></h1>
+	<h2><%= data.model %></h2>
+</header>
+
+<table class="cv-table">
+	<tr>
+		<th width="40px"></th>
+		<th width="100px">Channel</th>
+		<th width="55px">Mute</th>
+		<th width="45px">dB</th>
+		<th width="160px">Fader</th>
+	</tr>
+	<tr>
+		<td width="40px">LR</td>
+		<td width="100px"><div class="color color-8">MAIN OUT</div></td>
+		<td><div class="fader-mute mute-<%=data.stereoMute%>">M</div></td>
+		<td><%- formatAsDB(data.stereoFaderDB) %></td>
+		<td><input type="range" min="0" max="100" value="<%= data.stereoFader*100 %>" disabled></td>
+	</tr>
+	<% for(var i=0; i<32; i++){ %>
+		<% if(data.channelNames[i]=="end"){break;} %>
+		<tr>
+			<td><%= i+1 %></td>
+			<td><div class="color color-<%= data.channelColors[i] %>"><%- data.channelNames[i] || i+1 %></div></td>
+			<td><div class="fader-mute mute-<%=data.channelMutes[i]%>">M</div></td>
+			<td><%- formatAsDB(data.channelFadersDB[i]) %></td>
+			<td><input type="range" min="0" max="100" value="<%= data.channelFaders[i]*100 %>" disabled></td>
+		</tr>
+	<% } %>
+
+</table>
+
+
+
+<%
+function formatAsDB(val){
+	if(val==-90){
+		return "-&infin;";
+	}
+	if(val>0){
+		return "+"+val.toFixed(1);
+	}
+	return val.toFixed(1);
+}
+
+%>

plugins/xair/xair.js

@@ -0,0 +1,129 @@
+exports.defaultName = "X Air Mixer";
+exports.connectionType = "UDPsocket";
+exports.heartbeatInterval = 10000;
+exports.searchOptions = {
+	type: "UDPsocket",
+	searchBuffer: Buffer.from([0x2f, 0x78, 0x69, 0x6e, 0x66, 0x6f]),
+	devicePort: 10024,
+	listenPort: 0,
+	validateResponse: function(msg, info){
+		return (msg.toString().indexOf("/xinfo")==0);
+	}
+}
+exports.defaultPort = 10024;
+
+exports.ready = function(device){
+
+	device.data.channelFaders = new Array(32).fill(0);
+	device.data.channelFadersDB = new Array(32).fill(0);
+	device.data.channelMutes = new Array(32).fill(0);
+	device.data.channelNames = new Array(32).fill("end");
+	device.data.channelColors = new Array(32);
+
+	device.data.stereoFader = 0;
+	device.data.stereoFaderDB = 0;
+	device.data.stereoMute = 0;
+
+	device.send(Buffer.from("/xinfo"));
+
+
+	//device.send(Buffer.from("\x2f\x62\x61\x74\x63\x68\x73\x75\x62\x73\x63\x72\x69\x62\x65\x00\x2c\x73\x73\x69\x69\x69\x00\x00\x6d\x65\x74\x65\x72\x73\x2f\x30\x00\x00\x00\x00\x2f\x6d\x65\x74\x65\x72\x73\x2f\x30\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x01"));
+	//device.send(Buffer.from("/batchsubscribe\x00,ssiii\x00\x00meters/0\x00\x00\x00\x00/meters/0\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x01"));
+
+	//device.send(Buffer.from("/subscribe\x00,si\x00/-stat/solosw/01\x001"));
+
+}
+
+exports.data = function(device, buf){
+	this.deviceInfoUpdate(device, "status", "ok");
+	var msg = buf.toString().split('\u0000\u0000')
+
+	if(msg[0]=="/xinfo"){
+		this.deviceInfoUpdate(device, "defaultName", msg[4]);
+		device.data.name = msg[4];
+		device.data.ip = msg[2];
+		device.data.firmware = msg[7];
+		device.data.model = msg[5];
+
+
+		device.send(Buffer.from("/lr/mix/fader\u0000\u0000\u0000\u0000"));
+		device.send(Buffer.from("/lr/mix/on\u0000\u0000\u0000\u0000"));
+
+		for(var i=0; i<=32; i++){
+			device.send(Buffer.from("/ch/"+i.toString().padStart(2, "0")+"/config/name\u0000\u0000\u0000\u0000"));
+		}
+		device.draw();
+
+
+	}else if(msg[0]=="/meters/0"){
+		//console.log(msg)
+	}else if(msg[0].indexOf("/mix/fader")>=0){
+		var addr = parseAddress(msg[0]);
+		var channel = Number(addr[1]);
+
+		if(addr[0]=="ch"){
+			device.data.channelFaders[channel-1] = buf.readFloatBE(24);
+			device.data.channelFadersDB[channel-1] = convertToDBTheBehringerWay(buf.readFloatBE(24));
+		}else if(addr[0]=="lr"){
+			device.data.stereoFader = buf.readFloatBE(20);
+			device.data.stereoFaderDB = convertToDBTheBehringerWay(buf.readFloatBE(20));
+		}
+
+		device.draw();
+
+	}else if(msg[0].indexOf("/mix/on")>=0){
+		var addr = parseAddress(msg[0]);
+		var channel = Number(addr[1]);
+
+		if(addr[0]=="ch"){
+			device.data.channelMutes[channel-1] = buf[23];
+		}else if(addr[0]=="lr"){
+			device.data.stereoMute = buf[19];
+		}
+		device.draw();
+		device.send(Buffer.from("/ch/"+addr[1]+"/mix/fader\u0000\u0000\u0000\u0000"));
+
+	}else if(msg[0].indexOf("/config/name")>0){
+		var addr = parseAddress(msg[0]);
+		var channel = Number(addr[1]);
+		device.data.channelNames[channel-1] = msg[2];
+		device.draw();
+		device.send(Buffer.from("/ch/"+addr[1]+"/config/color\u0000\u0000\u0000\u0000"));
+
+	}else if(msg[0].indexOf("/config/color")>0){
+		var addr = parseAddress(msg[0]);
+		var channel = Number(addr[1]);
+		device.data.channelColors[channel-1] = buf.readInt8(27);
+		device.draw();
+		device.send(Buffer.from("/ch/"+addr[1]+"/mix/on\u0000\u0000\u0000\u0000"));
+
+	}else{
+		//console.log(msg)
+	}
+	//console.log(msg)
+
+}
+
+exports.heartbeat = function(device){
+	device.send(Buffer.from("/xremote"));
+}
+
+
+function parseAddress(msg){
+	var addr = msg.split("/");
+	addr.shift();
+	return addr;
+}
+
+function convertToDBTheBehringerWay(f){
+	if(f>=0.5){
+		return f*40-30;
+	}else if(f>=0.25){
+		return f*80-50;
+	}else if(f>=0.0625){
+		return f*160-70;
+	}else{
+		return f*480-90;
+	}
+}
+