node-red-contrib-huemagic 2.8.2 → 4.0.0

package/huemagic/hue-scene.html

@@ -1,39 +1,23 @@
 <script type="text/x-red" data-template-name="hue-scene">
     <div class="form-row">
         <label for="node-input-name"><i class="fa fa-tag"></i> <span data-i18n="hue-scene.config.name"></span></label>
-        <input type="text" id="node-input-name" data-i18n="[placeholder]hue-scene.config.input-name">
+        <input type="text" id="node-input-name" data-i18n="[placeholder]hue-scene.config.input-name" style="width: calc(100% - 105px)">
     </div>
     <div class="form-row">
         <label for="node-input-bridge"><i class="fa fa-server"></i> Bridge</label>
-        <input type="text" id="node-input-bridge">
+        <input type="text" id="node-input-bridge" style="width: calc(100% - 105px)">
     </div>
     <div class="form-row">
-        <label for="node-input-sceneid"><i class="fa fa-eye"></i> Scene</label>
-        <div style="display: inline-block; position: relative; width: 70%; height: 20px;">
-            <div style="position: absolute; left: 0px; right: 40px;">
-                <input type="text" id="node-input-sceneid" placeholder="1" style="width: 100%"/>
+        <label for="node-input-sceneid"><i class="fa fa-eye"></i> <span data-i18n="hue-scene.config.scene"></span></label>
+        <div style="display: inline-flex; width: calc(100% - 105px)">
+            <div id="input-scene-select-toggle" style="flex-grow: 1;">
+                <input type="text" id="node-input-sceneid" placeholder="00000000-0000-0000-0000-000000000000" style="width: 100%"/>
             </div>
-            <a id="node-config-input-scan-scenes" class="editor-button" style="position: absolute; right: 0px; top: 0px;">
+            <button id="node-config-input-scan-scenes" type="button" class="red-ui-button" style="margin-left: 10px;">
                 <i class="fa fa-search"></i>
-            </a>
+            </button>
         </div>
     </div>
-    <div class="form-row">
-        <label for="node-input-groupid"><i class="fa fa-lightbulb-o"></i> <span data-i18n="hue-scene.config.group"></span></label>
-        <div style="display: inline-block; position: relative; width: 70%; height: 20px;">
-            <div style="position: absolute; left: 0px; right: 40px;">
-                <input type="text" id="node-input-groupid" placeholder="1" style="width: 100%"/>
-            </div>
-            <a id="node-config-input-scan-groups" class="editor-button" style="position: absolute; right: 0px; top: 0px;">
-                <i class="fa fa-search"></i>
-            </a>
-        </div>
-    </div>
-    <div class="form-row">
-        <label for="node-input-skipevents"><i class="fa fa-sign-out"></i> <span data-i18n="hue-scene.config.skipevents"></span></label>
-        <input type="checkbox" id="node-input-skipevents" style="display:inline-block; width:22px; vertical-align:baseline;"><span data-i18n="hue-scene.config.skipevents-node"></span>
-        </label>
-    </div>
 </script>
 
 <script type="text/javascript">
@@ -41,149 +25,146 @@
         category: 'HueMagic',
         color: '#ff823a',
         defaults: {
-            name: {value:""},
-            bridge: {type: "hue-bridge", required: true},
-            sceneid: {value: null},
-            groupid: {value:"", required: false, validate: function(id) {
-                if(id.length < 1) { return true; }
-                else if(!isNaN(id)) { return true; }
-                else { return false; }
-            }},
-            skipevents: {value: false}
+            name: { value:"" },
+            bridge: { type: "hue-bridge", required: true },
+            sceneid: { value: null }
         },
+        align: 'left',
+        icon: "hue-scene.png",
         inputs: 1,
         outputs: 1,
+        label: function() {
+            return this.name || this._("hue-scene.node.title");
+        },
+        paletteLabel: function() {
+            return this._("hue-scene.node.title");
+        },
         inputLabels: function() {
             return this._("hue-scene.node.input");
         },
         outputLabels: function() {
             return this._("hue-scene.node.output");
         },
