loupedeck-commander 1.2.6 → 1.2.8

package/common/ApplicationConfig.mjs

@@ -1,4 +1,4 @@
-import { readJSONFile, writeJSONFile } from './utils.mjs'
+import { readJSONFile, writeJSONFile,syncParams } from './utils.mjs'
 
 export class ApplicationConfig {
   application = 'undefined'
@@ -19,7 +19,7 @@ export class ApplicationConfig {
     else{
       this.application = config.application
       for (let i = 0; i < config.profiles.length; i++) {
-        const profile = new Profile(config.profiles[i])
+        const profile = new Profile(config.profiles[i],config.profiles.length,i)
         if (profile.loaded){
           this.profiles.push(profile)
         }else{
@@ -42,24 +42,30 @@ class Profile {
   knobs = {}
   buttons = {}
   parameters = {}
+  default = {}
   #file = ''
   loaded = false
   #error = true
+  #profileCount = 0
+  #index = 0
 
-  constructor (data) {
+  constructor (data,profileCount,index) {
     this.name = data.name
     this.#file = data.file
+    this.#profileCount = profileCount
+    this.#index = index
     this.touch = new TouchConfig({})
     this.buttons = new ButtonConfig().buttons
     this.knobs = new KnobsConfig().knobs
     this.parameters = new ParametersConfig().parameters
+    this.default = new DefaultConfig().default
     
     this.loadFromFile(this.#file)
     if (this.#error) { this.saveToFile(`profile-${this.name}-sav.json`) }
   }
 
   loadFromFile (fileName) {
-    console.info(`ProfileConfig: Loading Profile  File ${fileName}`)
+    console.info(`ProfileConfig: Loading Profile  File ${fileName}, Index ${this.#index}`)
     const config = readJSONFile(fileName)
     if (config === undefined) {
       console.warn(`ProfileConfig: Cannot parse/load Profile File ${fileName}`)
@@ -70,24 +76,25 @@ class Profile {
     }else if (!config.touch){
       console.warn(`ProfileConfig: File ${fileName} is missing a touch attribute`)
       return false
-    }else if (!config.buttons){
-      console.warn(`ProfileConfig: File ${fileName} is missing a buttons attribute`)
-      return false
     }else if (!config.parameters){
       console.warn(`ProfileConfig: File ${fileName} is missing a parameters attribute`)
       return false
+    }else if (!config.buttons){
+      console.info(`ProfileConfig: File ${fileName} is missing a buttons attribute - will be used to switch profiles by default`)
+//      return false
     }
     this.profile = config.profile
     this.description = config.description
+    // Load Parameters.parameters = config.parameters
+    this.parameters = new ParametersConfig(config.parameters).parameters
+    this.default = new DefaultConfig(config.default).default
 
     // Load the Configurations for Touch-Displays
-    this.touch = new TouchConfig(config.touch)
+    this.touch = new TouchConfig(config.touch,this.default)
     // Load the Configurations for Button-Areas
     
-    this.buttons = new ButtonConfig(config.buttons).buttons 
+    this.buttons = new ButtonConfig(config.buttons,this.#profileCount,this.#index).buttons 
     this.knobs = new KnobsConfig(config.knobs).knobs 
-    // Load Parameters.parameters = config.parameters
-    this.parameters = new ParametersConfig(config.parameters).parameters
 
     this.#error = false
     this.loaded = true
@@ -128,11 +135,11 @@ class TouchConfig {
   } // RIGHT Display Config - Available in CT & LIVE
   //knob = {} // KNOB Display Config - Available only in CT
 
-  constructor (data) {
-    this.loadFromJSON(data)
+  constructor (data,defaultState) {
+    this.loadFromJSON(data,defaultState)
   }
 
-  loadFromJSON (data) {
+  loadFromJSON (data,defaultState) {
     if (!data)
       return
     if (!data.center)
@@ -146,7 +153,21 @@ class TouchConfig {
     this.center = data.center
     this.left = data.left
     this.right = data.right
-    //this.knob = data.knob
+
+    /**
+     * Sychronize the states of the buttons with the default state - add missing options from default state
+     */
+    var buttons = Object.keys(this.center)
+    for (var buttonID=0;buttonID<buttons.length;buttonID++){
+      if (!this.center[buttonID])
+          continue
+      var states = Object.keys(this.center[buttonID].states)
+      for (var stateID=0;stateID<states.length;stateID++){
+          var stateKey = states[stateID]
+          var stateOld = this.center[buttonID].states[stateKey]
+          this.center[buttonID].states[stateKey] = syncParams(stateOld,defaultState)
+      }
+    }
   }
 }
 
@@ -154,19 +175,32 @@ class TouchConfig {
  * Class that handles the different configs for the touch displays of the device covering Loupedeck Live (without knob) and also CT (with knob)
  */
 class ButtonConfig {
-  buttons = {
-    "0" :  { "states" : { "off" : { "color": "#000000", "cmd": "echo \"{id} {state}\"" }, "on" : { "color": "#550000", "cmd": "echo \"{id} {state}\"" } }, group : "" },
-    "1" :  { "states" : { "off" : { "color": "#000000", "cmd": "echo \"{id} {state}\"" }, "on" : { "color": "#ff0000", "cmd": "echo \"{id} {state}\"" } }, group : "" },
-    "2" :  { "states" : { "off" : { "color": "#000000", "cmd": "echo \"{id} {state}\"" }, "on" : { "color": "#005500", "cmd": "echo \"{id} {state}\"" } }, group : "" },
-    "3" :  { "states" : { "off" : { "color": "#000000", "cmd": "echo \"{id} {state}\"" }, "on" : { "color": "#00ff00", "cmd": "echo \"{id} {state}\"" } }, group : "" },
-    "4" :  { "states" : { "off" : { "color": "#000000", "cmd": "echo \"{id} {state}\"" }, "on" : { "color": "#000055", "cmd": "echo \"{id} {state}\"" } }, group : "" },
-    "5" :  { "states" : { "off" : { "color": "#000000", "cmd": "echo \"{id} {state}\"" }, "on" : { "color": "#0000ff", "cmd": "echo \"{id} {state}\"" } }, group : "" },
-    "6" :  { "states" : { "off" : { "color": "#000000", "cmd": "echo \"{id} {state}\"" }, "on" : { "color": "#555500", "cmd": "echo \"{id} {state}\"" } }, group : "" },
-    "7" :  { "states" : { "off" : { "color": "#000000", "cmd": "echo \"{id} {state}\"" }, "on" : { "color": "#ffff00", "cmd": "echo \"{id} {state}\"" } }, group : "" },
+  buttons = {}
+  defaultButtons = {
+    "0" :  {"states" : { "off" : { "filter": "pressed", "color": "#000000", "cmd": "echo \"{id} {state}\"" }, "on" : { "filter": "pressed","color": "#ff0000", "cmd": "echo \"{id} {state}\"" } }, group : "onoff" },
+    "1" :  {"states" : { "off" : { "filter": "pressed", "color": "#000055", "cmd": "echo \"{id} {state}\"" }, "on" : { "filter": "pressed", "profile": 0, "color": "#00ff00", "cmd": "echo \"{id} {state}\"" } }, group : "profiles" },
+    "2" :  {"states" : { "off" : { "filter": "pressed", "color": "#000055", "cmd": "echo \"{id} {state}\"" }, "on" : { "filter": "pressed", "profile": 1, "color": "#00ff00", "cmd": "echo \"{id} {state}\"" } }, group : "profiles" },
+    "3" :  {"states" : { "off" : { "filter": "pressed", "color": "#000055", "cmd": "echo \"{id} {state}\"" }, "on" : { "filter": "pressed", "profile": 2, "color": "#00ff00", "cmd": "echo \"{id} {state}\"" } }, group : "profiles" },
+    "4" :  {"states" : { "off" : { "filter": "pressed", "color": "#000055", "cmd": "echo \"{id} {state}\"" }, "on" : { "filter": "pressed", "profile": 3, "color": "#00ff00", "cmd": "echo \"{id} {state}\"" } }, group : "profiles" },
+    "5" :  {"states" : { "off" : { "filter": "pressed", "color": "#000055", "cmd": "echo \"{id} {state}\"" }, "on" : { "filter": "pressed", "profile": 4, "color": "#00ff00", "cmd": "echo \"{id} {state}\"" } }, group : "profiles" },
+    "6" :  {"states" : { "off" : { "filter": "pressed", "color": "#000055", "cmd": "echo \"{id} {state}\"" }, "on" : { "filter": "pressed", "profile": 5, "color": "#00ff00", "cmd": "echo \"{id} {state}\"" } }, group : "profiles" },
+    "7" :  {"states" : { "off" : { "filter": "pressed", "color": "#000055", "cmd": "echo \"{id} {state}\"" }, "on" : { "filter": "pressed", "profile": 6, "color": "#00ff00", "cmd": "echo \"{id} {state}\"" } }, group : "profiles" },
   } 
 
-  constructor (data) {
-    this.loadFromJSON(data)
+  constructor (data,profileCount,index) {
+    if (data)
+      return this.loadFromJSON(data)
+    // Default to profile switching buttons 
+    var keys = Object.keys(this.defaultButtons)
+    for (let i = 0; i <= profileCount; i++) {
+      var key = keys[i]
+      this.buttons[key] = this.defaultButtons[key]
+      if (i==(index+1)){
+        this.buttons[key].default = "on"  
+      }
+      
+    }
+    
   }
 
   loadFromJSON (data) {
@@ -204,8 +238,10 @@ class ParametersConfig {
   parameters = {
     "hostname": "127.0.0.1",
     "endpointurl": "opc.tcp://{hostname}:4840",
-    "nodeid" : "ns=0;s=nodeID"
-  } // KNOB Config - Available only in CT
+    "nodeid" : "ns=0;s=nodeID",
+    "min" : 0,
+    "max" : 100
+  }
 
   constructor (data) {
     this.loadFromJSON(data)
@@ -217,3 +253,20 @@ class ParametersConfig {
     this.parameters = data
   }
 }
+
+class DefaultConfig {
+  default = {
+    "filter": "released",
+    "color":  "#111111"
+  }
+
+  constructor (data) {
+    this.loadFromJSON(data)
+  }
+
+  loadFromJSON (data) {
+    if (!data)
+      return
+    this.default = data
+  }
+}

package/common/BaseLoupeDeckHandler.mjs

@@ -134,6 +134,13 @@ export class BaseLoupeDeckHandler {
     const dLeft = this.device.displays.left
     const dRight = this.device.displays.right
     const dCenter = this.device.displays.center
+
+    this.screens.center = undefined
+    this.screens.left = undefined
+    this.screens.right = undefined
+    this.buttons = undefined
+    this.knobs = undefined
+
     
     this.screens.center = new ButtonField('center', this.device.rows, this.device.columns, dCenter.width, dCenter.height, profile.touch.center,profile)
     this.screens.left = new ButtonField('left', 1, 1, dLeft.width, dLeft.height, profile.touch.left,profile)
@@ -159,6 +166,8 @@ export class BaseLoupeDeckHandler {
     await this.updateScreens()
         
     await this.buttons.draw(this.device)
+    // Initialize the Interfaces
+    await InitializeInterfaces(profile)
     
   }
 
@@ -179,8 +188,9 @@ export class BaseLoupeDeckHandler {
     
     await this.activateProfile(0)
 
-    var profile = this.getCurrentProfile()
-    await InitializeInterfaces(profile,this.buttons.setState)
+    // move into activate profile function to call init with every profile change
+    // var profile = this.getCurrentProfile()
+    //await InitializeInterfaces(profile)
 
     const self = this
 
@@ -222,7 +232,7 @@ export class BaseLoupeDeckHandler {
     const id = event.id
     if (Number.isInteger(id)){
       ok = await this.buttons.pressed(id)
-      await this.buttons.draw(this.device)
+      //await this.buttons.draw(this.device)
     }else{
       ok = await this.knobs.pressed(id)
     }
@@ -237,7 +247,7 @@ export class BaseLoupeDeckHandler {
     const id = event.id
     if (Number.isInteger(id) && this.buttons){
       ok = await this.buttons.released(id)
-      await this.buttons.draw(this.device)  
+      //await this.buttons.draw(this.device)  
     }else{
       if(this.knobs)
         ok = await this.knobs.released(id)
@@ -326,6 +336,7 @@ export class BaseLoupeDeckHandler {
     this.screenUpdate["right"] = true
 
     ok = await this.screens.center.changed(buttonID,nodeid,val)
+    ok = await this.knobs.changed(buttonID,nodeid,val)
     
     await this.updateScreens()
     return ok

package/common/touchbuttons.mjs

@@ -5,7 +5,7 @@ import * as shellif from '../interfaces/shellif.mjs'
 import * as httpif from '../interfaces/httpif.mjs'
 import * as opcuaif from '../interfaces/opcuaif.mjs'
 import format from 'string-template'
-import { calcDelta } from './utils.mjs'
+import { calcDelta, invertColor } from './utils.mjs'
 import { EventEmitter } from 'node:events'
 
 
@@ -13,17 +13,18 @@ export var opcuainterface = undefined
 var httpinterface = undefined
 var shellinterface = undefined
 export var profileEmitter = undefined
-export async function InitializeInterfaces(appConfig,callbackFunction){
+export async function InitializeInterfaces(appConfig){
   if (opcuainterface === undefined ){
     opcuainterface = new opcuaif.OPCUAIf()
-    opcuainterface.init(appConfig.parameters,appConfig,callbackFunction)
   }
+  // the opcua interface needs the profile to register nodes with subscriptions:
+  opcuainterface.init(appConfig.parameters,appConfig)
   if (httpinterface === undefined) 
     httpinterface = new httpif.HTTPif()
   if (shellinterface === undefined)
     shellinterface = new shellif.SHELLif()
-
-  profileEmitter = new EventEmitter()
+  if (profileEmitter === undefined)
+    profileEmitter = new EventEmitter()
 }
 
 export async function StopInterfaces(){
@@ -64,9 +65,9 @@ export class ButtonField {
   #keys = []
   #type
   #name
-  #config
+  #profile
   
-  constructor (name, rows, columns, width, height, data, config) {
+  constructor (name, rows, columns, width, height, data, profile) {
     console.info(`ButtonField ${name.padEnd(10, ' ')} Buttons: ${rows} x ${columns} , Pixels  ${width} x ${height}`)
     this.#name = name
     this.width = width
@@ -75,17 +76,17 @@ export class ButtonField {
     this.#columns = columns
     this.#screen = this.width > 0 && this.height > 0
     this.#type = 'button'
+    this.#profile = profile
     if (this.#screen) { this.#type = 'touch' }
 
     const keys = Object.keys(data)
     for (let i = 0; i < keys.length; i++) {
       const key = keys[i]
-      const tb = new Button(`${this.#type}-${key}`, width / columns, height / rows, data[key],key,config.parameters)
+      const tb = new Button(`${this.#type}-${key}`, width / columns, height / rows, data[key],key,this.#profile)
       this.#buttons[key] = tb
     }
 
     this.#keys = keys
-    this.#config = config
   }
 
   
@@ -124,10 +125,10 @@ export class ButtonField {
     for (let i = 0; i < this.#keys.length; i++) {
       const key = this.#keys[i]
       if (isNaN(key)) {
-        await this.#buttons[key].load(this.#config)
+        await this.#buttons[key].load(this.#profile)
       } else {
         const iVal = parseInt(key, 10)
-        await this.#buttons[iVal].load(this.#config)
+        await this.#buttons[iVal].load(this.#profile)
       }
     }
   }
@@ -190,7 +191,9 @@ export class ButtonField {
 }
 
 export class Button {
-  #config
+  #profile
+  #params
+  #data
   width = 0
   height = 0
 
@@ -229,7 +232,7 @@ export class Button {
   minPressed = 25
   key = -1
 
-  constructor (id, width, height, data,key,params) {
+  constructor (id, width, height, data,key,profile) {
     this.id = id
     this.key = key
     this.width = width
@@ -237,8 +240,10 @@ export class Button {
     this.#index = 0
 
     if (data && data.states) {
-      this.group = data.group
+      this.#data = data
 
+      this.group = data.group
+      
       this.#states = data.states
       this.#keys = Object.keys(this.#states)
       if (data.type) {
@@ -253,14 +258,28 @@ export class Button {
         this.text = data.text
       }
     }
+    if (profile === undefined){
+      this.#profile = {}
+      this.#params = {}
+    }else{
+      this.#profile = profile
+      this.#params = profile.parameters
+      if (profile.parameters.min !== undefined)
+        this.#min = profile.parameters.min
+      if (profile.parameters.max !== undefined)
+        this.#max = profile.parameters.max
+    }
     if (this.#states === undefined) {
       this.#states = {}
       this.#keys = []
     }
     if (data.nodeid){
-      this.#nodeid = format(data.nodeid, params)
+      this.#nodeid = format(data.nodeid, this.#params)
     }
-    
+    if (data.default) {
+      this.#index = this.#keys.indexOf(data.default)
+    }
+
   }
 
   setState (index = 0) {
@@ -282,7 +301,7 @@ export class Button {
         id:idx,
         color: `rgba(${r}, ${g}, ${b})`
       }
-//      console.log(' Set Button Color',val.id,elem.color, val.color)
+//      console.log(' Set Button Color',id, val.id,elem.color, val.color)
       device.setButtonColor(val)
     } catch (error) {
       console.error(' Error', error)
@@ -305,8 +324,10 @@ export class Button {
       }
     }
     if (this.text){
-      const lastElem = this.getLastElement()
-      ctx.fillStyle = lastElem.color
+      //const lastElem = this.getLastElement()
+      // Only change the text color, if it differnce from the currently set color
+      
+      ctx.fillStyle = invertColor(elem.color)
       ctx.font = '20px Verdana'
       ctx.textBaseline = 'top';
       ctx.textAlign = 'left';
@@ -315,7 +336,7 @@ export class Button {
   }
 
   async load (globalConfig) {
-    this.#config = globalConfig
+    this.#profile = globalConfig
     for (let i = 0; i < this.#keys.length; i++) {
       const key = this.#keys[i]
       const elem = this.#states[key]
@@ -392,7 +413,7 @@ export class Button {
 
   updateState(index,eventType){
     this.#index = index
-    this.#event = eventType
+    this.#event = eventType    
     // Update the State according to the correctly pressed state
     if (this.#index < 0) { this.#index = this.#keys.length - 1 }
     this.#index %= this.#keys.length
@@ -405,7 +426,7 @@ export class Button {
     if (!this.getCurrentElement()) { return false }
 
     this.#event = "rotated"
-    this.#value = calcDelta(this.#value, delta, this.#max)
+    this.#value = calcDelta(this.#value, delta, this.#min, this.#max)
     return this.runCommand()
   }
 
@@ -426,20 +447,21 @@ export class Button {
 
       // check if the nodeid is the same and the value is one of the states
         let state = this.#states[key]
-        if (!state.value)
+        if (state.value === undefined)
           continue
 
         const params = {
           id: buttonID,
           key: buttonID,
+          state : key,
           ...state
         }
         let val1 = format(state.value,params)
-        if (val1 === val){
+        if (val1 === val.toString()){
           this.#index = i;
           break;
         }
-        break;
+        //break;
     }
   }
 
@@ -479,7 +501,7 @@ export class Button {
       return
     }
 
-    if (elem.profile){
+    if (elem.profile !== undefined) {
       profileEmitter.emit("profileChanged", elem.profile)
     }
 
@@ -492,7 +514,7 @@ export class Button {
     // and also all attributes of elem + global config
     const params = {
       text: this.getCurrentText(),
-      ...this.#config.parameters,
+      ...this.#profile.parameters,
       ...elem,
       id: this.id,
       key: this.key,
@@ -504,7 +526,7 @@ export class Button {
       y: (this.#y %100)
     }
 
-    if (!params.value)
+    if (params.value === undefined)
       params.value = this.#value
 
 
@@ -526,6 +548,12 @@ export class Button {
     if ('opcua' in elem) {
       if (opcuainterface){
         res = await opcuainterface.call(elem.opcua, params)
+
+        if (this.#data.statenodeid){
+          let stateParams = params
+          params.value = params.state
+          res = await opcuainterface.call(this.#data.statenodeid, params)
+        }
       }else{
         console.warn("opcuainterface not started")
       }

package/common/utils.mjs

@@ -22,9 +22,64 @@ export function writeJSONFile (fileName, jsonObj) {
   writeFileSync(fileName, data)
 }
 
-export function calcDelta (data, delta, max = 100) {
+/**
+ * Calculate the delta of a value within a range between min and max with overflow
+ * @param {*} data 
+ * @param {*} delta 
+ * @param {*} min 
+ * @param {*} max 
+ * @returns 
+ */
+export function calcDelta (data, delta, min = 0, max = 100) {
   data = data + delta
-  if (data > max) { data = max }
-  if (data < 0) { data = 0 }
+  if (data > max) { data = min }
+  else if (data < min) { data = max }
   return data
 }
+
+/**
+ * Invert a color in hex format (#RRGGBB) to its inverted color
+ * @param {*} colorAsHex 
+ * @returns 
+ */
+export function invertColor(colorAsHex){
+  let rgb = colorToRGB(colorAsHex)
+  for (var i = 0; i < rgb.length; i++) {
+    rgb[i] = (i === 3 ? 1 : 255) - rgb[i];
+  }
+  let invertedColor = `#${rgb[0].toString(16)}${rgb[1].toString(16)}${rgb[2].toString(16)})`
+  //let invertedColor = `#${rgb[0].toString(16).padStart(2, '0')}${rgb[1].toString(16).padStart(2, '0')}${rgb[2].toString(16).padStart(2, '0')})`
+  //console.log("invert", colorAsHex,"=>",invertedColor)
+  return invertedColor
+}
+
+/**
+ * Convert a color in hex format (#RRGGBB) to RGB array
+ * @param {*} colorAsHex 
+ * @returns 
+ */
+export function colorToRGB(colorAsHex){
+  const r = parseInt(colorAsHex.slice(1, 3), 16)
+  const g = parseInt(colorAsHex.slice(3, 5), 16)
+  const b = parseInt(colorAsHex.slice(5, 7), 16)
+  return [r,g,b]
+}
+
+/**
+ * Synchronize the parameters of a node with the default node
+ * @param {*} node 
+ * @param {*} defaultnode 
+ * @returns node
+ */
+export function syncParams(node, defaultnode){
+  if (node === undefined || defaultnode === undefined)
+    return node
+  let keys = Object.keys(defaultnode)
+  for (var i=0;i<keys.length;i++){
+    let key = keys[i]
+    if (!(key in node))
+      node[key] = defaultnode[key]
+  }
+  return node
+}
+

package/config.json

@@ -4,6 +4,10 @@
         {
             "name": "profile-1",
             "file": "profile-1.json"
+        },
+        {
+            "name": "profile-2",
+            "file": "profile-2.json"
         }
     ]
 }

package/interfaces/baseif.mjs

@@ -14,7 +14,9 @@ export class BaseIf extends EventEmitter {
 
     this.cmd = cmd
     this.options = options
-    this.formattedCommand = this.formatString(cmd, options)    
+    this.formattedCommand = this.formatString(cmd, options) 
+    this.LogDebug("Formatted command: ", this.formattedCommand,"\n")
+    this.LogDebug("Options",JSON.stringify(options),"\n"   )
     return this.formattedCommand
   }
 

package/interfaces/opcuaif.mjs

@@ -36,7 +36,6 @@ export class OPCUAIf extends BaseIf {
     monitoreditems
     types
     buttons
-    #callback
     constructor() {
         super()
 
@@ -55,14 +54,19 @@ export class OPCUAIf extends BaseIf {
         this.LogInfo(`OPCUAIf Stopped\n`)
     }
 
-    async init( options = {},config = {},callbackFunction){
+    /**
+     * Initialize the OPCUA client and subscribe to monitored items.
+     * @param {*} options 
+     * @param {*} config 
+     * @param {*} callbackFunction 
+     */
+    async init( options = {},config = {}){
         var res = this.Check(options)
         if (res<0){
             this.LogError(`OPCUAIf: Missing essential options in dictionary => Quitting $res $options\n`)
         }
         try{
             this.#endpointurl = this.formatString(options.endpointurl,options)
-            this.#callback = callbackFunction
             this.monitoreditems = {}
             this.types = {}
             this.buttons = {}
@@ -70,7 +74,7 @@ export class OPCUAIf extends BaseIf {
         
             await this.Connect(this.#endpointurl);
 
-            let fields = [config.touch.center, config.knobs]
+            let fields = [config.touch.center, config.knobs, config.buttons]
             const fieldKeys = Object.keys(fields)
             for (let f = 0; f < fieldKeys.length; f++) {
                 let field=fields[f]
@@ -78,11 +82,18 @@ export class OPCUAIf extends BaseIf {
                 for (let i = 0; i < keys.length; i++) {
                     const key = keys[i]
                     const elem = field[key]
+                    // groupnode
                     if (elem.nodeid){
                         let format = this.formatString(elem.nodeid,options)
                         let monitoredItemId = await this.Subscribe(format)
                         this.buttons[monitoredItemId] = i
                     }
+                    // statenode
+                    if (elem.statenodeid){
+                        let format = this.formatString(elem.statenodeid,options)
+                        let monitoredItemId = await this.Subscribe(format)
+                        this.buttons[monitoredItemId] = i
+                    }
                     await this.monitorStates(elem,options)
                 }
             }
@@ -91,6 +102,11 @@ export class OPCUAIf extends BaseIf {
         }
     }
 
+    /**
+     * 
+     * @param {*} elem : Elem Object
+     * @param {*} options 
+     */
     async monitorStates(elem,options){
         const stateKeys = Object.keys(elem.states)
         for (let i = 0; i < stateKeys.length; i++) {
@@ -104,6 +120,16 @@ export class OPCUAIf extends BaseIf {
         }    
     }
 
+    /**
+     * Convert the given value to the specified type.
+     * @param {*} value : The value to convert.
+     * @param {*} type : The type to convert to. Can be one of the following:
+     * - DataType.Int16
+     * - DataType.Int32
+     * - DataType.Float
+     * - DataType.String
+     * @returns the converted value.
+     */
     convert(value,type){
         switch(type){
             case DataType.Int16:
@@ -121,6 +147,19 @@ export class OPCUAIf extends BaseIf {
                     return value
                 return parseFloat(value)
                 break;
+            case DataType.String:
+                if (typeof value == "number")
+                    return value.toString();
+                return value
+            case DataType.Boolean:
+                if (typeof value == "number" && value === 1)
+                    return true
+                if (typeof value == "string"){
+                    if (["true","on"].includes(value)){
+                        return true
+                    }
+                }
+                return false
             default:
                 return value
         }
@@ -135,13 +174,13 @@ export class OPCUAIf extends BaseIf {
 
         var nodeId = super.formatString(opcuaNode, options)
 
-        var type = this.types[opcuaNode]
+        var type = this.types[nodeId]
         var value = options.value
         if (typeof value == "string")
             value = super.formatString(options.value, options)
 
         var convertedValue = this.convert(value,type)
-        //this.LogInfo(`OPCUAIf: write ${nodeId} => ${value}\n`)
+        this.LogInfo(`OPCUAIf: write ${nodeId} => ${value}\n`)
         await this.Write(nodeId,convertedValue,type)
 
         var NewState = "waiting"

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "loupedeck-commander",
-  "version": "1.2.6",
+  "version": "1.2.8",
   "description": "A system to ease working with LoupeDeck devices using CMD-line, OPC/UA or HTTP-client interfaces",
   "main": "index.mjs",
   "scripts": {
-    "test": "echo \"INFO: no test specified\" && exit 0",
+    "test": "node test.mjs",
     "lint": "echo \"INFO: no linter specified\" && exit 0",
     "format": "echo \"INFO: no format rule specified\" && exit 0",
     "start": "node index.mjs"
   },
   "dependencies": {
-    "canvas": "^2.11.2",
-    "loupedeck": "^6.0.1",
+    "canvas": "^3.1.0",
+    "loupedeck": "^7.0.0",
     "mkdirp": "^3.0.1",
-    "node-opcua": "^2.138.1",
+    "node-opcua": "^2.153.0",
     "string-template": "^1.0.0"
   },
   "author": "Thomas Schneider",

package/profile-1.json

@@ -228,7 +228,8 @@
         "knobBL": {
             "states": {
                 "on": {
-                    "cmd": "echo \"{id} {state}\""
+                    "cmd": "echo \"{id} {state}\"",
+                    "opcua": "ns=2;s=Is{simnbr}.Audio.in.VolumeAccustic"
                 }
             },
             "group": ""
@@ -258,117 +259,11 @@
             "group": ""
         }
     },
-    "buttons": {
-        "0": {
-            "states": {
-                "off": {
-                    "color": "#000000",
-                    "cmd": "echo \"{id} {state}\""
-                },
-                "on": {
-                    "color": "#550000",
-                    "cmd": "echo \"{id} {state}\""
-                }
-            },
-            "group": ""
-        },
-        "1": {
-            "states": {
-                "off": {
-                    "color": "#000000",
-                    "cmd": "echo \"{id} {state}\""
-                },
-                "on": {
-                    "color": "#ff0000",
-                    "cmd": "echo \"{id} {state}\""
-                }
-            },
-            "group": ""
-        },
-        "2": {
-            "states": {
-                "off": {
-                    "color": "#000000",
-                    "cmd": "echo \"{id} {state}\""
-                },
-                "on": {
-                    "color": "#005500",
-                    "cmd": "echo \"{id} {state}\""
-                }
-            },
-            "group": ""
-        },
-        "3": {
-            "states": {
-                "off": {
-                    "color": "#000000",
-                    "cmd": "echo \"{id} {state}\""
-                },
-                "on": {
-                    "color": "#00ff00",
-                    "cmd": "echo \"{id} {state}\""
-                }
-            },
-            "group": ""
-        },
-        "4": {
-            "states": {
-                "off": {
-                    "color": "#000000",
-                    "cmd": "echo \"{id} {state}\""
-                },
-                "on": {
-                    "color": "#000055",
-                    "cmd": "echo \"{id} {state}\""
-                }
-            },
-            "group": ""
-        },
-        "5": {
-            "states": {
-                "off": {
-                    "color": "#000000",
-                    "cmd": "echo \"{id} {state}\""
-                },
-                "on": {
-                    "color": "#0000ff",
-                    "cmd": "echo \"{id} {state}\""
-                }
-            },
-            "group": ""
-        },
-        "6": {
-            "states": {
-                "off": {
-                    "color": "#000000",
-                    "cmd": "echo \"{id} {state}\""
-                },
-                "on": {
-                    "color": "#555500",
-                    "cmd": "echo \"{id} {state}\""
-                }
-            },
-            "group": ""
-        },
-        "7": {
-            "states": {
-                "off": {
-                    "color": "#000000",
-                    "cmd": "echo \"{id} {state}\""
-                },
-                "on": {
-                    "color": "#ffff00",
-                    "cmd": "echo \"{id} {state}\"",
-                    "http": "http://{hostname}:7778/control/connections",
-                    "opcua": "ns=4;s=Is{simnbr}.Kvm.out.Source"
-                }
-            },
-            "group": ""
-        }
-    },
     "parameters": {
         "hostname": "127.0.0.1",
+        "simnbr": "1",
         "endpointurl": "opc.tcp://{hostname}:4840",
-        "nodeid" : "ns=0;s=nodeID"
+        "nodeid" : "ns=0;s=nodeID",
+        "verbose": true    
     }
 }

package/profile-2.json

@@ -0,0 +1,290 @@
+{
+    "name": "profile-1",
+    "profile": "example",
+    "description": "",
+    "touch": {
+        "center": {
+            "0": {
+                "default": "one",
+                "states": {
+                    "off": {
+                        "color": "#000099",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "one": {
+                        "color": "#00ff00",
+                        "image": "numbers/one_9278045.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "two": {
+                        "color": "#00ff00",
+                        "image": "numbers/two_9278103.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "three": {
+                        "color": "#00ff00",
+                        "image": "numbers/three_9278150.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "four": {
+                        "color": "#00ff00",
+                        "image": "numbers/four_9278183.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "five": {
+                        "color": "#00ff00",
+                        "image": "numbers/five_9278222.png",
+                        "cmd": "echo \"{id} {state}\""
+                    }
+                }
+            },
+            "1": {
+                "default": "two",
+                "states": {
+                    "off": {
+                        "color": "#000099",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "one": {
+                        "color": "#00ff00",
+                        "image": "numbers/one_9278045.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "two": {
+                        "color": "#00ff00",
+                        "image": "numbers/two_9278103.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "three": {
+                        "color": "#00ff00",
+                        "image": "numbers/three_9278150.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "four": {
+                        "color": "#00ff00",
+                        "image": "numbers/four_9278183.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "five": {
+                        "color": "#00ff00",
+                        "image": "numbers/five_9278222.png",
+                        "cmd": "echo \"{id} {state}\""
+                    }
+                }
+            },
+            "2": {
+                "default": "three",
+                "states": {
+                    "off": {
+                        "color": "#000099",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "one": {
+                        "color": "#00ff00",
+                        "image": "numbers/one_9278045.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "two": {
+                        "color": "#00ff00",
+                        "image": "numbers/two_9278103.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "three": {
+                        "color": "#00ff00",
+                        "image": "numbers/three_9278150.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "four": {
+                        "color": "#00ff00",
+                        "image": "numbers/four_9278183.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "five": {
+                        "color": "#00ff00",
+                        "image": "numbers/five_9278222.png",
+                        "cmd": "echo \"{id} {state}\""
+                    }
+                }
+            },
+            "3": {
+                "default": "four",
+                "states": {
+                    "off": {
+                        "color": "#000099",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "one": {
+                        "color": "#00ff00",
+                        "image": "numbers/one_9278045.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "two": {
+                        "color": "#00ff00",
+                        "image": "numbers/two_9278103.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "three": {
+                        "color": "#00ff00",
+                        "image": "numbers/three_9278150.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "four": {
+                        "color": "#00ff00",
+                        "image": "numbers/four_9278183.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "five": {
+                        "color": "#00ff00",
+                        "image": "numbers/five_9278222.png",
+                        "cmd": "echo \"{id} {state}\""
+                    }
+                }
+            },
+            "4": {
+                "default": "five",
+                "states": {
+                    "off": {
+                        "color": "#000099",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "one": {
+                        "color": "#00ff00",
+                        "image": "numbers/one_9278045.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "two": {
+                        "color": "#00ff00",
+                        "image": "numbers/two_9278103.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "three": {
+                        "color": "#00ff00",
+                        "image": "numbers/three_9278150.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "four": {
+                        "color": "#00ff00",
+                        "image": "numbers/four_9278183.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "five": {
+                        "color": "#00ff00",
+                        "image": "numbers/five_9278222.png",
+                        "cmd": "echo \"{id} {state}\""
+                    }
+                }
+            },
+            "5": {
+                "states": {
+                    "off": {
+                        "color": "#000099",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "one": {
+                        "color": "#00ff00",
+                        "image": "numbers/one_9278045.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "two": {
+                        "color": "#00ff00",
+                        "image": "numbers/two_9278103.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "three": {
+                        "color": "#00ff00",
+                        "image": "numbers/three_9278150.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "four": {
+                        "color": "#00ff00",
+                        "image": "numbers/four_9278183.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "five": {
+                        "color": "#00ff00",
+                        "image": "numbers/five_9278222.png",
+                        "cmd": "echo \"{id} {state}\""
+                    }
+                }
+            }
+        },
+        "left": {
+            "0": {
+                "states": {
+                    "on": {
+                        "color": "#000000",
+                        "cmd": "echo \"{id} {state}\""
+                    }
+                }
+            }
+        },
+        "right": {
+            "0": {
+                "states": {
+                    "on": {
+                        "color": "#000000",
+                        "cmd": "echo \"{id} {state}\""
+                    }
+                }
+            }
+        }
+    },
+    "knobs": {
+        "knobTL": {
+            "states": {
+                "on": {
+                    "cmd": "echo \"{id} {state}\""
+                }
+            },
+            "group": ""
+        },
+        "knobCL": {
+            "states": {
+                "on": {
+                    "cmd": "echo \"{id} {state}\""
+                }
+            },
+            "group": ""
+        },
+        "knobBL": {
+            "states": {
+                "on": {
+                    "cmd": "echo \"{id} {state}\"",
+                    "opcua": "ns=2;s=Is{simnbr}.Audio.in.VolumeAccustic"
+                }
+            },
+            "group": ""
+        },
+        "knobTR": {
+            "states": {
+                "on": {
+                    "cmd": "echo \"{id} {state}\""
+                }
+            },
+            "group": ""
+        },
+        "knobCR": {
+            "states": {
+                "on": {
+                    "cmd": "echo \"{id} {state}\""
+                }
+            },
+            "group": ""
+        },
+        "knobBR": {
+            "states": {
+                "on": {
+                    "cmd": "echo \"{id} {state}\""
+                }
+            },
+            "group": ""
+        }
+    },
+    "parameters": {
+        "hostname": "127.0.0.1",
+        "simnbr": "1",
+        "endpointurl": "opc.tcp://{hostname}:4840",
+        "nodeid" : "ns=0;s=nodeID",
+        "verbose": true    
+    }
+}