loupedeck-commander 1.2.11 → 1.2.12

package/common/BaseLoupeDeckHandler.mjs

@@ -12,6 +12,7 @@ export class BaseLoupeDeckHandler {
   knobs = {}
   screenUpdate = {}
   stopping = false
+  IntervalID = undefined
 
   constructor (config) {
     console.log(`INIT with config ${config}`)
@@ -84,6 +85,8 @@ export class BaseLoupeDeckHandler {
       console.info(`Closing Device`)
       this.stopping = true
 
+      clearInterval(this.IntervalID)
+
 /*      if (this.device){
         this.device.vibrate(HAPTIC.DESCEND_MED)
         await new Promise(resolve => setTimeout(resolve, 250))
@@ -168,7 +171,7 @@ export class BaseLoupeDeckHandler {
     this.screenUpdate["center"] = true
     this.screenUpdate["left"] = true
     this.screenUpdate["right"] = true
-    await this.updateScreens()
+    //await this.updateScreens()
         
     await this.buttons.draw(this.device)
     // Initialize the Interfaces
@@ -212,7 +215,14 @@ export class BaseLoupeDeckHandler {
     this.screenUpdate["center"] = true
     this.screenUpdate["left"] = true
     this.screenUpdate["right"] = true
-    await this.updateScreens()
+    //await this.updateScreens()
+
+    this.IntervalID = setInterval(() => {
+      // runs every 500ms seconds
+      this.screenUpdate["center"] = true
+      self.updateScreens()
+    }, 500);
+    
 
     console.info('✅ Done initializing')
   }
@@ -224,6 +234,7 @@ export class BaseLoupeDeckHandler {
     const keys = Object.keys(this.screenUpdate)
     for (let i = 0; i < keys.length; i++) {
       const screen = keys[i]
+      //ok = await this.screens.center.updateAllButtons()
       await this.screens[screen].draw(this.device)
     }
     this.screenUpdate = {}
@@ -286,7 +297,7 @@ export class BaseLoupeDeckHandler {
       if (this.screens[screen])
         ok = await this.screens[screen].pressed(id)
     }
-    await this.updateScreens()
+    //await this.updateScreens()
     return ok
   }
 
@@ -327,7 +338,7 @@ export class BaseLoupeDeckHandler {
       if (this.screens[elem.screen])
         ok = await this.screens[elem.screen].released(id)
     }
-    await this.updateScreens()
+    //await this.updateScreens()
     return ok
   }
 
@@ -343,7 +354,7 @@ export class BaseLoupeDeckHandler {
     ok = await this.screens.center.changed(buttonID,nodeid,val)
     ok = await this.knobs.changed(buttonID,nodeid,val)
     
-    await this.updateScreens()
+    //await this.updateScreens()
     return ok
   }
 

package/common/touchbuttons.mjs

@@ -150,6 +150,7 @@ export class ButtonField {
         let key = this.#keys[i]
         if (!isNaN(key)) { key = parseInt(key, 10) }
         if (id === key) { continue }
+//        console.log("group",this.#buttons[key].group,this.#buttons[id].group)
         if (this.#buttons[key].group === this.#buttons[id].group) {
           this.#buttons[key].setState(0)
         }
@@ -199,13 +200,12 @@ export class Button {
 
   #type = ButtonType.TOGGLE
 
-  #min = 0
-  #max = 100
   #value = 50
   #name = undefined
   #nodeid = ""
 
   #index = 0
+  #enforcedIndex = -1
   #event
   #keys
   #states
@@ -228,8 +228,6 @@ export class Button {
   timeStampReleased
   // Time actually hold the button in ms
   timeHold
-  // Minimum ammount of time in ms to press a button:
-  minPressed = 25
   key = -1
 
   constructor (id, width, height, data,key,profile) {
@@ -239,47 +237,58 @@ export class Button {
     this.height = height
     this.#index = 0
 
+    if (profile === undefined){
+      this.#profile = {}
+      this.#params = {
+        "min" : 0,
+        "max" : 100,
+        "minPressed": 25
+
+      }
+    }else{
+      this.#profile = profile
+      this.#params = profile.parameters
+      if (profile.parameters.min !== undefined)
+        this.#params.min = profile.parameters.min
+      if (profile.parameters.max !== undefined)
+        this.#params.max = profile.parameters.max
+      if (profile.parameters.minPressed !== undefined)
+        this.#params.minPressed = profile.parameters.minPressed
+    }
+
     if (data && data.states) {
       this.#data = data
-
-      this.group = data.group
-      
       this.#states = data.states
       this.#keys = Object.keys(this.#states)
       if (data.type) {
         this.#type = data.type.toUpperCase()
+        console.log("TYPE",this.#type )
       }
 
       if (data.minPressed) {
-        this.minPressed = data.minPressed
+        this.#params.minPressed = data.minPressed
       }
 
       if (data.text) {
         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, this.#params)
+      this.#nodeid = format(data.nodeid, this.getParams({}))
     }
     if (data.default) {
       this.#index = this.#keys.indexOf(data.default)
     }
 
+    if (data.group)
+      this.group = format(data.group, this.getParams({}))
+    else  
+      this.group = key
+
   }
 
   setState (index = 0) {
@@ -314,6 +323,8 @@ export class Button {
 
     const elem = this.getCurrentElement()
 
+    //console.log()
+
     if (elem) {
       if (elem.color) {
         ctx.fillStyle = elem.color
@@ -377,8 +388,11 @@ export class Button {
   pressed () {
     this.timeStampPressed = Date.now()
 
-    this.#index++
+    if (this.#type != ButtonType.PUSH)
+      this.#index++
     this.updateState(this.#index,"pressed")
+    //if (this.#type == ButtonType.PUSH)
+//      this.#index++
     return true
   }
 
@@ -388,12 +402,12 @@ export class Button {
     this.timeStampReleased = Date.now()
     this.timeHold = this.timeStampReleased - this.timeStampPressed
 
-    if (this.timeHold < this.minPressed) {
+    let bExecute = true
+    if (this.timeHold < this.#params.minPressed) {
       // Update the State according to the not correct pressed state
-      console.log('Did not hold minimum time of ', this.minPressed, 'only', this.timeHold)
-      this.#index--
+      console.log('Did not hold minimum time of ', this.#params.minPressed, 'only', this.timeHold)
       if (this.#index < 0) { this.#index = this.#keys.length - 1 }
-      return false
+      bExecute = false
     }
 
     // Update the State according to the correctly pressed state
@@ -401,14 +415,20 @@ export class Button {
       case ButtonType.TOGGLE:
         // do nothing
         break
+      case ButtonType.PUSH:
+        // do nothing
+        //break
       default:
         this.#index--
         if (this.#index < 0) { this.#index = this.#keys.length - 1 }
-
         break
     }
 
-    this.updateState(this.#index,"released")
+    if (this.#enforcedIndex>=0)
+      this.#index = this.#enforcedIndex
+    
+    if (bExecute)
+      this.updateState(this.#index,"released")
     
     return true // this.runCommand()
   }
@@ -428,7 +448,7 @@ export class Button {
     if (!this.getCurrentElement()) { return false }
 
     this.#event = "rotated"
-    this.#value = calcDelta(this.#value, delta, this.#min, this.#max)
+    this.#value = calcDelta(this.#value, delta, this.#params.min, this.#params.max)
     return this.runCommand()
   }
 
@@ -439,11 +459,13 @@ export class Button {
     }
 
     this.#index = 0;
+    this.#enforcedIndex = -1;
     for (let i = 0; i < this.#keys.length; i++) {
       let key = this.#keys[i]
       // check if the state-name is same as the value we get from outside:
       if (val == key){
         this.#index = i;
+        this.#enforcedIndex = this.#index;
         break;
       }
 
@@ -501,6 +523,7 @@ export class Button {
     const params = {
       text: this.getCurrentText(),
       ...this.#profile.parameters,
+      ...this.#params,
       ...elem,
       id: this.id,
       key: this.key,
@@ -509,8 +532,6 @@ export class Button {
       released : this.#event == "released",
       rotated : this.#event == "rotated",
       state: this.#keys[this.#index],
-      min: this.#min,
-      max: this.#max,
       x: (this.#x %100),
       y: (this.#y %100)
     }

package/interfaces/httpif.mjs

@@ -25,7 +25,7 @@ export class HTTPif extends BaseIf {
   }
 
   async stop(){
-    this.LogInfo("HTTPif: Stopping\n")
+    this.LogInfo("HTTPif: Stopped\n")
     
   }
 

package/interfaces/shellif.mjs

@@ -16,7 +16,7 @@ export class SHELLif extends BaseIf {
   }
 
   async stop() {
-    this.LogInfo("SHELLif: Stopping")
+    this.LogInfo("SHELLif: Stopped")
   }
 
   Check(options) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "loupedeck-commander",
-  "version": "1.2.11",
+  "version": "1.2.12",
   "description": "A system to ease working with LoupeDeck devices using CMD-line, OPC/UA or HTTP-client interfaces",
   "main": "index.mjs",
   "scripts": {