bump version

Bump eslint-plugin-import from 2.31.0 to 2.32.0

.github/dependabot.yml

@@ -1,6 +1,10 @@
 version: 2
 updates:
-  - package-ecosystem: "npm"
-    directory: "/"
+  - package-ecosystem: 'npm'
+    directory: '/'
     schedule:
-      interval: "weekly"
+      interval: 'weekly'
+  - package-ecosystem: 'github-actions'
+    directory: '/'
+    schedule:
+      interval: 'weekly'

.github/release.yaml

@@ -0,0 +1,14 @@
+changelog:
+  exclude:
+    authors:
+      - dependabot
+  categories:
+    - title: Plugins 🖥️
+      labels:
+        - plugin
+    - title: Interface
+      labels:
+        - interface
+    - title: Other Changes
+      labels:
+        - '*'

.github/workflows/release.yaml

@@ -9,20 +9,20 @@ jobs:
   build-linux:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
+      - uses: actions/checkout@v5
+      - uses: actions/setup-node@v6
         with:
-          node-version: 18
+          node-version-file: .nvmrc
           cache: 'npm'
       - run: npm ci
       - run: npm run release
   build-windows:
     runs-on: windows-latest
     steps:
-      - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
+      - uses: actions/checkout@v5
+      - uses: actions/setup-node@v6
         with:
-          node-version: 18
+          node-version-file: .nvmrc
           cache: 'npm'
       - run: npm ci
       - run: npm run release
@@ -32,12 +32,13 @@ jobs:
       CSC_LINK: ${{ secrets.MACOS_CSC_LINK }}
       CSC_KEY_PASSWORD: ${{ secrets.MACOS_CSC_KEY_PASSWORD }}
       APPLE_ID: ${{ secrets.APPLE_ID }}
+      APPLE_TEAM_ID: ${{ secrets.APPLE_TEAM_ID }}
       APPLE_APP_SPECIFIC_PASSWORD: ${{ secrets.APPLE_ID_PASSWORD }}
     steps:
-      - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
+      - uses: actions/checkout@v5
+      - uses: actions/setup-node@v6
         with:
-          node-version: 18
+          node-version-file: .nvmrc
           cache: 'npm'
       - run: npm ci
       - run: npm run release

.nvmrc

@@ -1 +1 @@
-v18.13.0
+v22.21.1

.vscode/launch.json

@@ -0,0 +1,29 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "Electron: Main",
+      "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/electron",
+      "runtimeArgs": ["--remote-debugging-port=9223", "."],
+      "windows": {
+        "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/electron.cmd"
+      }
+    },
+    {
+      "name": "Electron: Renderer",
+      "type": "chrome",
+      "request": "attach",
+      "port": 9223,
+      "webRoot": "${workspaceFolder}",
+      "timeout": 30000
+    }
+  ],
+  "compounds": [
+    {
+      "name": "Electron: All",
+      "configurations": ["Electron: Main", "Electron: Renderer"]
+    }
+  ]
+}

.vscode/settings.json

@@ -2,7 +2,7 @@
   "editor.defaultFormatter": "esbenp.prettier-vscode",
   "editor.formatOnSave": true,
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true
+    "source.fixAll.eslint": "explicit"
   },
   "eslint.validate": ["javascript"],
   "html.validate.styles": false // accept templates inside HTML style attributes

LICENSE

