OH3 with zigbee2mqtt and Philips Hue Color Channel

vbbaby3 · June 14, 2023, 2:25pm

Hi,
I am trying since hours to get the color channel of my Philips Hue
to work. The switch is no Problem, but I want to use the colorwheel in OH3.

I thougt I found a solution here : https://community.openhab.org/t/zigbee2mqtt-revisited-no-more-ugly-transformations/86362/206?u=vbbaby3 , but I can´t get it to work.

I have these two transformation files in the transform folder:
zigbeeColorIN.js

// example input: {"brightness":50,"color":{"hue":359,"saturation":100,"x":0.6942,"y":0.2963},"color_mode":"xy","color_temp":158}
(function(color){
        // convert 254 Steps to 100% of brightness
        var bright = Number(color.split(/[,:]/)[1]) / 2.54;
        // example output to openHAB: x,y,brightness - f.e.: 0.6942,0.2963,50
        return color.split(/[,:]/)[8] + "," + color.split(/[,:}]/)[10] + "," + bright.toFixed(0);
})(input)

and zigbeeColorOUT.js :

        // convert 100% to 254 Steps of brightness
        var bright = Number(color.split(/[,:]/)[2]) * 2.54;
        // example output to mqtt: {"brightness":239,"color":{"x":0.601297,"y":0.311017}}
        return '{"brightness":' + bright.toFixed(0) + ',"color":{"x":' + color.split(/[,:]/)[0] + ',"y":' + color.split(/[,:]/)[1] + '}}';
})(input)

In zigbee2mqtt I changed the output type to:

Here is my channel config:

UID: mqtt:topic:mqttBroker:mqtt_miffy_tom
label: Mqtt Miffy Tom
thingTypeUID: mqtt:topic
configuration: {}
bridgeUID: mqtt:broker:mqttBroker
channels:
  - id: switch
    channelTypeUID: mqtt:switch
    label: switch
    description: null
    configuration:
      commandTopic: zigbee2mqtt/Miffy Tom/set/state
      stateTopic: zigbee2mqtt/Miffy Tom/state
      off: OFF
      on: ON
  - id: MQQTTZ2MColorCh1Test
    channelTypeUID: mqtt:color
    label: Miffy Tom Color
    description: null
    configuration:
      commandTopic: zigbee2mqtt/Miffy Tom/set
      colorMode: XYY
      transformationPatternOut: JS:zigbeeColorOUT.js
      formatBeforePublish: “%”
      stateTopic: zigbee2mqtt/Miffy Tom
      transformationPattern: JS:zigbeeColorIN.js

and my item:

But I have no chance to change the color…

@Airmr @AndreHimSelf Do you have any idea what is going wrong here ?

Airmr · June 14, 2023, 5:03pm

Hi,
mine is working. Following my transforms and screens from my config. I do config with textfiles.
Maybe try to translate my config to OH3 or just simply create a Thing Textfile and try if it works.

ZigbeeIn:

// example input: {"brightness":50,"color":{"hue":359,"saturation":100,"x":0.6942,"y":0.2963},"color_mode":"xy","color_temp":158}
(function(color){
	// convert 254 Steps to 100% of brightness
	var bright = Number(color.split(/[,:]/)[1]) / 2.54;
	// example output to openHAB: x,y,brightness - f.e.: 0.6942,0.2963,50
	return color.split(/[,:]/)[8] + "," + color.split(/[,:}]/)[10] + "," + bright.toFixed(0);
})(input)

Zigbeeout:

(function(color){
	// convert 100% to 254 Steps of brightness
	var bright = Number(color.split(/[,:]/)[2]) * 2.54;
	// example output to mqtt: {"brightness":239,"color":{"x":0.601297,"y":0.311017}}
	return '{"brightness":' + bright.toFixed(0) + ',"color":{"x":' + color.split(/[,:]/)[0] + ',"y":' + color.split(/[,:]/)[1] + '}}';
})(input)

Thing with Channels:

  Thing topic MQTTHueWhiteColor1 "MQTT Hue WhiteColor 1" @ "Hue" {
    Channels:
        Type switch : switch "MQTT Hue WhiteColor1 Switch" [ stateTopic="zigbee2mqtt/MQTTHueWhiteColor1/state", commandTopic="zigbee2mqtt/MQTTHueWhiteColor1/set", on="ON", off="OFF" ]
        Type dimmer : dimmer "MQTT Hue WhiteColor1 Dimmer" [ stateTopic="zigbee2mqtt/MQTTHueWhiteColor1/brightness", commandTopic="zigbee2mqtt/MQTTHueWhiteColor1/set/brightness", min=0, max=255]
        Type dimmer : colortemp "MQTT Hue WhiteColor1 TempDimmer" [ stateTopic="zigbee2mqtt/MQTTHueWhiteColor1/color_temp", commandTopic="zigbee2mqtt/MQTTHueWhiteColor1/set/color_temp", min=153, max=500]
        Type color : farbe "MQTT Hue WhiteColor1 Color" [ stateTopic="zigbee2mqtt/MQTTHueWhiteColor1", commandTopic="zigbee2mqtt/MQTTHueWhiteColor1/set", colorMode="XYY", transformationPattern="JS:zigbeeColorIN.js", transformationPatternOut="JS:zigbeeColorOUT.js"]
        Type number : lqi "MQTT Hue WhiteColor1 LQI" [stateTopic="zigbee2mqtt/MQTTHueWhiteColor1", transformationPattern="JSONPATH:$.linkquality"]
      }

In the Sitemap i can use the colorwheel.

        Colorpicker item=MQTTHueWhiteColor1Color label="Lampe Color [%s]"

AndreHimSelf · June 14, 2023, 5:04pm

Hey Jörg

Basics first:

Did you restart openHAB already?
Did you link the Item to the correct channel?
Does this work in the z2m Webinterface?

Grüße,
Andre

vbbaby3 · June 14, 2023, 7:38pm

yes
yes
yes

AndreHimSelf · June 14, 2023, 7:49pm

Let me guess, the log file also doesn’t contain anything useful?

Could you at least turn the bulb on via openHAB? Or adjust the brightness f.e.?
So don’t use the color picker item, just a slider / dimmer for testing

vbbaby3 · June 14, 2023, 8:09pm

You are my Hero
When I tested the slider i found out that something was wrong with the js transformation…after a reinstall, I got the colorpicker !
Thanks to @AndreHimSelf and @Airmr

AndreHimSelf · June 14, 2023, 8:24pm

Your welcome