-        align: 'right',
-        icon: "hue-scene.png",
-        paletteLabel: function() {
-            return this._("hue-scene.node.title");
-        },
-        label: function() {
-            return this.name || this._("hue-scene.node.title");
-        },
         oneditprepare: function()
         {
-            var scope = this;
+            const scope = this;
+            let sceneOptions = [];
 
             function manualSceneID()
             {
+                // GET CURRENT SELECTED VALUE
                 var current = $('#node-input-sceneid').val();
-                $('#node-input-sceneid').replaceWith('<input type="text" id="node-input-sceneid" style="width: 100%"/>');
-                $('#node-input-sceneid').val(current);
-            }
 
-            function manualGroupID()
-            {
-                var current = $('#node-input-groupid').val();
-                $('#node-input-groupid').replaceWith('<input type="text" id="node-input-groupid" style="width: 100%"/>');
-                $('#node-input-groupid').val(current);
+                // REMOVE SELECT FIELD
+                $('#input-scene-select-toggle').empty();
+
+                // CREATE NEW INPUT FIELD
+                $('#input-scene-select-toggle').append('<input type="text" id="node-input-sceneid" placeholder="00000000-0000-0000-0000-000000000000" style="width: 100%" value="'+current+'" />');
+
+                // CHANGE BUTTON ICON
+                var button = $("#node-config-input-scan-scenes");
+                var buttonIcon = button.find("i");
+                buttonIcon.removeClass("fa-pencil");
+                buttonIcon.addClass("fa-search");
             }
 
             function searchAndSelectScenes()
             {
+                // GET CURRENT BRIDGE CONFIGURATION
+                var bridgeConfig = RED.nodes.node($('#node-input-bridge option:selected').val());
+                if(!bridgeConfig) { return false; }
+
+                // GET CURRENT SELECTED VALUE
                 var current = $('#node-input-sceneid').val();
-                $('#node-input-sceneid').replaceWith('<select id="node-input-sceneid" style="width: 100%"></select>');
-                $('#node-input-sceneid').append('<option selected="selected" value="null">'+scope._("hue-scene.config.searching")+'</option>');
 
-                var bridgeConfig = RED.nodes.node($('#node-input-bridge option:selected').val());
-                $.get('hue/scenes', {bridge: bridgeConfig.bridge, key: bridgeConfig.key})
-                .done(function(data) {
-                    var scenes = JSON.parse(data);
+                // TRIGGER SEARCHING NOTIFICATION
+                var notification = RED.notify(scope._("hue-rules.config.searching"), { type: "compact", modal: true, fixed: true });
 
-                    if(scenes.length <= 0)
+                // GET THE SCENES
+                $.get('hue/ressources', { bridge: bridgeConfig.bridge, key: bridgeConfig.key, type: "scene" })
+                .done( function(data) {
+                    var allRessources = JSON.parse(data);
+                    if(allRessources.length <= 0)
                     {
-                        RED.notify(scope._("hue-scene.config.none-found"), "error");
+                        notification.close();
+                        RED.notify(scope._("hue-scene.config.none-found"), { type: "error" });
+                        return false;
                     }
 
-                    // RESET OPTIONS
-                    $('#node-input-sceneid').empty();
-
-                    // SET MOTION SENSORS AS OPTIONS
-                    scenes.forEach(function(scene)
+                    // SET OPTIONS
+                    allRessources.forEach(function(ressource)
                     {
-                        $('#node-input-sceneid').append('<option value="' + scene.id + '">' + scene.name + '</option>');
+                        sceneOptions[ressource.id] = { value: ressource.id, label: ressource.name + " ("+ressource.group+")" };
                     });
 
                     // SELECT CURRENT VALUE
-                    $('#node-input-sceneid').val(current);
-                })
-                .fail(function()
-                {
-                    RED.notify(scope._("hue-scene.config.unknown-error"), "error");
-                });
-            }
-
-            function searchAndSelectGroupID()
-            {
-                var current = $('#node-input-groupid').val();
-                $('#node-input-groupid').replaceWith('<select id="node-input-groupid" style="width: 100%"></select>');
-                $('#node-input-groupid').append('<option selected="selected" value="null">'+scope._("hue-scene.config.group-searching")+'</option>');
-
-                var bridgeConfig = RED.nodes.node($('#node-input-bridge option:selected').val());
-                $.get('hue/groups', {bridge: bridgeConfig.bridge, key: bridgeConfig.key})
-                .done(function(data) {
-                    var groups = JSON.parse(data);
-
-                    if(groups.length <= 0)
-                    {
-                        RED.notify(scope._("hue-scene.config.group-none-found"), "error");
-                    }
-
-                    // RESET OPTIONS
-                    $('#node-input-groupid').empty();
-
-                    // SET GROUPS AS OPTIONS
-                    $('#node-input-groupid').append('<option value="0">'+scope._("hue-scene.config.groups-all")+'</option>');
-                    groups.forEach(function(group)
-                    {
-                        $('#node-input-groupid').append('<option value="' + group.id + '">' + group.name + '</option>');
+                    $("#node-input-sceneid").typedInput({
+                        types: [
+                            {
+                                value: current,
+                                options: Object.values(sceneOptions)
+                            }
+                        ]
                     });
 
-                    // SELECT CURRENT VALUE
-                    $('#node-input-groupid').val(current);
+                    // CHANGE BUTTON ICON
+                    var button = $("#node-config-input-scan-scenes");
+                    var buttonIcon = button.find("i");
+                    buttonIcon.removeClass("fa-search");
+                    buttonIcon.addClass("fa-pencil");
+
+                    // CLOSE SEARCH NOTIFICATION
+                    notification.close();
                 })
                 .fail(function()
                 {
+                    notification.close();
                     RED.notify(scope._("hue-scene.config.unknown-error"), "error");
                 });
             }
 
-
-            $(document).on('change', '#node-input-sceneid', function()
+            // CHANGED SCENE ID? -> REPLACE NAME (IF POSSIBLE)
+            $(document).on('change', '#node-input-sceneid', function(e)
             {
-                var sceneName = $('#node-input-sceneid option:selected').text();
-                if(sceneName.length > 0)
+                let currentSelectedOptionID = $(e.currentTarget).val();
+                let currentSelectedOptionValue = (currentSelectedOptionID.length > 0 && sceneOptions[currentSelectedOptionID]) ? sceneOptions[currentSelectedOptionID].label : false;
+
+                if(currentSelectedOptionValue !== false)
                 {
-                    $('#node-input-name').val(sceneName);
+                    $('#node-input-name').val(currentSelectedOptionValue.split(" (")[0]);
                 }
             });
 
-            // SCAN
+            // TOGGLE SELECT/INPUT FIELD
             $('#node-config-input-scan-scenes').click(function()
             {
-                if($('#node-input-sceneid').prop("tagName") === "INPUT")
+                if($('#input-scene-select-toggle').find(".red-ui-typedInput-container").length > 0)
                 {
-                    searchAndSelectScenes();
-                } else {
                     manualSceneID();
                 }
+                else
+                {
+                    searchAndSelectScenes();
+                }
             });
-
-            $('#node-config-input-scan-groups').click(function()
+        },
+        button: {
+            onclick: function()
             {
-                if($('#node-input-groupid').prop("tagName") === "INPUT")
+                const node = this;
+                if(node.bridge)
                 {
-                    searchAndSelectGroupID();
-                } else {
-                    manualGroupID();
+                    $.ajax({
+                        url: "inject/" + node.id,
+                        type: "POST",
+                        data: JSON.stringify({ __user_inject_props__: "status"}),
+                        contentType: "application/json; charset=utf-8",
+                        success: function (resp) {
+                            RED.notify(node.name + ": " + node._("hue-scene.node.statusmsg"), { type: "success", id: "status", timeout: 2000 });
+                        }
+                    });
                 }
-            });
+            }
         }
     });
-</script>
+</script>

package/huemagic/hue-scene.js

@@ -6,9 +6,19 @@ module.exports = function(RED)
 	{
 		RED.nodes.createNode(this, config);
 
-		var scope = this;
-		let bridge = RED.nodes.getNode(config.bridge);
-		let { HueSceneMessage } = require('../utils/messages');
+		const scope = this;
+		const bridge = RED.nodes.getNode(config.bridge);
+
+		// GET TARGET WIRED GROUPS
+		this.targetGroups = {};
+		for (var w = scope.wires[0].length - 1; w >= 0; w--)
+		{
+			let oneWiredNode = RED.nodes.getNode(scope.wires[0][w]);
+			if(oneWiredNode && oneWiredNode.type == "hue-group" && oneWiredNode.exportedConfig && oneWiredNode.exportedConfig.groupid && oneWiredNode.exportedConfig.groupid.length > 1)
+			{
+				this.targetGroups[oneWiredNode.exportedConfig.groupid] = true;
+			}
+		}
 
 		//
 		// CHECK CONFIG
@@ -22,123 +32,82 @@ module.exports = function(RED)
 		// ENABLE SCENE
 		this.on('input', function(msg, send, done)
 		{
-			// Node-RED < 1.0
-			send = send || function() { scope.send.apply(scope,arguments); }
+			// REDEFINE SEND AND DONE IF NOT AVAILABLE
+			done = done || function() { scope.done.apply(scope,arguments); }
 
-			var groupID = config.groupid;
-			var sceneDef = config.sceneid;
+			// TARGET GROUP & SCENE
+			const groupIDS = (typeof msg.payload != 'undefined' && typeof msg.payload.group != 'undefined') ? msg.payload.group : [];
+			const sceneDef = (typeof msg.payload != 'undefined' && typeof msg.payload.scene != 'undefined') ? msg.payload.scene : config.sceneid;
 
-			// PASSED SCENE NAME?
-			if(typeof msg.payload === 'string' || msg.payload instanceof String)
-			{
-				sceneDef = msg.payload;
-			}
-			else
-			{
-				groupID = (typeof msg.payload != 'undefined' && typeof msg.payload.group != 'undefined') ? msg.payload.group : groupID;
-				sceneDef = (typeof msg.payload != 'undefined' && typeof msg.payload.scene != 'undefined') ? msg.payload.scene : sceneDef;
-			}
+			// PREPARE TARGET GROUPS
+			let copyOfTargetGroups = Object.keys(scope.targetGroups);
+			if(typeof groupIDS == 'string') { copyOfTargetGroups.push(groupIDS); }
+			else if(typeof groupIDS == 'object') { copyOfTargetGroups.concat(groupIDS); }
+			else { return false; }
 
-			if(config.sceneid)
-			{
-				bridge.client.scenes.getById(config.sceneid)
-				.then(scene => {
-					scope.proceedSceneAction(scene, groupID, send, done);
-				});
-			}
-			else if(sceneDef)
-			{
-				bridge.client.scenes.getAll()
-				.then(scenes => {
-					for (var scene of scenes)
-					{
-						if(scene.id == sceneDef)
-						{
-							scope.proceedSceneAction(scene, groupID, send, done);
-							break;
-						}
-						else if(scene.name == sceneDef)
-						{
-							scope.proceedSceneAction(scene, groupID, send, done);
-							break;
-						}
-					}
-				});
-			}
-			else
+			// CREATE PATCH
+			let patchObject = {};
+
+			// NO SCENE?
+			if(!sceneDef)
 			{
 				// ERROR
 				this.status({fill: "red", shape: "ring", text: "hue-scene.node.no-id"});
+				scope.error("Scene ID not found");
+				return false;
 			}
-		});
 
-
-		//
-		// PROCEED SCENE ACTION
-		this.proceedSceneAction = function(scene, applyOnGroup = false, send, done)
-		{
-			// CHECK IF SCENE SHOULD BE APPLIED TO A GROUP
-			if(applyOnGroup)
+			// RECALL ON GROUP? -> USE API v1
+			if(copyOfTargetGroups.length > 0)
 			{
-				var groupID = parseInt(applyOnGroup);
-				bridge.client.groups.getById(groupID)
-				.then(group =>
-				{
-					group.on = true;
-					group.scene = scene;
-					return bridge.client.groups.save(group);
-				})
-				.then(groupInfo =>
+				let targetSceneID = bridge.ressources[sceneDef].id_v1.replace("/scenes/", "");
+
+				// SEND STATUS
+				scope.status({fill: "blue", shape: "dot", text: "hue-scene.node.recalled-on-group"})
+
+				// FIND GROUP AND RECALL SCENE
+				for (var g = copyOfTargetGroups.length - 1; g >= 0; g--)
 				{
-					// SEND STATUS
-					scope.status({fill: "blue", shape: "dot", text: "hue-scene.node.recalled-on-group"});
+					let targetGroup = bridge.get("group", copyOfTargetGroups[g]);
 
-					// SEND MESSAGE
-					if(!config.skipevents)
+					if(targetGroup)
 					{
-						var hueScene = new HueSceneMessage(scene);
-						send(hueScene.msg);
+						bridge.patch("group", targetGroup.info.idV1 + "/action", { "scene": targetSceneID }, 1)
+						.catch(function(errors) {
+							scope.error(errors);
+						});
 					}
-					if(done) { done(); }
+				}
 
-					// RESET STATUS AFTER 3 SEC
-					setTimeout(function() {
-						scope.status({});
-					}, 3000);
-				})
-				.catch(error => {
-					scope.error(error, msg);
-					if(done) { done(error); }
-				});
+				// RESET STATUS AFTER 2 SECONDS
+				setTimeout(function() {
+					scope.status({});
+				}, 2000);
 			}
 			else
 			{
-				// RECALL A SCENE
-				bridge.client.scenes.recall(scene)
-				.then(recalledScene => {
-					// SEND STATUS
-					scope.status({fill: "blue", shape: "dot", text: "hue-scene.node.recalled"});
+				// RECALL SCENE
+				patchObject["recall"] = { status: "active" };
 
-					// SEND MESSAGE
-					if(!config.skipevents)
-					{
-						var hueScene = new HueSceneMessage(scene);
-						send(hueScene.msg);
-					}
+				// CHANGE NODE UI STATE
+				scope.status({fill: "grey", shape: "ring", text: "hue-scene.node.command"});
+
+				// PATCH!
+				bridge.patch("scene", sceneDef, patchObject)
+				.then(function()
+				{
+					scope.status({fill: "blue", shape: "dot", text: "hue-scene.node.recalled"});
 					if(done) { done(); }
 
-					// RESET STATUS AFTER 3 SEC
+					// RESET STATUS AFTER 1 SECOND
 					setTimeout(function() {
 						scope.status({});
-					}, 3000);
+					}, 1000);
 				})
-				.catch(error => {
-					scope.error(error, msg);
-					if(done) { done(error); }
-				});
+				.catch(function(errors) { scope.error(errors);  });
 			}
-		}
+		});
 	}
 
 	RED.nodes.registerType("hue-scene", HueScene);
-}
+}