[light.hue] [UI] Better support for group scenes.

platypush/backend/http/webapp/src/components/panels/Light/Index.vue

@@ -30,8 +30,17 @@ export default {
   name: "Light",
   components: {Group, Groups},
   mixins: [Utils, Panel],
-  emits: ['group-toggle', 'light-toggle', 'set-light', 'set-group', 'select-scene', 'start-animation', 'stop-animation',
-    'refresh', 'light-changed'],
+  emits: [
+    'group-toggle',
+    'light-changed',
+    'light-toggle',
+    'refresh',
+    'select-scene',
+    'set-group',
+    'set-light',
+    'start-animation',
+    'stop-animation',
+  ],
 
   props: {
     lights: {
@@ -65,10 +74,6 @@ export default {
       default: () => {},
     },
 
-    pluginName: {
-      type: String,
-    },
-
     initialGroup: {
       type: [Number, String],
     },
@@ -140,7 +145,7 @@ export default {
       return {
         ...animations,
         ...Object.entries(this.animations?.lights || {}).reduce((obj, [lightId, animation]) => {
-          const group = Object.values(self.groupsByLight[lightId])?.[0]
+          const group = Object.values(self.groupsByLight[lightId] || {})?.[0]
           if (group) {
             if (animation && group.id != null) {
               if (!obj[group.id])
@@ -244,4 +249,4 @@ export default {
     }
   }
 }
-</style>
+</style>

platypush/backend/http/webapp/src/components/panels/LightHue/Index.vue

@@ -67,7 +67,10 @@ export default {
 
     async getScenes() {
       return Object.entries(await this.request('light.hue.get_scenes'))
-          .filter((scene) => !scene[1].recycle && scene[1].type.toLowerCase() === 'lightscene')
+          .filter((scene) =>
+            !scene[1].recycle &&
+            ['lightscene', 'groupscene'].includes(scene[1].type.toLowerCase())
+          )
           .reduce((obj, [id, scene]) => {
             obj[id] = scene
             return obj