loupedeck-commander 1.4.1 → 1.4.2

package/common/ApplicationConfig.mjs

@@ -1,300 +1,300 @@
-import { readConfigFile as readConfigFile, writeJSONFile,syncParams, writeYAMLFile } from './utils.mjs'
-
-export class ApplicationConfig {
-  application = 'undefined'
-  profiles = []
-  parameters = {}
-  initialized = false
-
-  loadFromFile (fileName) {
-    console.info(`ApplicationConfig: Loading Config File ${fileName}`)
-    const config = readConfigFile(fileName)
-
-
-    if (!config){
-      console.info(`ApplicationConfig: Could not read/parse Config File ${fileName} - breaking here`)
-    }else if (!config.application){
-      console.info(`ApplicationConfig: Config File ${fileName} does not contain an application attribute  - breaking here`)
-    }else if (!config.profiles){
-      console.info(`ApplicationConfig: Config File ${fileName} does not contain a profiles attribute  - breaking here`)
-    }
-    else{
-      this.application = config.application
-      this.parameters = new ParametersConfig()
-
-
-      for (let i = 0; i < config.profiles.length; i++) {
-        const profile = new Profile(config.profiles[i],config.profiles.length,i)
-        profile.setParams(config.parameters)
-        if (profile.loaded){
-          this.profiles.push(profile)
-        }else{
-          return false
-        }
-      }
-
-      this.initialized=true
-    }
-    return this.initialized
-  }
-}
-
-class Profile {
-  name = ''
-  profile = 'example'
-  description = ''
-
-  touch = {}
-  knobs = {}
-  buttons = {}
-  parameters = {}
-  default = {}
-  #file = ''
-  loaded = false
-  #error = true
-  #profileCount = 0
-  #index = 0
-
-  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}, Index ${this.#index}`)
-    const config = readConfigFile(fileName)
-    if (config === undefined) {
-      console.warn(`ProfileConfig: Cannot parse/load Profile File ${fileName}`)
-      return false
-    }else if (!config.profile){
-      console.warn(`ProfileConfig: File ${fileName} is missing a profile attribute`)
-      return false
-    }else if (!config.touch){
-      console.warn(`ProfileConfig: File ${fileName} is missing a touch 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.default)
-    // Load the Configurations for Button-Areas
-    
-    this.buttons = new ButtonConfig(config.buttons,this.#profileCount,this.#index).buttons 
-    this.knobs = new KnobsConfig(config.knobs).knobs 
-
-    this.#error = false
-    this.loaded = true
-    return this.loaded
-  }
-
-  setParams(parameters){
-    if (parameters === undefined)
-      return
-    
-    let keys = Object.keys(parameters)
-    for (var i=0;i<keys.length;i++){
-      let key = keys[i]
-      if (!(key in this.parameters)){
-        this.parameters[key] = parameters[key]
-      }
-    }
-
-  }
-
-  saveToFile (fileName) {
-    fileName = fileName.toLowerCase()
-
-    console.info(`ProfileConfig: Save To Config File ${fileName}`)
-    if(fileName.endsWith('.json')) {
-      writeJSONFile(fileName, this)
-      writeYAMLFile(fileName.replace('.json','.yaml'), this)
-    }else if(fileName.endsWith('.yaml')) {
-      writeYAMLFile(fileName, this)
-      writeJSONFile(fileName.replace('.yaml','.json'), this)
-    }
-  }
-}
-
-/**
- * Class that handles the different configs for the touch displays of the device covering Loupedeck Live (without knob) and also CT (with knob)
- */
-class TouchConfig {
-  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}\"" } } },
-    "1" :  { "states" : { "off" : { "color": "#000099", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" }, "on" : { "color": "#00ff00", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" } } },
-    "2" :  { "states" : { "off" : { "color": "#000099", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" }, "on" : { "color": "#00ff00", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" } } },
-    "3" :  { "states" : { "off" : { "color": "#000099", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" }, "on" : { "color": "#00ff00", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" } } },
-    "4" :  { "states" : { "off" : { "color": "#000099", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" }, "on" : { "color": "#00ff00", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" } } },
-    "5" :  { "states" : { "off" : { "color": "#000099", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" }, "on" : { "color": "#00ff00", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" } } },
-    "6" :  { "states" : { "off" : { "color": "#000099", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" }, "on" : { "color": "#00ff00", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" } } },
-    "7" :  { "states" : { "off" : { "color": "#000099", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" }, "on" : { "color": "#00ff00", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" } } },
-    "8" :  { "states" : { "off" : { "color": "#000099", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" }, "on" : { "color": "#00ff00", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" } } },
-    "9" :  { "states" : { "off" : { "color": "#000099", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" }, "on" : { "color": "#00ff00", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" } } },
-    "10" : { "states" : { "off" : { "color": "#000099", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" }, "on" : { "color": "#00ff00", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" } } },
-    "11" : { "states" : { "off" : { "color": "#000099", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" }, "on" : { "color": "#00ff00", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" } } },
-  } // CENTER Display Config - Available in CT & LIVE
-  left = {
-    "0" :  { "states" : { "on" : { "color": "#000000", "cmd": "echo \"{id} {state}\"" } }, group : "" },
-  } // LEFT Display Config - Available in CT & LIVE
-  right = {
-    "0" :  { "states" : { "on" : { "color": "#000000", "cmd": "echo \"{id} {state}\"" } }, group : "" },
-  } // RIGHT Display Config - Available in CT & LIVE
-  //knob = {} // KNOB Display Config - Available only in CT
-
-  constructor (data,defaultState) {
-    this.loadFromJSON(data,defaultState)
-  }
-
-  loadFromJSON (data,defaultState) {
-    if (!data)
-      return
-    if (!data.center)
-      return
-    if (!data.left)
-      return
-    if (!data.right)
-      return
-    //if (!data.knob)
-    //  return
-    this.center = data.center
-    this.left = data.left
-    this.right = data.right
-
-    /**
-     * 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)
-      }
-    }
-  }
-}
-
-/**
- * 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 = {}
-  defaultButtons = {
-    "0" :  {"states" : { "off" : { "filter": "pressed", "color": "#005500", "brightness" : 0 }, "half" : { "filter": "pressed", "brightness" : 0.5, "vibrate": 0x58, "color": "#00aa00" } , "on" : { "filter": "pressed", "brightness" : 1, "color": "#00ff00" } }, params: { group : "brightness"} },
-    "1" :  {"states" : { "off" : { "filter": "pressed", "color": "#000055", "profile": 0,    }, "on" : { "filter": "pressed",  "color": "#00ff00" } }, params: { group : "profiles"} },
-    "2" :  {"states" : { "off" : { "filter": "pressed", "color": "#000055", "profile": 1,    }, "on" : { "filter": "pressed",  "color": "#00ff00" } }, params: { group : "profiles"} },
-    "3" :  {"states" : { "off" : { "filter": "pressed", "color": "#000055", "profile": 2,    }, "on" : { "filter": "pressed",  "color": "#00ff00" } }, params: { group : "profiles"} },
-    "4" :  {"states" : { "off" : { "filter": "pressed", "color": "#000055", "profile": 3,    }, "on" : { "filter": "pressed",  "color": "#00ff00" } }, params: { group : "profiles"} },
-    "5" :  {"states" : { "off" : { "filter": "pressed", "color": "#000055", "profile": 4,    }, "on" : { "filter": "pressed",  "color": "#00ff00" } }, params: { group : "profiles"} },
-    "6" :  {"states" : { "off" : { "filter": "pressed", "color": "#000055", "profile": 5,    }, "on" : { "filter": "pressed",  "color": "#00ff00" } }, params: { group : "profiles"} },
-    "7" :  {"states" : { "off" : { "filter": "pressed", "color": "#000055", "profile": 6,    }, "on" : { "filter": "pressed",  "color": "#00ff00" } }, params: { group : "profiles"} }
-  } 
-
-  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) {
-    if (!data)
-      return
-    this.buttons = data
-  }
-}
-
-/**
- * Class that handles the different configs for the touch displays of the device covering Loupedeck Live (without knob) and also CT (with knob)
- */
-class KnobsConfig {
-  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 : "" },
-  } // KNOB Config - Available only in CT
-
-  constructor (data) {
-    this.loadFromJSON(data)
-  }
-
-  loadFromJSON (data) {
-    if (!data)
-      return
-    this.knobs = data
-  }
-}
-
-class ParametersConfig {
-  parameters = {
-    "hostname": "127.0.0.1",
-    "endpointurl": "opc.tcp://{hostname}:4840",
-    "nodeid" : "ns=0;s=nodeID",
-    "min" : 0,
-    "max" : 100
-  }
-
-  constructor (data) {
-    this.loadFromJSON(data)
-  }
-
-  loadFromJSON (data) {
-    if (!data)
-      return
-    this.parameters = data
-  }
-}
-
-class DefaultConfig {
-  default = {
-//    "filter": "released",
-    "color":  "#111111"
-  }
-
-  constructor (data) {
-    this.loadFromJSON(data)
-  }
-
-  loadFromJSON (data) {
-    if (!data)
-      return
-    this.default = data
-  }
-}
+import { readConfigFile as readConfigFile, writeJSONFile,syncParams, writeYAMLFile } from './utils.mjs'
+
+export class ApplicationConfig {
+  application = 'undefined'
+  profiles = []
+  parameters = {}
+  initialized = false
+
+  loadFromFile (fileName) {
+    console.info(`ApplicationConfig: Loading Config File ${fileName}`)
+    const config = readConfigFile(fileName)
+
+
+    if (!config){
+      console.info(`ApplicationConfig: Could not read/parse Config File ${fileName} - breaking here`)
+    }else if (!config.application){
+      console.info(`ApplicationConfig: Config File ${fileName} does not contain an application attribute  - breaking here`)
+    }else if (!config.profiles){
+      console.info(`ApplicationConfig: Config File ${fileName} does not contain a profiles attribute  - breaking here`)
+    }
+    else{
+      this.application = config.application
+      this.parameters = new ParametersConfig()
+
+
+      for (let i = 0; i < config.profiles.length; i++) {
+        const profile = new Profile(config.profiles[i],config.profiles.length,i)
+        profile.setParams(config.parameters)
+        if (profile.loaded){
+          this.profiles.push(profile)
+        }else{
+          return false
+        }
+      }
+
+      this.initialized=true
+    }
+    return this.initialized
+  }
+}
+
+class Profile {
+  name = ''
+  profile = 'example'
+  description = ''
+
+  touch = {}
+  knobs = {}
+  buttons = {}
+  parameters = {}
+  default = {}
+  #file = ''
+  loaded = false
+  #error = true
+  #profileCount = 0
+  #index = 0
+
+  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}, Index ${this.#index}`)
+    const config = readConfigFile(fileName)
+    if (config === undefined) {
+      console.warn(`ProfileConfig: Cannot parse/load Profile File ${fileName}`)
+      return false
+    }else if (!config.profile){
+      console.warn(`ProfileConfig: File ${fileName} is missing a profile attribute`)
+      return false
+    }else if (!config.touch){
+      console.warn(`ProfileConfig: File ${fileName} is missing a touch 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.default)
+    // Load the Configurations for Button-Areas
+    
+    this.buttons = new ButtonConfig(config.buttons,this.#profileCount,this.#index).buttons 
+    this.knobs = new KnobsConfig(config.knobs).knobs 
+
+    this.#error = false
+    this.loaded = true
+    return this.loaded
+  }
+
+  setParams(parameters){
+    if (parameters === undefined)
+      return
+    
+    let keys = Object.keys(parameters)
+    for (var i=0;i<keys.length;i++){
+      let key = keys[i]
+      if (!(key in this.parameters)){
+        this.parameters[key] = parameters[key]
+      }
+    }
+
+  }
+
+  saveToFile (fileName) {
+    fileName = fileName.toLowerCase()
+
+    console.info(`ProfileConfig: Save To Config File ${fileName}`)
+    if(fileName.endsWith('.json')) {
+      writeJSONFile(fileName, this)
+      writeYAMLFile(fileName.replace('.json','.yaml'), this)
+    }else if(fileName.endsWith('.yaml')) {
+      writeYAMLFile(fileName, this)
+      writeJSONFile(fileName.replace('.yaml','.json'), this)
+    }
+  }
+}
+
+/**
+ * Class that handles the different configs for the touch displays of the device covering Loupedeck Live (without knob) and also CT (with knob)
+ */
+class TouchConfig {
+  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}\"" } } },
+    "1" :  { "states" : { "off" : { "color": "#000099", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" }, "on" : { "color": "#00ff00", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" } } },
+    "2" :  { "states" : { "off" : { "color": "#000099", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" }, "on" : { "color": "#00ff00", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" } } },
+    "3" :  { "states" : { "off" : { "color": "#000099", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" }, "on" : { "color": "#00ff00", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" } } },
+    "4" :  { "states" : { "off" : { "color": "#000099", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" }, "on" : { "color": "#00ff00", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" } } },
+    "5" :  { "states" : { "off" : { "color": "#000099", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" }, "on" : { "color": "#00ff00", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" } } },
+    "6" :  { "states" : { "off" : { "color": "#000099", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" }, "on" : { "color": "#00ff00", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" } } },
+    "7" :  { "states" : { "off" : { "color": "#000099", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" }, "on" : { "color": "#00ff00", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" } } },
+    "8" :  { "states" : { "off" : { "color": "#000099", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" }, "on" : { "color": "#00ff00", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" } } },
+    "9" :  { "states" : { "off" : { "color": "#000099", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" }, "on" : { "color": "#00ff00", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" } } },
+    "10" : { "states" : { "off" : { "color": "#000099", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" }, "on" : { "color": "#00ff00", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" } } },
+    "11" : { "states" : { "off" : { "color": "#000099", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" }, "on" : { "color": "#00ff00", "image": "icons/home.png","cmd": "echo \"{id} {state}\"" } } },
+  } // CENTER Display Config - Available in CT & LIVE
+  left = {
+    "0" :  { "states" : { "on" : { "color": "#000000", "cmd": "echo \"{id} {state}\"" } }, group : "" },
+  } // LEFT Display Config - Available in CT & LIVE
+  right = {
+    "0" :  { "states" : { "on" : { "color": "#000000", "cmd": "echo \"{id} {state}\"" } }, group : "" },
+  } // RIGHT Display Config - Available in CT & LIVE
+  //knob = {} // KNOB Display Config - Available only in CT
+
+  constructor (data,defaultState) {
+    this.loadFromJSON(data,defaultState)
+  }
+
+  loadFromJSON (data,defaultState) {
+    if (!data)
+      return
+    if (!data.center)
+      return
+    if (!data.left)
+      return
+    if (!data.right)
+      return
+    //if (!data.knob)
+    //  return
+    this.center = data.center
+    this.left = data.left
+    this.right = data.right
+
+    /**
+     * 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)
+      }
+    }
+  }
+}
+
+/**
+ * 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 = {}
+  defaultButtons = {
+    "0" :  {"states" : { "off" : { "filter": "pressed", "color": "#005500", "brightness" : 0 }, "half" : { "filter": "pressed", "brightness" : 0.5, "vibrate": 0x58, "color": "#00aa00" } , "on" : { "filter": "pressed", "brightness" : 1, "color": "#00ff00" } }, params: { group : "brightness"} },
+    "1" :  {"states" : { "off" : { "filter": "pressed", "color": "#000055", "profile": 0,    }, "on" : { "filter": "pressed",  "color": "#00ff00" } }, params: { group : "profiles"} },
+    "2" :  {"states" : { "off" : { "filter": "pressed", "color": "#000055", "profile": 1,    }, "on" : { "filter": "pressed",  "color": "#00ff00" } }, params: { group : "profiles"} },
+    "3" :  {"states" : { "off" : { "filter": "pressed", "color": "#000055", "profile": 2,    }, "on" : { "filter": "pressed",  "color": "#00ff00" } }, params: { group : "profiles"} },
+    "4" :  {"states" : { "off" : { "filter": "pressed", "color": "#000055", "profile": 3,    }, "on" : { "filter": "pressed",  "color": "#00ff00" } }, params: { group : "profiles"} },
+    "5" :  {"states" : { "off" : { "filter": "pressed", "color": "#000055", "profile": 4,    }, "on" : { "filter": "pressed",  "color": "#00ff00" } }, params: { group : "profiles"} },
+    "6" :  {"states" : { "off" : { "filter": "pressed", "color": "#000055", "profile": 5,    }, "on" : { "filter": "pressed",  "color": "#00ff00" } }, params: { group : "profiles"} },
+    "7" :  {"states" : { "off" : { "filter": "pressed", "color": "#000055", "profile": 6,    }, "on" : { "filter": "pressed",  "color": "#00ff00" } }, params: { group : "profiles"} }
+  } 
+
+  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].params.default = "on"  
+      }
+      
+    }
+    
+  }
+
+  loadFromJSON (data) {
+    if (!data)
+      return
+    this.buttons = data
+  }
+}
+
+/**
+ * Class that handles the different configs for the touch displays of the device covering Loupedeck Live (without knob) and also CT (with knob)
+ */
+class KnobsConfig {
+  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 : "" },
+  } // KNOB Config - Available only in CT
+
+  constructor (data) {
+    this.loadFromJSON(data)
+  }
+
+  loadFromJSON (data) {
+    if (!data)
+      return
+    this.knobs = data
+  }
+}
+
+class ParametersConfig {
+  parameters = {
+    "hostname": "127.0.0.1",
+    "endpointurl": "opc.tcp://{hostname}:4840",
+    "nodeid" : "ns=0;s=nodeID",
+    "min" : 0,
+    "max" : 100
+  }
+
+  constructor (data) {
+    this.loadFromJSON(data)
+  }
+
+  loadFromJSON (data) {
+    if (!data)
+      return
+    this.parameters = data
+  }
+}
+
+class DefaultConfig {
+  default = {
+//    "filter": "released",
+    "color":  "#111111"
+  }
+
+  constructor (data) {
+    this.loadFromJSON(data)
+  }
+
+  loadFromJSON (data) {
+    if (!data)
+      return
+    this.default = data
+  }
+}