loupedeck-commander 1.2.5 → 1.2.7

package/common/ApplicationConfig.mjs

@@ -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{
@@ -45,10 +45,14 @@ class Profile {
   #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
@@ -59,7 +63,7 @@ class Profile {
   }
 
   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,12 +74,12 @@ 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
@@ -84,7 +88,7 @@ class Profile {
     this.touch = new TouchConfig(config.touch)
     // 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
@@ -154,19 +158,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) {

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)
@@ -222,7 +229,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 +244,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)

package/common/touchbuttons.mjs

@@ -64,9 +64,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 +75,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.parameters)
       this.#buttons[key] = tb
     }
 
     this.#keys = keys
-    this.#config = config
   }
 
   
@@ -124,10 +124,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 +190,7 @@ export class ButtonField {
 }
 
 export class Button {
-  #config
+  #profile
   width = 0
   height = 0
 
@@ -212,8 +212,8 @@ export class Button {
   text = ''
   font = '16px Arial'
 
-  #x
-  #y
+  #x = 0
+  #y = 0
   #moveLeft
   #moveRight
   #moveUp
@@ -260,7 +260,10 @@ export class Button {
     if (data.nodeid){
       this.#nodeid = format(data.nodeid, params)
     }
-    
+    if (data.default) {
+      this.#index = this.#keys.indexOf(data.default)
+    }
+
   }
 
   setState (index = 0) {
@@ -282,7 +285,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)
@@ -315,7 +318,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 +395,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
@@ -479,7 +482,7 @@ export class Button {
       return
     }
 
-    if (elem.profile){
+    if (elem.profile !== undefined) {
       profileEmitter.emit("profileChanged", elem.profile)
     }
 
@@ -492,7 +495,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,
@@ -500,6 +503,8 @@ export class Button {
       state: this.#keys[this.#index],
       min: this.#min,
       max: this.#max,
+      x: (this.#x %100),
+      y: (this.#y %100)
     }
 
     if (!params.value)

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

@@ -23,7 +23,6 @@ const subscriptionParameters = {
     requestedPublishingInterval: 1000
 };
 
-
 /**
  * Our Special-Handler just used the Default - and adds Vibration after triggers through Button-Releases
  */
@@ -35,6 +34,7 @@ export class OPCUAIf extends BaseIf {
     #connected
     #endpointurl
     monitoreditems
+    types
     buttons
     #callback
     constructor() {
@@ -55,6 +55,12 @@ export class OPCUAIf extends BaseIf {
         this.LogInfo(`OPCUAIf Stopped\n`)
     }
 
+    /**
+     * Initialize the OPCUA client and subscribe to monitored items.
+     * @param {*} options 
+     * @param {*} config 
+     * @param {*} callbackFunction 
+     */
     async init( options = {},config = {},callbackFunction){
         var res = this.Check(options)
         if (res<0){
@@ -64,28 +70,87 @@ export class OPCUAIf extends BaseIf {
             this.#endpointurl = this.formatString(options.endpointurl,options)
             this.#callback = callbackFunction
             this.monitoreditems = {}
+            this.types = {}
             this.buttons = {}
             this.LogInfo(`OPCUAIf init ${this.#endpointurl}\n`);
         
             await this.Connect(this.#endpointurl);
 
-            let field=config.touch.center
-            const keys = Object.keys(field)
-            for (let i = 0; i < keys.length; i++) {
-                const key = keys[i]
-                const elem = config.touch.center[key]
-                if (elem.nodeid){
-                    let format = this.formatString(elem.nodeid,options)
-                    let monitoredItemId = await this.Subscribe(format)
-                    this.buttons[monitoredItemId] = i
+            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]
+                const keys = Object.keys(field)
+                for (let i = 0; i < keys.length; i++) {
+                    const key = keys[i]
+                    const elem = field[key]
+                    if (elem.nodeid){
+                        let format = this.formatString(elem.nodeid,options)
+                        let monitoredItemId = await this.Subscribe(format)
+                        this.buttons[monitoredItemId] = i
+                    }
+                    await this.monitorStates(elem,options)
                 }
-
             }
         } catch (error) {
             this.LogError(`OPCUAIf: Error $error\n`)
         }
     }
 
+    /**
+     * 
+     * @param {*} elem : Elem Object
+     * @param {*} options 
+     */
+    async monitorStates(elem,options){
+        const stateKeys = Object.keys(elem.states)
+        for (let i = 0; i < stateKeys.length; i++) {
+            const key2 = stateKeys[i]
+            const state = elem.states[key2]
+            if (state.opcua){
+                let format = this.formatString(state.opcua,options)
+                let monitoredItemId = await this.Subscribe(format)
+                this.buttons[monitoredItemId] = i
+            }
+        }    
+    }
+
+    /**
+     * 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:
+            case DataType.Int32:
+                if (typeof value == "number"){
+                    if (Number.isInteger(value))
+                        return value
+                    else 
+                        return Math.trunc(value)
+                }
+                return parseInt(value,10)
+                break
+            case DataType.Float:
+                if (typeof value == "number")
+                    return value
+                return parseFloat(value)
+                break;
+            case DataType.String:
+                if (typeof value == "number")
+                    return value.toString();
+                return value
+            default:
+                return value
+        }
+    }
+
     async call (opcuaNode, options = {}) {
         var res = this.Check(options)
         if (res<0){
@@ -94,10 +159,15 @@ export class OPCUAIf extends BaseIf {
         }
 
         var nodeId = super.formatString(opcuaNode, options)
-        var value = super.formatString(options.value, options)
 
-        //this.LogInfo(`OPCUAIf: write ${nodeId} => ${value}\n`)
-        await this.Write(nodeId,value)
+        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`)
+        await this.Write(nodeId,convertedValue,type)
 
         var NewState = "waiting"
         return NewState
@@ -109,13 +179,13 @@ export class OPCUAIf extends BaseIf {
             this.LogError(`OPCUAIf: mandatory parameter missing\n`)    
             return res
         }
-        if (!options.endpointurl){
+        if (!"endpointurl" in options){
             this.LogError(`OPCUAIf: mandatory parameter endpointurl missing\n`)    
             return -11}
-        if (!options.nodeid){
+        if (!"nodeid" in options){
             this.LogError(`OPCUAIf: mandatory parameter nodeid missing\n`)    
             return -12}
-        if (!options.value){
+        if (!"value" in options){
             this.LogError(`OPCUAIf: mandatory parameter value missing\n`)    
             return -13}
         return 0
@@ -242,6 +312,9 @@ export class OPCUAIf extends BaseIf {
         monitoredItem.on("changed", function (dataValue) {
             var nodeId = self.monitoreditems[this.monitoredItemId]
             var buttonID = self.buttons[this.monitoredItemId]
+            // store the type of a nodeid in local dictionary
+            self.types[nodeId] = dataValue.value.dataType
+            // publish the value to subscribers:
             self.LogInfo(`OPCUAIf: monitored item changed: ${nodeId} => ${dataValue.value.value}\n`);
             self.emit('monitored item changed',buttonID,nodeId, dataValue.value.value)
         });

package/numbers/README.md

@@ -0,0 +1,5 @@
+# Numbers Icons
+
+Downloaded from:
+
+- https://www.freepik.com/author/moniruldislam/icons/generic-color-lineal-color_10172?query=Number#from_element=families

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "loupedeck-commander",
-  "version": "1.2.5",
+  "version": "1.2.7",
   "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    
+    }
+}

package/profile-profile-1-sav.json

@@ -0,0 +1,373 @@
+{
+    "name": "profile-1",
+    "profile": "example",
+    "description": "",
+    "touch": {
+        "center": {
+            "0": {
+                "states": {
+                    "off": {
+                        "color": "#000099",
+                        "image": "icons/home.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "on": {
+                        "color": "#00ff00",
+                        "image": "icons/home.png",
+                        "cmd": "echo \"{id} {state}\""
+                    }
+                },
+                "group": ""
+            },
+            "1": {
+                "states": {
+                    "off": {
+                        "color": "#000099",
+                        "image": "icons/home.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "on": {
+                        "color": "#00ff00",
+                        "image": "icons/home.png",
+                        "cmd": "echo \"{id} {state}\""
+                    }
+                },
+                "group": ""
+            },
+            "2": {
+                "states": {
+                    "off": {
+                        "color": "#000099",
+                        "image": "icons/home.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "on": {
+                        "color": "#00ff00",
+                        "image": "icons/home.png",
+                        "cmd": "echo \"{id} {state}\""
+                    }
+                },
+                "group": ""
+            },
+            "3": {
+                "states": {
+                    "off": {
+                        "color": "#000099",
+                        "image": "icons/home.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "on": {
+                        "color": "#00ff00",
+                        "image": "icons/home.png",
+                        "cmd": "echo \"{id} {state}\""
+                    }
+                },
+                "group": ""
+            },
+            "4": {
+                "states": {
+                    "off": {
+                        "color": "#000099",
+                        "image": "icons/home.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "on": {
+                        "color": "#00ff00",
+                        "image": "icons/home.png",
+                        "cmd": "echo \"{id} {state}\""
+                    }
+                },
+                "group": ""
+            },
+            "5": {
+                "states": {
+                    "off": {
+                        "color": "#000099",
+                        "image": "icons/home.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "on": {
+                        "color": "#00ff00",
+                        "image": "icons/home.png",
+                        "cmd": "echo \"{id} {state}\""
+                    }
+                },
+                "group": ""
+            },
+            "6": {
+                "states": {
+                    "off": {
+                        "color": "#000099",
+                        "image": "icons/home.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "on": {
+                        "color": "#00ff00",
+                        "image": "icons/home.png",
+                        "cmd": "echo \"{id} {state}\""
+                    }
+                },
+                "group": ""
+            },
+            "7": {
+                "states": {
+                    "off": {
+                        "color": "#000099",
+                        "image": "icons/home.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "on": {
+                        "color": "#00ff00",
+                        "image": "icons/home.png",
+                        "cmd": "echo \"{id} {state}\""
+                    }
+                },
+                "group": ""
+            },
+            "8": {
+                "states": {
+                    "off": {
+                        "color": "#000099",
+                        "image": "icons/home.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "on": {
+                        "color": "#00ff00",
+                        "image": "icons/home.png",
+                        "cmd": "echo \"{id} {state}\""
+                    }
+                },
+                "group": ""
+            },
+            "9": {
+                "states": {
+                    "off": {
+                        "color": "#000099",
+                        "image": "icons/home.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "on": {
+                        "color": "#00ff00",
+                        "image": "icons/home.png",
+                        "cmd": "echo \"{id} {state}\""
+                    }
+                },
+                "group": ""
+            },
+            "10": {
+                "states": {
+                    "off": {
+                        "color": "#000099",
+                        "image": "icons/home.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "on": {
+                        "color": "#00ff00",
+                        "image": "icons/home.png",
+                        "cmd": "echo \"{id} {state}\""
+                    }
+                },
+                "group": ""
+            },
+            "11": {
+                "states": {
+                    "off": {
+                        "color": "#000099",
+                        "image": "icons/home.png",
+                        "cmd": "echo \"{id} {state}\""
+                    },
+                    "on": {
+                        "color": "#00ff00",
+                        "image": "icons/home.png",
+                        "cmd": "echo \"{id} {state}\""
+                    }
+                },
+                "group": ""
+            }
+        },
+        "left": {
+            "0": {
+                "states": {
+                    "on": {
+                        "color": "#000000",
+                        "cmd": "echo \"{id} {state}\""
+                    }
+                },
+                "group": ""
+            }
+        },
+        "right": {
+            "0": {
+                "states": {
+                    "on": {
+                        "color": "#000000",
+                        "cmd": "echo \"{id} {state}\""
+                    }
+                },
+                "group": ""
+            }
+        }
+    },
+    "knobs": {
+        "knobTL": {
+            "states": {
+                "on": {
+                    "cmd": "echo \"{id} {state}\""
+                }
+            },
+            "group": ""
+        },
+        "knobCL": {
+            "states": {
+                "on": {
+                    "cmd": "echo \"{id} {state}\""
+                }
+            },
+            "group": ""
+        },
+        "knobBL": {
+            "states": {
+                "on": {
+                    "cmd": "echo \"{id} {state}\""
+                }
+            },
+            "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": ""
+        }
+    },
+    "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": ""
+        }
+    },
+    "parameters": {
+        "hostname": "127.0.0.1",
+        "endpointurl": "opc.tcp://{hostname}:4840",
+        "nodeid": "ns=0;s=nodeID"
+    },
+    "loaded": false
+}