@@ -0,0 +1,339 @@
+                    GNU GENERAL PUBLIC LICENSE
+                       Version 2, June 1991
+
+ Copyright (C) 1989, 1991 Free Software Foundation, Inc.,
+ 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The licenses for most software are designed to take away your
+freedom to share and change it.  By contrast, the GNU General Public
+License is intended to guarantee your freedom to share and change free
+software--to make sure the software is free for all its users.  This
+General Public License applies to most of the Free Software
+Foundation's software and to any other program whose authors commit to
+using it.  (Some other Free Software Foundation software is covered by
+the GNU Lesser General Public License instead.)  You can apply it to
+your programs, too.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+this service if you wish), that you receive source code or can get it
+if you want it, that you can change the software or use pieces of it
+in new free programs; and that you know you can do these things.
+
+  To protect your rights, we need to make restrictions that forbid
+anyone to deny you these rights or to ask you to surrender the rights.
+These restrictions translate to certain responsibilities for you if you
+distribute copies of the software, or if you modify it.
+
+  For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must give the recipients all the rights that
+you have.  You must make sure that they, too, receive or can get the
+source code.  And you must show them these terms so they know their
+rights.
+
+  We protect your rights with two steps: (1) copyright the software, and
+(2) offer you this license which gives you legal permission to copy,
+distribute and/or modify the software.
+
+  Also, for each author's protection and ours, we want to make certain
+that everyone understands that there is no warranty for this free
+software.  If the software is modified by someone else and passed on, we
+want its recipients to know that what they have is not the original, so
+that any problems introduced by others will not reflect on the original
+authors' reputations.
+
+  Finally, any free program is threatened constantly by software
+patents.  We wish to avoid the danger that redistributors of a free
+program will individually obtain patent licenses, in effect making the
+program proprietary.  To prevent this, we have made it clear that any
+patent must be licensed for everyone's free use or not licensed at all.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                    GNU GENERAL PUBLIC LICENSE
+   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+
+  0. This License applies to any program or other work which contains
+a notice placed by the copyright holder saying it may be distributed
+under the terms of this General Public License.  The "Program", below,
+refers to any such program or work, and a "work based on the Program"
+means either the Program or any derivative work under copyright law:
+that is to say, a work containing the Program or a portion of it,
+either verbatim or with modifications and/or translated into another
+language.  (Hereinafter, translation is included without limitation in
+the term "modification".)  Each licensee is addressed as "you".
+
+Activities other than copying, distribution and modification are not
+covered by this License; they are outside its scope.  The act of
+running the Program is not restricted, and the output from the Program
+is covered only if its contents constitute a work based on the
+Program (independent of having been made by running the Program).
+Whether that is true depends on what the Program does.
+
+  1. You may copy and distribute verbatim copies of the Program's
+source code as you receive it, in any medium, provided that you
+conspicuously and appropriately publish on each copy an appropriate
+copyright notice and disclaimer of warranty; keep intact all the
+notices that refer to this License and to the absence of any warranty;
+and give any other recipients of the Program a copy of this License
+along with the Program.
+
+You may charge a fee for the physical act of transferring a copy, and
+you may at your option offer warranty protection in exchange for a fee.
+
+  2. You may modify your copy or copies of the Program or any portion
+of it, thus forming a work based on the Program, and copy and
+distribute such modifications or work under the terms of Section 1
+above, provided that you also meet all of these conditions:
+
+    a) You must cause the modified files to carry prominent notices
+    stating that you changed the files and the date of any change.
+
+    b) You must cause any work that you distribute or publish, that in
+    whole or in part contains or is derived from the Program or any
+    part thereof, to be licensed as a whole at no charge to all third
+    parties under the terms of this License.
+
+    c) If the modified program normally reads commands interactively
+    when run, you must cause it, when started running for such
+    interactive use in the most ordinary way, to print or display an
+    announcement including an appropriate copyright notice and a
+    notice that there is no warranty (or else, saying that you provide
+    a warranty) and that users may redistribute the program under
+    these conditions, and telling the user how to view a copy of this
+    License.  (Exception: if the Program itself is interactive but
+    does not normally print such an announcement, your work based on
+    the Program is not required to print an announcement.)
+
+These requirements apply to the modified work as a whole.  If
+identifiable sections of that work are not derived from the Program,
+and can be reasonably considered independent and separate works in
+themselves, then this License, and its terms, do not apply to those
+sections when you distribute them as separate works.  But when you
+distribute the same sections as part of a whole which is a work based
+on the Program, the distribution of the whole must be on the terms of
+this License, whose permissions for other licensees extend to the
+entire whole, and thus to each and every part regardless of who wrote it.
+
+Thus, it is not the intent of this section to claim rights or contest
+your rights to work written entirely by you; rather, the intent is to
+exercise the right to control the distribution of derivative or
+collective works based on the Program.
+
+In addition, mere aggregation of another work not based on the Program
+with the Program (or with a work based on the Program) on a volume of
+a storage or distribution medium does not bring the other work under
+the scope of this License.
+
+  3. You may copy and distribute the Program (or a work based on it,
+under Section 2) in object code or executable form under the terms of
+Sections 1 and 2 above provided that you also do one of the following:
+
+    a) Accompany it with the complete corresponding machine-readable
+    source code, which must be distributed under the terms of Sections
+    1 and 2 above on a medium customarily used for software interchange; or,
+
+    b) Accompany it with a written offer, valid for at least three
+    years, to give any third party, for a charge no more than your
+    cost of physically performing source distribution, a complete
+    machine-readable copy of the corresponding source code, to be
+    distributed under the terms of Sections 1 and 2 above on a medium
+    customarily used for software interchange; or,
+
+    c) Accompany it with the information you received as to the offer
+    to distribute corresponding source code.  (This alternative is
+    allowed only for noncommercial distribution and only if you
+    received the program in object code or executable form with such
+    an offer, in accord with Subsection b above.)
+
+The source code for a work means the preferred form of the work for
+making modifications to it.  For an executable work, complete source
+code means all the source code for all modules it contains, plus any
+associated interface definition files, plus the scripts used to
+control compilation and installation of the executable.  However, as a
+special exception, the source code distributed need not include
+anything that is normally distributed (in either source or binary
+form) with the major components (compiler, kernel, and so on) of the
+operating system on which the executable runs, unless that component
+itself accompanies the executable.
+
+If distribution of executable or object code is made by offering
+access to copy from a designated place, then offering equivalent
+access to copy the source code from the same place counts as
+distribution of the source code, even though third parties are not
+compelled to copy the source along with the object code.
+
+  4. You may not copy, modify, sublicense, or distribute the Program
+except as expressly provided under this License.  Any attempt
+otherwise to copy, modify, sublicense or distribute the Program is
+void, and will automatically terminate your rights under this License.
+However, parties who have received copies, or rights, from you under
+this License will not have their licenses terminated so long as such
+parties remain in full compliance.
+
+  5. You are not required to accept this License, since you have not
+signed it.  However, nothing else grants you permission to modify or
+distribute the Program or its derivative works.  These actions are
+prohibited by law if you do not accept this License.  Therefore, by
+modifying or distributing the Program (or any work based on the
+Program), you indicate your acceptance of this License to do so, and
+all its terms and conditions for copying, distributing or modifying
+the Program or works based on it.
+
+  6. Each time you redistribute the Program (or any work based on the
+Program), the recipient automatically receives a license from the
+original licensor to copy, distribute or modify the Program subject to
+these terms and conditions.  You may not impose any further
+restrictions on the recipients' exercise of the rights granted herein.
+You are not responsible for enforcing compliance by third parties to
+this License.
+
+  7. If, as a consequence of a court judgment or allegation of patent
+infringement or for any other reason (not limited to patent issues),
+conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot
+distribute so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you
+may not distribute the Program at all.  For example, if a patent
+license would not permit royalty-free redistribution of the Program by
+all those who receive copies directly or indirectly through you, then
+the only way you could satisfy both it and this License would be to
+refrain entirely from distribution of the Program.
+
+If any portion of this section is held invalid or unenforceable under
+any particular circumstance, the balance of the section is intended to
+apply and the section as a whole is intended to apply in other
+circumstances.
+
+It is not the purpose of this section to induce you to infringe any
+patents or other property right claims or to contest validity of any
+such claims; this section has the sole purpose of protecting the
+integrity of the free software distribution system, which is
+implemented by public license practices.  Many people have made
+generous contributions to the wide range of software distributed
+through that system in reliance on consistent application of that
+system; it is up to the author/donor to decide if he or she is willing
+to distribute software through any other system and a licensee cannot
+impose that choice.
+
+This section is intended to make thoroughly clear what is believed to
+be a consequence of the rest of this License.
+
+  8. If the distribution and/or use of the Program is restricted in
+certain countries either by patents or by copyrighted interfaces, the
+original copyright holder who places the Program under this License
+may add an explicit geographical distribution limitation excluding
+those countries, so that distribution is permitted only in or among
+countries not thus excluded.  In such case, this License incorporates
+the limitation as if written in the body of this License.
+
+  9. The Free Software Foundation may publish revised and/or new versions
+of the General Public License from time to time.  Such new versions will
+be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+Each version is given a distinguishing version number.  If the Program
+specifies a version number of this License which applies to it and "any
+later version", you have the option of following the terms and conditions
+either of that version or of any later version published by the Free
+Software Foundation.  If the Program does not specify a version number of
+this License, you may choose any version ever published by the Free Software
+Foundation.
+
+  10. If you wish to incorporate parts of the Program into other free
+programs whose distribution conditions are different, write to the author
+to ask for permission.  For software which is copyrighted by the Free
+Software Foundation, write to the Free Software Foundation; we sometimes
+make exceptions for this.  Our decision will be guided by the two goals
+of preserving the free status of all derivatives of our free software and
+of promoting the sharing and reuse of software generally.
+
+                            NO WARRANTY
+
+  11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
+FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW.  EXCEPT WHEN
+OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
+PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
+OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE.  THE ENTIRE RISK AS
+TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU.  SHOULD THE
+PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
+REPAIR OR CORRECTION.
+
+  12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
+REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
+INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
+OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
+TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
+YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
+PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
+POSSIBILITY OF SUCH DAMAGES.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+convey the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software; you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation; either version 2 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License along
+    with this program; if not, write to the Free Software Foundation, Inc.,
+    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
+
+Also add information on how to contact you by electronic and paper mail.
+
+If the program is interactive, make it output a short notice like this
+when it starts in an interactive mode:
+
+    Gnomovision version 69, Copyright (C) year name of author
+    Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
+    This is free software, and you are welcome to redistribute it
+    under certain conditions; type `show c' for details.
+
+The hypothetical commands `show w' and `show c' should show the appropriate
+parts of the General Public License.  Of course, the commands you use may
+be called something other than `show w' and `show c'; they could even be
+mouse-clicks or menu items--whatever suits your program.
+
+You should also get your employer (if you work as a programmer) or your
+school, if any, to sign a "copyright disclaimer" for the program, if
+necessary.  Here is a sample; alter the names:
+
+  Yoyodyne, Inc., hereby disclaims all copyright interest in the program
+  `Gnomovision' (which makes passes at compilers) written by James Hacker.
+
+  <signature of Ty Coon>, 1 April 1989
+  Ty Coon, President of Vice
+
+This General Public License does not permit incorporating your program into
+proprietary programs.  If your program is a subroutine library, you may
+consider it more useful to permit linking proprietary applications with the
+library.  If this is what you want to do, use the GNU Lesser General
+Public License instead of this License.

README.md

@@ -24,3 +24,5 @@ A dashboard for everything in your show.
 - ATEM Video Mixers
 - Shure ULXD Wireless
 - DiGico SD Consoles
+- PosiStageNet
+- Livestream Studio

main.js

@@ -38,6 +38,14 @@ const menuTemplate = [
     label: 'View',
     submenu: [
       { role: 'togglefullscreen' },
+      {
+        label: 'Toggle Sidebar',
+        accelerator: 'CommandOrControl+B',
+        id: 'toggleSidebar',
+        click(menuItem, window, event) {
+          mainWindow.webContents.send('toggleSidebar');
+        },
+      },
       { type: 'separator' },
       {
         label: 'Arrangement 1',
@@ -144,9 +152,7 @@ const menuTemplate = [
 const windowMac = {
   width: 1500,
   height: 900,
-  titleBarStyle: 'hiddenInset',
   transparent: false,
-  frame: false,
   show: false,
   vibrancy: 'window',
   visualEffectState: 'followWindow',

notarize.js

@@ -1,44 +0,0 @@
-const notarize = require('@electron/notarize');
-const fs = require('fs');
-const path = require('path');
-
-module.exports = async function (params) {
-  if (process.platform !== 'darwin') {
-    console.log('Only need to notarize MacOS, skipping');
-    return;
-  }
-
-  const appId = 'com.stagehacks.cueview';
-
-  const appPath = path.join(
-    params.appOutDir,
-    `${params.packager.appInfo.productFilename}.app`
-  );
-
-  if (!fs.existsSync(appPath)) {
-    console.error('App file not found skipping notarization.');
-    return;
-  }
-
-  if (
-    process.env.APPLE_ID === undefined ||
-    process.env.APPLE_ID_PASSWORD === undefined
-  ) {
-    console.log('Apple ID and Password must be set in order to notarize.');
-    return;
-  }
-
-  try {
-    console.log(`Notarizing ${appId} found at ${appPath}`);
-    await notarize.notarize({
-      appBundleId: appId,
-      appPath,
-      appleId: process.env.APPLE_ID,
-      appleIdPassword: process.env.APPLE_ID_PASSWORD,
-    });
-    console.log(`Done notarizing ${appId}`);
-  } catch (error) {
-    console.log('There was an error notarizing.');
-    console.error(error);
-  }
-};

package.json

@@ -1,7 +1,7 @@
 {
   "name": "cue-view",
   "productName": "Cue View",
-  "version": "1.1.0",
+  "version": "1.2.4",
   "description": "A dashboard for everything in your show",
   "main": "main.js",
   "scripts": {
@@ -12,7 +12,6 @@
     "build:mac": "electron-builder -m",
     "build:windows": "electron-builder -w",
     "build:linux": "electron-builder -l",
-    "build:arm": "electron-builder -l --arm64",
     "release": "electron-builder"
   },
   "author": "alec@stagehacks.com",
@@ -20,30 +19,31 @@
   "homepage": "https://github.com/stagehacks/Cue-View",
   "repository": "https://github.com/stagehacks/Cue-View",
   "devDependencies": {
-    "@electron/notarize": "^2.3.0",
-    "electron": "^29.1.0",
-    "electron-builder": "^24.13.3",
-    "eslint": "^8.57.0",
-    "eslint-config-airbnb-base": "^15.0.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-import": "^2.29.1",
-    "prettier": "^3.2.5"
+    "@electron/notarize": "3.1.1",
+    "electron": "39.1.1",
+    "electron-builder": "26.0.12",
+    "eslint": "8.57.0",
+    "eslint-config-airbnb-base": "15.0.0",
+    "eslint-config-prettier": "10.1.8",
+    "eslint-plugin-import": "2.32.0",
+    "prettier": "3.6.2"
   },
   "dependencies": {
-    "@jwetzell/posistagenet": "^0.4.6",
-    "atem-connection": "^3.5.0",
-    "bonjour": "^3.5.0",
-    "electron-updater": "^6.1.8",
-    "lodash": "^4.17.21",
-    "md5": "^2.3.0",
-    "netmask": "^2.0.2",
-    "osc": "^2.4.4",
-    "uuid": "^9.0.1"
+    "@jwetzell/posistagenet": "2.1.1",
+    "atem-connection": "3.5.0",
+    "bonjour": "3.5.0",
+    "electron-updater": "6.6.2",
+    "lodash": "4.17.21",
+    "md5": "2.3.0",
+    "netmask": "2.0.2",
+    "osc": "2.4.5",
+    "uuid": "13.0.0"
   },
   "build": {
     "appId": "com.stagehacks.cueview",
     "icon": "src/assets/img/",
     "artifactName": "${name}.${os}-${arch}.v${version}.${ext}",
+    "npmRebuild": false,
     "mac": {
       "category": "Utilities",
       "icon": "src/assets/img/icon.icns",
@@ -75,7 +75,16 @@
       "oneClick": false
     },
     "linux": {
-      "target": "AppImage",
+      "target": [
+        {
+          "target": "AppImage",
+          "arch": [
+            "x64",
+            "arm64",
+            "armv7l"
+          ]
+        }
+      ],
       "maintainer": "alec@stagehacks.com",
       "category": "Utility",
       "publish": [

plugins/atem/main.js

@@ -6,7 +6,7 @@ exports.config = {
   defaultName: 'ATEM',
   connectionType: 'atem',
   defaultPort: 9910,
-  mayChangePort: false,
+  mayChangePorts: false,
   searchOptions: {
     type: 'UDPScan',
     searchBuffer: Buffer.from([

plugins/eos/main.js

@@ -7,7 +7,7 @@ exports.config = {
   defaultName: 'ETC Eos',
   connectionType: 'osc',
   defaultPort: 3037,
-  mayChangePort: true,
+  mayChangePorts: true,
   heartbeatInterval: 5000,
   heartbeatTimeout: 6000,
   searchOptions: {
@@ -18,6 +18,19 @@ exports.config = {
       return msg.toString().includes('/eos/out');
     },
   },
+  fields: [
+    {
+      key: 'cueListFilter',
+      label: 'Q List',
+      type: 'numberinput',
+      value: '',
+      action(_device) {
+        const device = _device;
+        device.data.cueListFilter = device.fields.cueListFilter;
+        device.draw();
+      },
+    },
+  ],
 };
 
 exports.ready = function ready(_device) {
@@ -26,6 +39,8 @@ exports.ready = function ready(_device) {
   device.templates = {
     cue: _.template(fs.readFileSync(path.join(__dirname, `cue.ejs`))),
   };
+  device.data.cueListFilter = device.fields.cueListFilter;
+
   device.send('/eos/get/cuelist/count');
   device.send('/eos/get/version');
   device.send('/eos/subscribe', [{ type: 'i', value: 1 }]);

plugins/eos/template.ejs

@@ -1,9 +1,10 @@
 <header>
 	<h1><%= listName  %></h1>
-	<h2>Eos <%= data.version  %></h2>
+	<h2>Eos <%= data.EOS.version  %></h2>
 </header>
 
 <% for(var i in data.EOS.cueLists){ %>
+	<% if(data.cueListFilter == i || data.cueListFilter.length==0){ %>
 	<div class="list_container">
 		<div class="list_name">List <%= i %></div>
 		<table cellspacing="0">
@@ -38,5 +39,6 @@
 			<% } %>
 		</table>
 	</div>
+	<% } %>
 
 <% } %>

plugins/lightfactory/main.js

@@ -0,0 +1,136 @@
+exports.config = {
+  defaultName: 'LightFactory',
+  connectionType: 'TCPsocket',
+  remotePort: 3100,
+  mayChangePorts: true,
+  heartbeatInterval: 5000,
+  heartbeatTimeout: 10000,
+  searchOptions: {
+    type: 'TCPport',
+    searchBuffer: Buffer.from('\n', 'ascii'),
+    testPort: 3100,
+    validateResponse(msg, info) {
+      return msg.toString().includes('LightFactory');
+    },
+  },
+};
+
+exports.ready = function ready(_device) {
+  const device = _device;
+  device.data.cueLists = {};
+  device.send('get cue list\n');
+};
+
+function cleanMessage(message) {
+  return message.split('\n').filter((line) => line.trim() !== '');
+}
+
+// TODO(jwetzell): try to grab notes?
+exports.data = function data(_device, _message) {
+  const message = _message.toString();
+  const device = _device;
+
+  if (message.includes('Current Cue List')) {
+    // NOTE(jwetzell): loading cue list info
+    const cueListMessage = cleanMessage(message);
+    if (cueListMessage.includes('<LIST START>') && cueListMessage.includes('<LIST FINISHED>')) {
+      const cueListstartIndex = cueListMessage.indexOf('<LIST START>');
+      const cueListFinishedIndex = cueListMessage.indexOf('<LIST FINISHED>');
+
+      for (let i = cueListstartIndex + 1; i < cueListFinishedIndex; i++) {
+        const cueListName = cueListMessage[i];
+        if (device.data.cueLists[cueListName] === undefined) {
+          device.data.cueLists[cueListName] = {
+            name: cueListName,
+            cues: {},
+            active: false,
+          };
+        } else {
+          // NOTE(jwetzell): reset active as it will be computed in a few lines
+          device.data.cueLists[cueListName].active = false;
+        }
+      }
+      const activeCueListLine = cueListMessage[cueListFinishedIndex + 1];
+      if (activeCueListLine) {
+        const activeCueListLineParts = activeCueListLine.split('Current Cue List');
+        const activeCueList = activeCueListLineParts[activeCueListLineParts.length - 1].trim();
+        if (activeCueList && device.data.cueLists[activeCueList] !== undefined) {
+          device.data.cueLists[activeCueList].active = true;
+        }
+      }
+      device.data.cueListToLoad = Object.keys(device.data.cueLists)[0];
+      device.send(`get cues ${device.data.cueListToLoad}\n`);
+    }
+  } else if (message.includes('Current Live Cue')) {
+    // NOTE(jwetzell): loading cues for a cue list
+    const cueList = device.data.cueLists[device.data.cueListToLoad];
+    const cueListCuesMessage = cleanMessage(message);
+
+    // NOTE(jwetzell): this is so gross
+    if (cueListCuesMessage.includes('<LIST START>') && cueListCuesMessage.includes('<LIST FINISHED>')) {
+      const cuesStartIndex = cueListCuesMessage.indexOf('<LIST START>');
+      const cuesFinishedIndex = cueListCuesMessage.indexOf('<LIST FINISHED>');
+
+      const validCueNumbers = [];
+      for (let i = cuesStartIndex + 1; i < cuesFinishedIndex; i++) {
+        const cueData = cueListCuesMessage[i];
+        const cueSplit = cueData.indexOf(' ');
+        const cueNumber = cueSplit > 0 ? cueData.substring(0, cueSplit).trim() : cueData.trim();
+        const cueName = cueSplit > 0 ? cueData.substring(cueSplit + 1).trim() : '';
+        cueList.cues[cueNumber] = {
+          name: cueName,
+          number: cueNumber,
+          active: false,
+        };
+        validCueNumbers.push(cueNumber);
+      }
+
+      const invalidCueNumbers = Object.keys(cueList.cues).filter((cueNumber) => !validCueNumbers.includes(cueNumber));
+
+      invalidCueNumbers.forEach((cueNumber) => {
+        delete cueList.cues[cueNumber];
+      });
+
+      const activeCueLine = cueListCuesMessage[cuesFinishedIndex + 1];
+      if (activeCueLine) {
+        const activeCueLineParts = activeCueLine.split('Current Live Cue');
+        const activeCue = activeCueLineParts[activeCueLineParts.length - 1].trim();
+        if (activeCue && cueList.cues[activeCue] !== undefined) {
+          cueList.cues[activeCue].active = true;
+        }
+      }
+    }
+    // NOTE(jwetzell): load next cue list's cues if there is one
+    const cueListNames = Object.keys(device.data.cueLists);
+    const cueListIndex = cueListNames.indexOf(device.data.cueListToLoad);
+    device.data.cueListToLoad = cueListNames.at(cueListIndex + 1);
+    if (device.data.cueListToLoad !== undefined) {
+      device.send(`get cues ${device.data.cueListToLoad}\n`);
+    }
+  } else if (message.includes('Running cue') || message.includes('Goto cue')) {
+    const cueUpdateMessage = message
+      .trim()
+      .slice(0, -1)
+      .split(':')
+      .map((item) => item.trim());
+    if (cueUpdateMessage.length === 3) {
+      const cueListName = cueUpdateMessage[1];
+      const updatedCue = cueUpdateMessage[2];
+
+      const split = updatedCue.indexOf(' ');
+
+      const updatedCueNumber = split > 0 ? updatedCue.substring(0, split).trim() : updatedCue.trim();
+      if (device.data.cueLists[cueListName] !== undefined) {
+        Object.entries(device.data.cueLists[cueListName].cues).forEach(([cueName, cueData]) => {
+          cueData.active = cueData.number === updatedCueNumber;
+        });
+      }
+    }
+  }
+  device.draw();
+};
+
+// TODO(jwetzell): keep alive? refresh cue list info?
+exports.heartbeat = function heartbeat(device) {
+  device.send('get cue list\n');
+};

plugins/lightfactory/styles.css

@@ -0,0 +1,52 @@
+section {
+  background-color: #363636;
+  border: gray 1px solid;
+  padding: 2px;
+  padding-top: 0px;
+  overflow: hidden;
+  font-size: 8px;
+  margin-bottom: 10px;
+  width: 300px;
+}
+table {
+  border: #414142 1px solid;
+  background-color: #272727;
+  width: 100%;
+}
+table,
+th,
+td {
+  border-collapse: collapse;
+  color: #ccc;
+  font-size: 12px;
+}
+th {
+  padding: 2px 10px;
+  border: #282828 1px solid;
+  background: linear-gradient(#404040, #363636);
+  text-align: left;
+}
+td {
+  text-align: left;
+  padding: 7px 7px;
+  font-family: sans-serif;
+  position: relative;
+}
+tr {
+  border-bottom: #363636 1px solid;
+}
+tr:nth-child(odd) {
+  background-color: #2a2a2a;
+}
+tr:nth-child(even) {
+  background-color: #202020;
+}
+
+.active_indicator {
+  color: #00ff00;
+  font-size: 13px;
+  position: absolute;
+  top: 4px;
+  left: -4px;
+  transform: rotate(-45deg);
+}

plugins/lightfactory/template.ejs

@@ -0,0 +1,35 @@
+<header>
+	<h1><%= listName %></h1>
+</header>
+
+<div>
+	<!-- Server Loop -->
+	<% Object.entries(data.cueLists).forEach(([cueListName,cueListData]) => { %>
+	
+	<section>
+		<h2>Cue List: <%= cueListData.name %> <%= cueListData.active ? '(Active)': '' %></h2>
+
+		<table>
+			<tr>
+				<th width="10px" style="padding: 0px;"></th>
+				<th width="50px">Cue No</th>
+				<th>Description</th>
+
+			</tr>
+			<!-- Tracker Loop -->
+			<% Object.entries(cueListData.cues).forEach(([cueName,cueData]) => { %>
+
+			<tr>
+				<td style="padding: 0px;"><span class="active_indicator"><%= cueData.active ? '&#9698;': '' %></span></td>
+				<td><%= cueData.number %></td>
+				<td><%= cueData.name %> </td>
+			</tr>
+
+			<% }); %>
+		</table>
+	</section>
+
+	<% 
+    }); 
+  	%>
+</div>

plugins/livestream-studio/info.html

@@ -0,0 +1,5 @@
+<h3>Livestream Studio Configuration</h3>
+<ul>
+  <li>enable Third-party Controllers under Settings->Hardware Control->Allow Incoming Connections</li>
+  <li>allow the connection from Cue View the first time it connects under the same settings menu</li>
+</ul>

plugins/livestream-studio/main.js

@@ -0,0 +1,147 @@
+exports.config = {
+  defaultName: 'Livestream Studio',
+  connectionType: 'TCPsocket',
+  remotePort: 9923,
+  mayChangePort: false,
+  searchOptions: {
+    type: 'TCPport',
+    searchBuffer: Buffer.from(''),
+    testPort: 9923,
+    validateResponse(msg, info) {
+      return msg.toString().startsWith('ILCC:');
+    },
+  },
+};
+
+exports.ready = function ready(_device) {
+  console.log('livestream studio ready');
+  const device = _device;
+  device.draw();
+
+  setInterval(() => {
+    device.update('inputs', device.data);
+    device.update('fadeToBlack', device.data);
+  }, 1000);
+};
+
+exports.update = function update(device, _document, updateType, data) {
+  const document = _document;
+  if (updateType === 'programInput' || updateType === 'previewInput' || updateType === 'inputs') {
+    device.data.inputs.forEach((input) => {
+      if (device.data.program === input.number) {
+        document.getElementById(`input-${input.number}`).classList.add('lss-red');
+      } else {
+        document.getElementById(`input-${input.number}`).classList.remove('lss-red');
+      }
+
+      if (device.data.preview === input.number) {
+        document.getElementById(`input-${input.number}`).classList.add('lss-green');
+      } else {
+        document.getElementById(`input-${input.number}`).classList.remove('lss-green');
+      }
+    });
+  } else if (updateType === 'fadeToBlack') {
+    const ftbId = 'ftb';
+
+    if (device.data.fadeToBlack) {
+      document.getElementById(ftbId).classList.add('lss-ftb-glow');
+    } else {
+      document.getElementById(ftbId).classList.remove('lss-ftb-glow');
+    }
+  } else if (updateType === 'tbar') {
+    const tbarId = `tbar-div`;
+    const tbarHandleId = `tbar-handle-div`;
+    if (document.getElementById(tbarId)) {
+      document.getElementById(tbarId).style.height = `${device.data.tBar.percent * 1.4 + 10}px`;
+    }
+    if (document.getElementById(tbarHandleId)) {
+      document.getElementById(tbarHandleId).style.bottom = `${device.data.tBar.percent * 1.4 + 10}px`;
+    }
+
+    if (device.data.tBar.status === 'Automatic') {
+      document.getElementById(`auto`).classList.add('lss-red');
+    } else {
+      document.getElementById(`auto`).classList.remove('lss-red');
+    }
+  } else if (updateType === 'cut') {
+    document.getElementById('cut').classList.add('lss-red');
+    setTimeout(() => {
+      document.getElementById('cut').classList.remove('lss-red');
+    }, 250);
+  }
+};
+
+exports.data = function data(_device, msg) {
+  const device = _device;
+
+  this.deviceInfoUpdate(device, 'status', 'ok');
+
+  const packets = msg.toString().split('\n');
+
+  packets.forEach((packet) => {
+    const packetParts = packet.split(':');
+    const packetType = packetParts[0];
+    if (packetType === 'ILC') {
+      if (device.data.inputs === undefined) {
+        device.data.inputs = [];
+      }
+      device.data.inputs[packetParts[1]] = {
+        number: Number.parseInt(packetParts[1], 10) + 1,
+        name: packetParts[2].replaceAll('"', ''),
+        audio: {
+          level: parseFloat(packetParts[3]) / 1000,
+          gain: parseFloat(packetParts[4]) / 1000,
+          mute: packetParts[5] === '1',
+          solo: packetParts[6] === '1',
+          programLock: packetParts[7] === '1',
+        },
+        type: packetParts[8],
+      };
+      device.draw();
+      device.update('inputs', device.data);
+    } else if (packetType === 'ILCC') {
+      if (device.data.inputCount !== undefined) {
+        device.data.inputs = [];
+      }
+      device.data.inputCount = Number.parseInt(packetParts[1], 10);
+    } else if (packetType === 'PmIS') {
+      device.data.program = Number.parseInt(packetParts[1], 10) + 1;
+      device.update('programInput', device.data);
+    } else if (packetType === 'PwIS') {
+      device.data.preview = Number.parseInt(packetParts[1], 10) + 1;
+      device.update('previewInput', device.data);
+    } else if (packetType === 'Cut') {
+      [device.data.preview, device.data.program] = [device.data.program, device.data.preview];
+      device.data.tBar.percent = 0;
+      device.data.tBar.status = 'Stop';
+      device.update('cut');
+      device.update('inputs', device.data);
+      device.update('tbar', device.data);
+    } else if (packetType === 'FOut') {
+      device.data.fadeToBlack = true;
+      device.update('fadeToBlack', device.data);
+    } else if (packetType === 'FIn') {
+      device.data.fadeToBlack = false;
+      device.update('fadeToBlack', device.data);
+    } else if (packetType === 'TrASp' || packetType === 'TrMSp') {
+      if (device.data.tBar === undefined) {
+        device.data.tBar = {};
+      }
+      device.data.tBar.status = packetType === 'TrASp' ? 'Automatic' : 'Manual';
+      device.data.tBar.percent = Number.parseInt(packetParts[1], 10) / 10;
+      if (device.data.tBar.percent === 0) {
+        device.data.tBar.status = 'Stop';
+      }
+      device.update('tbar', device.data);
+    } else if (packetType === 'TrAStart' || packetType === 'TrAStop') {
+      if (device.data.tBar === undefined) {
+        device.data.tBar = {};
+      }
+      device.data.tBar.status = packetType.slice(3);
+      if (packetType === 'TrAStop') {
+        device.data.tBar.percent = 0;
+      }
+      device.update('tbar', device.data);
+    }
+  });
+};

plugins/livestream-studio/styles.css

@@ -0,0 +1,179 @@
+body {
+  background-color: #191919;
+}
+h1 {
+  font-family: 'Open Sans', sans-serif;
+}
+h5 {
+  color: white;
+  margin: 0px 0px 10px 3px;
+  font-weight: bold;
+  width: 100%;
+  /* font-family: 'Open Sans', sans-serif; */
+}
+
+.lss-input {
+  width: 120px;
+  height: 40px;
+  background-color: #242424;
+  color: white;
+  border: #242424 6px solid;
+  outline: black 1px solid;
+  outline-offset: -1px;
+}
+
+.lss-button {
+  width: 80px;
+  height: 30px;
+  background: linear-gradient(#363636, #282828);
+  border-radius: 5px;
+  border: black 2px solid;
+  color: gray;
+  margin-bottom: 5px;
+}
+
+.source-wrapper {
+  display: flex;
+  flex-wrap: wrap;
+  background-color: #000000;
+  width: 122px;
+  border: black 1px solid;
+}
+
+.lss-red {
+  border-color: #6f1607;
+  outline-color: #ff0000;
+}
+.lss-button.lss-red {
+  color: #6f1607;
+}
+
+.lss-green {
+  border-color: #395a13;
+  outline-color: #558522;
+}
+
+.lss-disabled {
+  color: #3a3a3a;
+}
+
+.lss-ftb-glow {
+  border: gray 2px solid;
+  animation: ftb-glow 0.75s infinite alternate;
+}
+
+@keyframes ftb-glow {
+  0% {
+    border-color: #666666;
+    color: #666666;
+  }
+  100% {
+    border-color: #fc584b;
+    color: #fc584b;
+  }
+}
+
+.source-label {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  font-size: 11px;
+  font-weight: bold;
+}
+
+.inputs-container {
+  width: 200px;
+}
+
+.transition-container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+
+.transition-settings {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  margin-right: 30px;
+}
+
+.tbar-container {
+  display: flex;
+  flex-direction: column-reverse;
+  background-color: red;
+  border: 2px black solid;
+  width: 80px;
+  height: 176px;
+  position: relative;
+  margin-bottom: 10px;
+}
+
+.tbar-bg {
+  position: absolute;
+  background-image: url('img/tbar_bg.png');
+  width: 80px;
+  height: 176px;
+}
+.tbar-handle {
+  position: absolute;
+  background-image: url('img/tbar_handle.png');
+  width: 42px;
+  height: 20px;
+  left: 19px;
+  bottom: 10px;
+}
+.tbar-div {
+  width: 100%;
+  background-color: #7aff58;
+  overflow: hidden;
+}
+
+.fade-to-black-container {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+}
+
+.fade-to-black .source-wrapper {
+  display: flex;
+  width: 100%;
+  padding: 5px;
+  justify-content: center;
+}
+
+.fade-to-black h3 {
+  text-align: center;
+}
+
+.clear {
+  background: transparent;
+  border-color: transparent;
+  background-color: transparent;
+}
+
+.hide {
+  display: none;
+}
+
+.no-wrap {
+  flex-wrap: nowrap;
+}
+
+.show-small {
+  display: none;
+}
+
+@media screen and (min-width: 0px) and (max-width: 480px) {
+  .hide-small {
+    display: none;
+  }
+  .show-small {
+    display: block;
+  }
+}
+
+.float-left {
+  float: left;
+}

plugins/livestream-studio/template.ejs

@@ -0,0 +1,66 @@
+<header>
+	<h1><%= listName  %></h1>
+</header>
+
+<% if (data.inputCount) { %>
+    <div class="inputs-container float-left">
+        <h5>INPUTS</h5>
+        <div class="source-wrapper">
+            <% data.inputs.forEach((input)=>{ %>
+                <div id="input-<%= input.number %>" class="lss-input">
+                    <div class="source-label"><%= input.name %></div>
+                </div>
+            <% }) %>
+        </div>
+    </div>
+    </div>
+    <div class="transition-container float-left">
+        <div class="transition-settings">
+            <!-- <div class="next-transition">
+                <h3>Next Transition</h3>
+                <div class="source-wrapper" style="width: 260px;">
+                        <div class="lss-input clear"></div>
+                        <div id="key-1-onair" class="lss-input">
+                            <div class="source-label" style="flex-direction: column;">
+                                <div>ON</div> <div>AIR</div>
+                            </div>
+                        </div>
+                        <div id="key-2-onair" class="lss-input">
+                            <div class="source-label" style="flex-direction: column;">
+                                <div>ON</div> <div>AIR</div>
+                            </div>
+                        </div>
+                        <div id="key-3-onair" class="lss-input">
+                            <div class="source-label" style="flex-direction: column;">
+                                <div>ON</div> <div>AIR</div>
+                            </div>
+                        </div>
+                        <div id="key-4-onair" class="lss-input">
+                            <div class="source-label" style="flex-direction: column;">
+                                <div>ON</div> <div>AIR</div>
+                            </div>
+                        </div>
+                </div>
+            </div> -->
+        
+            <div class="transition-style">
+                <h5>TRANSITION</h5>
+                <div id="cut" class="lss-button">
+                    <div class="source-label">CUT</div>
+                </div>
+                <div id="auto" class="lss-button">
+                    <div class="source-label">AUTO</div>
+                </div>
+                <div class="tbar-container">
+                    <div class="tbar-bg"></div>
+                    <div id="tbar-handle-div" class="tbar-handle"></div>
+                    <div id="tbar-div" class="tbar-div" ></div>
+                </div>
+                <div id="ftb" class="lss-button">
+                    <div class="source-label">FTB</div>
+                </div>
+            </div>
+        </div>
+       
+    </div>
+<% } %>

plugins/posistagenet/main.js

@@ -3,7 +3,6 @@ const { Decoder } = require('@jwetzell/posistagenet');
 exports.config = {
   defaultName: 'PosiStageNet',
   connectionType: 'multicast',
-  port: 56565,
   remotePort: 56565,
   mayChangePorts: false,
   heartbeatInterval: 5000,
@@ -44,15 +43,32 @@ exports.data = function data(_device, buf, info) {
   device.decoders[info.address].decode(buf);
 
   Object.keys(device.decoders).forEach((address) => {
+    console.log(device.decoders[address].trackers)
     device.data[address] = {
       trackers: device.decoders[address].trackers,
       system_name: device.decoders[address].system_name,
-      fields: device.decoders[address].getTrackerFields(),
+      fields: getTrackerFields(device.decoders[address].trackers),
     };
   });
   device.draw();
 };
 
+function getTrackerFields(trackers) {
+    const keys = new Set(
+      Object.values(trackers)
+        .map((tracker) => Object.keys(tracker))
+        .flat(1)
+    );
+
+    // NOTE(jwetzell): remove fields that definitely exist
+    keys.delete('id');
+    keys.delete('has_subchunks');
+    keys.delete('data_len');
+    keys.delete('chunk_data');
+
+    return keys;
+}
+
 exports.heartbeat = function heartbeat(device) {};
 
 exports.update = function update(_device, doc, updateType, updateData) {};

plugins/posistagenet/template.ejs

@@ -14,7 +14,7 @@
   <table>
     <tr>
       <th></th>
-      <% if(instanceData.fields.has('tracker_name')) { %>
+      <% if(instanceData.fields.has('name')) { %>
         <th></th>
       <% } %>
 
@@ -30,7 +30,7 @@
         <th colspan="3" class="bg-ori border-right">ORI</th>
       <% } %>
 
-      <% if(instanceData.fields.has('status')) { %>
+      <% if(instanceData.fields.has('validity')) { %>
         <th class="border-right"></th>
       <% } %>
 
@@ -48,7 +48,7 @@
     </tr>
     <tr>
       <th>ID</th>
-      <% if(instanceData.fields.has('tracker_name')) { %>
+      <% if(instanceData.fields.has('name')) { %>
         <th>Name</th>
       <% } %>
 
@@ -70,7 +70,7 @@
         <th class="bg-ori border-right">z</th>
       <% } %>
 
-      <% if(instanceData.fields.has('status')) { %>
+      <% if(instanceData.fields.has('validity')) { %>
         <th class="border-right">validity</th>
       <% } %>
 
@@ -96,51 +96,51 @@
 
     <tr>
       <td><%= trackerId %></td>
-      <% if(instanceData.fields.has('tracker_name')) { %>
-        <td><%= trackerData.tracker_name?.tracker_name%></td>
+      <% if(instanceData.fields.has('name')) { %>
+        <td><%= trackerData.name%></td>
       <% } %>
       
       <% if(instanceData.fields.has('pos')) { %>
         <!-- pos -->
-        <td class="bg-pos"><%= trackerData.pos?.pos_x?.toFixed(2) %></td>
-        <td class="bg-pos"><%= trackerData.pos?.pos_y?.toFixed(2) %></td>
-        <td class="bg-pos border-right"><%= trackerData.pos?.pos_z?.toFixed(2) %></td>
+        <td class="bg-pos"><%= trackerData.pos?.x?.toFixed(2) %></td>
+        <td class="bg-pos"><%= trackerData.pos?.y?.toFixed(2) %></td>
+        <td class="bg-pos border-right"><%= trackerData.pos?.z?.toFixed(2) %></td>
       <% } %>
 
       <% if(instanceData.fields.has('speed')) { %>
         <!-- speed -->
-        <td class="bg-speed"><%= trackerData.speed?.speed_x?.toFixed(2) %></td>
-        <td class="bg-speed"><%= trackerData.speed?.speed_y?.toFixed(2) %></td>
-        <td class="bg-speed border-right"><%= trackerData.speed?.speed_z?.toFixed(2) %></td>
+        <td class="bg-speed"><%= trackerData.speed?.x?.toFixed(2) %></td>
+        <td class="bg-speed"><%= trackerData.speed?.y?.toFixed(2) %></td>
+        <td class="bg-speed border-right"><%= trackerData.speed?.z?.toFixed(2) %></td>
       <% } %>
 
       <% if(instanceData.fields.has('ori')) { %>
         <!-- ori -->
-        <td class="bg-ori"><%= trackerData.ori?.ori_x?.toFixed(2) %></td>
-        <td class="bg-ori"><%= trackerData.ori?.ori_y?.toFixed(2) %></td>
-        <td class="bg-ori border-right"><%= trackerData.ori?.ori_z?.toFixed(2) %></td>
+        <td class="bg-ori"><%= trackerData.ori?.x?.toFixed(2) %></td>
+        <td class="bg-ori"><%= trackerData.ori?.y?.toFixed(2) %></td>
+        <td class="bg-ori border-right"><%= trackerData.ori?.z?.toFixed(2) %></td>
       <% } %>
 
-      <% if(instanceData.fields.has('status')) { %>
-        <td class="border-right"><%= trackerData.status?.validity?.toFixed(2) %></td>
+      <% if(instanceData.fields.has('validity')) { %>
+        <td class="border-right"><%= trackerData.validity?.toFixed(2) %></td>
       <% } %>
 
       <% if(instanceData.fields.has('accel')) { %>
         <!-- accel -->
-        <td class="bg-accel"><%= trackerData.accel?.accel_x?.toFixed(2) %></td>
-        <td class="bg-accel"><%= trackerData.accel?.accel_y?.toFixed(2) %></td>
-        <td class="bg-accel border-right"><%= trackerData.accel?.accel_z?.toFixed(2) %></td>
+        <td class="bg-accel"><%= trackerData.accel?.x?.toFixed(2) %></td>
+        <td class="bg-accel"><%= trackerData.accel?.y?.toFixed(2) %></td>
+        <td class="bg-accel border-right"><%= trackerData.accel?.z?.toFixed(2) %></td>
       <% } %>
 
       <% if(instanceData.fields.has('trgtpos')) { %>
         <!-- trgtpos -->
-        <td class="bg-trgtpos"><%= trackerData.trgtpos?.trgtpos_x?.toFixed(2) %></td>
-        <td class="bg-trgtpos"><%= trackerData.trgtpos?.trgtpos_y?.toFixed(2) %></td>
-        <td class="bg-trgtpos border-right"><%= trackerData.trgtpos?.trgtpos_z?.toFixed(2) %></td>
+        <td class="bg-trgtpos"><%= trackerData.trgtpos?.x?.toFixed(2) %></td>
+        <td class="bg-trgtpos"><%= trackerData.trgtpos?.y?.toFixed(2) %></td>
+        <td class="bg-trgtpos border-right"><%= trackerData.trgtpos?.z?.toFixed(2) %></td>
       <% } %>
 
       <% if(instanceData.fields.has('timestamp')) { %>
-        <td><%= trackerData.timestamp?.tracker_timestamp %></td>
+        <td><%= trackerData.timestamp %></td>
       <% } %>
 
     </tr>

plugins/qlab/main.js

@@ -73,7 +73,7 @@ exports.data = function data(_device, oscData) {
       return;
     }
     if (json.status === 'error') {
-      device.send('/workspaces');
+      // device.send('/workspaces');
       return;
     }
   }
@@ -101,7 +101,11 @@ exports.data = function data(_device, oscData) {
     } else {
       device.data.workspaces[json.workspace_id].permission = 'ok';
       device.send(`/workspace/${msgAddr[2]}/cueLists`);
-      device.send(`/workspace/${msgAddr[2]}/updates`, [{ type: 'i', value: 1 }]);
+      if (device.data?.version?.startsWith('5')) {
+        device.send(`/updates`, [{ type: 'i', value: 1 }]);
+      } else {
+        device.send(`/workspace/${msgAddr[2]}/updates`, [{ type: 'i', value: 1 }]);
+      }
     }
   } else if (/reply\/workspace\/.*\/cueLists/.test(oscData.address)) {
     insertChildCues(device, device.data.workspaces[msgAddr[2]].cueLists, json.data, '[root group of cue lists]');

plugins/scs/info.html

@@ -1,6 +0,0 @@
-<h3>Connection Requirements</h3>
-<ul>
-  <li>Remote App must be set to OSC App under Remote App Interface settings</li>
-  <li>Network Protocol must be set to TCP under Remote App Interface settings</li>
-  <li>OSC Version must be set to 1.1 under Remote App Interface settings</li>
-</ul>

plugins/scs/main.js

@@ -1,242 +0,0 @@
-exports.config = {
-  defaultName: 'Show Cue Systems',
-  connectionType: 'osc',
-  defaultPort: 58100,
-  mayChangePorts: true,
-  heartbeatInterval: 5000,
-  searchOptions: {
-    type: 'TCPport',
-    searchBuffer: Buffer.from('/status', 'ascii'),
-    testPort: 58100,
-    validateResponse(msg, info) {
-      return msg.toString().includes('/status');
-    },
-  },
-  fields: [],
-};
-
-const typeMap = {
-  A: 'Video/Image',
-  E: 'Memo',
-  F: 'Audio File',
-  G: 'GoTo Cue',
-  H: 'Multi-File Cue',
-  I: 'Live Input',
-  J: 'Enable/Disable',
-  K: 'Lighting',
-  L: 'Level Change',
-  M: 'Control Send',
-  N: 'Note',
-  P: 'Playlist',
-  Q: 'Call Cue',
-  R: 'Run Program',
-  S: 'SFR',
-  T: 'Set Position',
-  U: 'MIDI Time Code',
-};
-
-const versionMap = {
-  10: 'LITE',
-  20: 'STD',
-  30: 'PRO',
-  40: 'PLUS',
-  45: 'DEMO',
-  50: 'PLAT',
-};
-
-const activationMap = {
-  man: 'Manual',
-  'm+c': 'Manual w/ Confirmation',
-  auto: 'Auto-start',
-  'a+c': 'Auto-start w/ Confirmation',
-  callq: 'Call Cue',
-  hot: 'Hotkey (Trigger)',
-  hktg: 'Hotkey (Toggle)',
-  hknt: 'Hotkey (Note)',
-  time: 'Time-Based',
-  ext: 'External (Trigger)',
-  extg: 'External (Toggle)',
-  exnt: 'External (Note)',
-  mtc: 'MIDI Time Code',
-  ocm: 'On Cue Marker',
-};
-
-const stateMap = {
-  0: 'Ready',
-  1: 'Playing',
-  2: 'Paused',
-  3: 'Completed',
-};
-
-exports.ready = function ready(_device) {
-  const device = _device;
-  device.data.cues = [];
-  device.data.initialized = false;
-  device.send('/prod/gettitle');
-};
-
-exports.data = function data(_device, oscData) {
-  const device = _device;
-  this.deviceInfoUpdate(device, 'status', 'ok');
-  const messagePath = oscData.address;
-  if (messagePath === '/prod/gettitle') {
-    const title = oscData.args[0].replaceAll('"', '').trim();
-    this.deviceInfoUpdate(device, 'defaultName', title);
-    device.send('/info/scsversion');
-  } else if (messagePath === '/info/scsversion') {
-    const versionInfo = oscData.args;
-    const versionNumber = versionInfo[0].toString();
-    const versionMajor = versionNumber.substring(0, 2).replace('0', '');
-    const versionMinor = versionNumber.substring(2, 4).replace('0', '');
-    const versionPatch = versionNumber.substring(4, 6).replace('0', '');
-    const versionString = `${versionMajor}.${versionMinor}.${versionPatch}`;
-
-    const versionType = versionMap[versionInfo[1]];
-    device.data.version = {
-      number: versionString,
-      type: versionType,
-    };
-    device.send('/info/finalcue');
-  } else if (messagePath === '/info/finalcue') {
-    const cueCount = oscData.args[0];
-    if (cueCount !== device.data.cues.length) {
-      device.data.initialized = false;
-      device.data.cues = new Array(cueCount).fill(0).map(() => ({
-        label: '',
-        page: '',
-        description: '',
-        type: { code: '', display: '' },
-        state: '',
-        activation: { code: '', display: '' },
-        file_info: '',
-        length: '',
-        colors: ['', ''],
-      }));
-      device.send('/cue/getitemsn', [
-        { type: 'i', value: 1 },
-        { type: 's', value: 'QNTCLSPARZ' },
-      ]);
-    }
-  } else if (messagePath === '/info/getcue') {
-    const cueLabelInfo = oscData.args;
-    const cueNumber = cueLabelInfo[0];
-    const cueLabel = cueLabelInfo[1].replaceAll('"', '');
-
-    device.data.cues[cueNumber - 1].label = cueLabel;
-    device.draw();
-  } else if (messagePath === '/cue/getpage') {
-    const pageInfo = oscData.args;
-    const cueLabel = pageInfo[0].replaceAll('"', '');
-    const cueIndex = device.data.cues.map((cue) => cue.label).indexOf(cueLabel);
-    device.data.cues[cueIndex].page = pageInfo[1].replaceAll('"', '');
-    if (cueIndex < device.data.cues.length - 1) {
-      device.send('/cue/getpage', [{ type: 's', value: device.data.cues[cueIndex + 1].label }]);
-    } else {
-      device.draw();
-      device.data.initialized = true;
-      device.send('/status');
-    }
-  } else if (messagePath === '/cue/getname') {
-    const nameInfo = oscData.args;
-    const cueLabel = nameInfo[0].replaceAll('"', '');
-    const cueIndex = device.data.cues.map((cue) => cue.label).indexOf(cueLabel);
-
-    device.data.cues[cueIndex].description = nameInfo[1].replaceAll('"', '');
-    device.draw();
-  } else if (messagePath === '/cue/gettype') {
-    const typeInfo = oscData.args;
-    const cueLabel = typeInfo[0].replaceAll('"', '');
-    const cueIndex = device.data.cues.map((cue) => cue.label).indexOf(cueLabel);
-
-    device.data.cues[cueIndex].type = {
-      code: typeInfo[1].replaceAll('"', ''),
-      display: typeMap[typeInfo[1].replaceAll('"', '')],
-    };
-    device.draw();
-  } else if (messagePath === '/cue/getitemsn') {
-    const itemParts = oscData.args;
-    if (itemParts.length === 12) {
-      const cueIndex = itemParts[0] - 1;
-      device.data.cues[cueIndex].label = itemParts[2];
-      device.data.cues[cueIndex].description = itemParts[3];
-      device.data.cues[cueIndex].type = {
-        code: itemParts[4],
-        display: typeMap[itemParts[4]],
-      };
-      device.data.cues[cueIndex].colors = itemParts[5].split(', ');
-      device.data.cues[cueIndex].length = millisToString(itemParts[6]);
-      device.data.cues[cueIndex].state = stateMap[itemParts[7]];
-      device.data.cues[cueIndex].position = itemParts[8];
-      device.data.cues[cueIndex].activation = {
-        code: itemParts[9],
-        display: activationMap[itemParts[9]],
-      };
-      device.data.cues[cueIndex].repeat = itemParts[10];
-      device.data.cues[cueIndex].loop = itemParts[11];
-      device.draw();
-
-      if (!device.data.initialized) {
-        if (cueIndex < device.data.cues.length - 1) {
-          device.send('/cue/getitemsn', [
-            { type: 'i', value: cueIndex + 2 },
-            { type: 's', value: 'QNTCLSPARZ' },
-          ]);
-        } else {
-          device.send('/cue/getpage', [{ type: 's', value: device.data.cues[0].label }]);
-        }
-      }
-    } else {
-      console.error('bad response from getitems');
-    }
-  } else if (messagePath === '/cue/statechange') {
-    const cueLabel = oscData.args[0];
-    const cueIndex = device.data.cues.map((cue) => cue.label).indexOf(cueLabel);
-    if (cueIndex !== undefined) {
-      device.data.cues[cueIndex].state = stateMap[oscData.args[1]];
-      device.draw();
-      device.send('/cue/getitemsn', [
-        { type: 'i', value: cueIndex + 1 },
-        { type: 's', value: 'QNTCLSPARZ' },
-      ]);
-    }
-  } else if (messagePath === '/status') {
-    // const status = oscData.args[0];
-    device.send('/info/currcue');
-  } else if (messagePath === '/connected') {
-    device.send('/prod/gettitle');
-  } else if (messagePath === '/info/currcue') {
-    device.data.currentCue = oscData.args[0];
-    device.draw();
-  } else if (messagePath === '/info/nextcue') {
-    device.data.nextCue = oscData.args[0];
-    device.draw();
-    device.data.initialized = false;
-    device.send('/cue/getitemsn', [
-      { type: 'i', value: 1 },
-      { type: 's', value: 'QNTCLSPARZ' },
-    ]);
-  } else {
-    console.error(`unhandled message path: ${messagePath}`);
-  }
-};
-
-function millisToString(duration) {
-  const milliseconds = parseInt(duration % 1000, 10);
-  let seconds = parseInt((duration / 1000) % 60, 10);
-  const minutes = parseInt((duration / (1000 * 60)) % 60, 10);
-
-  if (minutes === 0) {
-    return `${seconds}.${milliseconds}`;
-  }
-  if (seconds === 0) {
-    return `0.${milliseconds}`;
-  }
-  if (seconds < 10) {
-    seconds = `0${seconds}`;
-  }
-  return `${minutes}:${seconds}.${milliseconds}`;
-}
-
-exports.heartbeat = function heartbeat(device) {
-  device.send('/info/finalcue');
-};

plugins/scs/styles.css

@@ -1,17 +0,0 @@
-table {
-  background: white;
-}
-
-th {
-  text-align: left;
-  font-weight: normal;
-}
-
-.header-row {
-  background: white;
-}
-
-td {
-  padding-left: 5px;
-  padding-right: 5px;
-}

plugins/scs/template.ejs

@@ -1,34 +0,0 @@
-<header>
-	<h1><%= listName  %></h1>
-</header>
-<table>
-	<tr class="header-row">
-	  <th>Label</th>
-	  <th>Page</th>
-	  <th>Description</th>
-	  <th>Cue Type</th>
-	  <th>State</th>
-	  <th>Activation</th>
-	  <th>Length</th>
-	</tr>
-	<% data.cues.forEach((cue, index )=>{ %>
-
-		<% if (data.currentCue === index + 1){ %>
-			<tr style="background-color: black; color: white;">
-		<%} else if (index + 1 < data.currentCue){ %>
-			<tr style="background-color: #808080; color: #E5E5E5;">
-		<%} else{ %>
-			<tr style="background-color: <%=cue.colors[0]%>; color: <%=cue.colors[1]%>;">
-		<% } %>
-
-		
-		<td><%=cue.label%></td>
-		<td><%=cue.page%></td>
-		<td><%=cue.description%></td>
-		<td><%=cue.type.display%></td>
-		<td><%=cue.state%></td>
-		<td><%=cue.activation.display%></td>
-		<td><%=cue.length%></td>
-	</tr>
-	<% }) %>
-  </table>

preload.js

@@ -155,6 +155,10 @@ ipcRenderer.on('clearSavedData', (event, message) => {
   SAVESLOTS.clearSavedData();
 });
 
+ipcRenderer.on('toggleSidebar', (event, message) => {
+  document.getElementById('main').classList.toggle('sidebar-hidden');
+});
+
 ipcRenderer.on('loadSlot', (event, slot) => {
   if (slot) {
     SAVESLOTS.loadSlot(slot);

src/assets/css/index.css

@@ -1,6 +1,10 @@
 html {
   font-size: 1rem;
-  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont;
+  font-family:
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont;
 }
 *,
 a,
@@ -31,6 +35,14 @@ a {
   float: right;
 }
 
+#main.sidebar-hidden {
+  grid-template-columns: auto;
+}
+
+#main.sidebar-hidden > #device-list-col {
+  display: none;
+}
+
 #main {
   box-sizing: border-box;
   display: grid;
@@ -48,7 +60,7 @@ a {
 
 /* FIRST COL */
 #device-list-col {
-  background-color: transparent;
+  background-color: #2b2b2b;
   color: #707070;
 }
 #view-buttons-bar {
@@ -339,7 +351,9 @@ select.button:focus {
   font-family: 'Material Icons';
   font-style: normal;
   font-weight: 400;
-  src: local('Material Icons'), local('MaterialIcons-Regular'),
+  src:
+    local('Material Icons'),
+    local('MaterialIcons-Regular'),
     url(../font/MaterialIcons-Regular.ttf) format('truetype');
 }
 .material-icons {

src/device.js

@@ -122,7 +122,6 @@ function initDeviceConnection(id) {
       device.connection = new osc.TCPSocketPort({
         address: device.addresses[0],
         port: device.remotePort,
-        useSLIP: plugins[type].config.useSLIP !== undefined ? plugins[type].config.useSLIP : true
       });
     }
     device.connection.open();
@@ -258,13 +257,13 @@ module.exports.deleteActive = function deleteActive() {
 
   if (choice) {
     if (device.plugin.config.connectionType === 'TCPsocket') {
-      device.connection.destroy();
+      device.connection?.destroy();
     } else if (device.plugin.config.connectionType === 'UDPsocket') {
-      device.connection.close();
+      device.connection?.close();
     } else if (device.plugin.config.connectionType === 'multicast') {
-      device.connection.close();
+      device.connection?.close();
     } else if (device.plugin.config.connectionType.startsWith('osc')) {
-      device.connection.close();
+      device.connection?.close();
     }
     VIEW.removeDeviceFromList(device);
     delete devices[device.id];

src/view.js

@@ -86,7 +86,7 @@ function generateBodyHTML(d) {
       <div class='not-responding'>
         <h2><em>${d.type}</em> is not responding to requests for data.</h2>
         <h3>IP <em>${d.addresses[0]}</em></h3>
-        <h3>Port <em>${d.port}</em></h3>
+        <h3>Port <em>${d.remotePort}</em></h3>
         <hr>
       </div>
       <div class="device-info">
@@ -100,13 +100,21 @@ module.exports.draw = function draw(device) {
   const d = device;
   const $deviceDrawArea = document.getElementById(`device-${d.id}-draw-area`);
 
-  if ($deviceDrawArea) {
-    const scriptEl = $deviceDrawArea.contentWindow.document.createRange().createContextualFragment(generateBodyHTML(d));
-    $deviceDrawArea.contentWindow.document.body.replaceChildren(scriptEl);
-  } else {
-    drawDeviceFrame(d.id);
+  if (device.drawTimeout !== undefined) {
+    clearTimeout(device.drawTimeout);
   }
-  d.drawn = true;
+
+  d.drawTimeout = setTimeout(() => {
+    if ($deviceDrawArea) {
+      const scriptEl = $deviceDrawArea.contentWindow.document
+        .createRange()
+        .createContextualFragment(generateBodyHTML(d));
+      $deviceDrawArea.contentWindow.document.body.replaceChildren(scriptEl);
+    } else {
+      drawDeviceFrame(d.id);
+    }
+    d.drawn = true;
+  }, 200);
 };
 
 module.exports.update = function update(device, type, data) {
@@ -253,6 +261,14 @@ function updateFields() {
         const rowHTML = `<tr><th>${field.label}:</th><td colspan="3" id="${field.key}"></td></tr>`;
         document.getElementById('device-settings-fields').insertAdjacentHTML('beforeend', rowHTML);
         document.getElementById(field.key).appendChild($elem);
+      } else if (field.type === 'numberinput') {
+        $elem.type = 'number';
+        $elem.min = 1;
+        $elem.max = 99;
+        $elem.step = 1;
+        const rowHTML = `<tr><th>${field.label}:</th><td colspan="3" id="${field.key}"></td></tr>`;
+        document.getElementById('device-settings-fields').insertAdjacentHTML('beforeend', rowHTML);
+        document.getElementById(field.key).appendChild($elem);
       }
     });
   }