Add a new unifi-protect node

build/nodes/AccessController.html

@@ -1,72 +1,125 @@
 <script type="text/javascript">
-    RED.nodes.registerType('unifi-access-controller',
-        {
-            category: 'config',
-            defaults:
-                {
-                    name: {
-                        value: '',
-                        required: true
-                    },
-                    controllerIp: {
-                        value: '',
-                        required: true
-                    },
-                    controllerPort: {
-                        value: '',
-                        required: false
-                    },
-                    controllerType: {
-                        value: 'UniFiOSConsole',
-                        required: true
-                    }
-                },
-            credentials: {
-                username: {type: "text"},
-                password: {type: "password"}
+    RED.nodes.registerType('unifi-access-controller', {
+        category: 'config',
+        defaults: {
+            name: {
+                value: '',
+                required: true,
             },
-            label: function () {
-                return this.name || "unifi-access-controller";
+            controllerIp: {
+                value: '',
+                required: true,
             },
-            labelStyle: function () {
-                return this.name ? 'node_label_italic' : ''
-            }
-        });
+            controllerPort: {
+                value: '',
+                required: false,
+            },
+            controllerType: {
+                value: 'UniFiOSConsole',
+                required: true,
+            },
+            protectSocketReconnectTimeout: {
+                value: 0,
+                validate: RED.validators.number(),
+                required: true,
+            },
+            protectSocketHeartbeatInterval: {
+                value: 0,
+                validate: RED.validators.number(),
+                required: true,
+            },
+        },
+        oneditprepare: restoreValue,
+        oneditsave: storeAsNumber,
+        credentials: {
+            username: { type: 'text' },
+            password: { type: 'password' },
+        },
+        label: function () {
+            return this.name || 'unifi-access-controller'
+        },
+        labelStyle: function () {
+            return this.name ? 'node_label_italic' : ''
+        },
+    })
+
+    function storeAsNumber() {
+        const el_protectSocketReconnectTimeout = $(
+            '#el-node-config-input-protectSocketReconnectTimeout'
+        )
+        this.protectSocketReconnectTimeout = parseInt(
+            el_protectSocketReconnectTimeout.val()
+        )
+
+        const el_protectSocketHeartbeatInterval = $(
+            '#el-node-config-input-protectSocketHeartbeatInterval'
+        )
+        this.protectSocketHeartbeatInterval = parseInt(
+            el_protectSocketHeartbeatInterval.val()
+        )
+    }
+    function restoreValue() {
+        const reconnectValue = this.protectSocketReconnectTimeout || 0
+        const heartBeatValue = this.protectSocketHeartbeatInterval || 0
+        $('#el-node-config-input-protectSocketReconnectTimeout').val(
+            reconnectValue
+        )
+        $('#el-node-config-input-protectSocketHeartbeatInterval').val(
+            heartBeatValue
+        )
+    }
 </script>
 
+<!-- prettier-ignore -->
 <script data-template-name="unifi-access-controller" type="text/html">
     <div class="form-row unifi-flex">
         <label for="node-config-input-name" class="unifi-width-50"><i class="fa fa-tag"></i> Name</label>
-        <input type="text" id="node-config-input-name" class="unifi-grow" placeholder="Name">
+        <input type="text" id="node-config-input-name"  class="unifi-grow" placeholder="Name"/>
     </div>
     <div class="unifi-text-divider">Controller</div>
     <div class="form-row unifi-flex">
         <label for="node-config-input-controllerIp" class="unifi-width-50"><i class="fa fa-globe"></i> IP</label>
-        <input type="text" id="node-config-input-controllerIp" class="unifi-grow" placeholder="Controller IP">
+        <input type="text" id="node-config-input-controllerIp" class="unifi-grow" placeholder="Controller IP"/>
     </div>
     <div class="form-row unifi-flex">
         <label for="node-config-input-controllerPort" class="unifi-width-50"><i class="fa fa-globe"></i> Port</label>
-        <input type="text" id="node-config-input-controllerPort" class="unifi-grow" placeholder="8443">
+        <input type="text" id="node-config-input-controllerPort"  class="unifi-grow" placeholder="8443"/>
     </div>
     <div class="form-row unifi-flex">
         <label for="node-config-input-controllerType" class="unifi-width-50"><i class="fa fa-server"></i> Type</label>
-        <select id="node-config-input-controllerType" class="unifi-grow" >
-            <option value="UniFiOSConsole" selected="selected">UniFi OS Console</option>
-            <option value="UniFiNetworkApplication">UniFi Network Application</option>
+        <select id="node-config-input-controllerType" class="unifi-grow">
+            <option value="UniFiOSConsole" selected="selected">
+                UniFi OS Console
+            </option>
+            <option value="UniFiNetworkApplication">
+                UniFi Network Application
+            </option>
         </select>
     </div>
+    <div class="unifi-text-divider">Protect Shared Socket timeouts (ms, 0 - Use defaults)</div>
+    <div class="form-row unifi-flex">
+        <label for="el-node-config-input-protectSocketReconnectTimeout" class="unifi-width-50"><i class="fa fa-clock-o"></i> Reconnect</label>
+        <input type="number" id="el-node-config-input-protectSocketReconnectTimeout" class="unifi-grow" placeholder="90000"/>
+    </div>
+    <div class="form-row unifi-flex">
+        <label for="el-node-config-input-protectSocketHeartbeatInterval" class="unifi-width-50"><i class="fa fa-clock-o"></i> Heartbeat</label>
+        <input type="number" id="el-node-config-input-protectSocketHeartbeatInterval" class="unifi-grow" placeholder="15000"/>
+    </div>
     <div class="unifi-text-divider">Credentials</div>
     <div class="form-row unifi-flex">
         <label for="node-config-input-username" class="unifi-width-50"><i class="fa fa-user"></i> Username</label>
-        <input type="text" id="node-config-input-username" class="unifi-grow" placeholder="Username">
+        <input type="text" id="node-config-input-username" class="unifi-grow" placeholder="Username"/>
     </div>
     <div class="form-row unifi-flex">
-        <label for="node-config-input-password" class="unifi-width-50"><i class="fa fa-key"></i> Password</label>
-        <input type="password" id="node-config-input-password" class="unifi-grow" placeholder="Password">
+        <label for="node-config-input-password" class="unifi-width-50" ><i class="fa fa-key"></i> Password</label>
+        <input type="password" id="node-config-input-password"  class="unifi-grow" placeholder="Password"/>
     </div>
 </script>
 
+<!-- prettier-ignore -->
 <script data-help-name="unifi-access-controller" type="text/html">
-    <p>A simple node that logs into Unifi OS and sends the cookies to a single output.</p>
+    <p>
+        A simple node that logs into Unifi OS and sends the cookies to a single
+        output.
+    </p>
 </script>
-

build/nodes/Protect.html

@@ -0,0 +1,187 @@
+<script type="text/javascript">
+    let selectedCamera
+    let selectedController
+    RED.nodes.registerType('unifi-protect', {
+        category: 'UniFi',
+        defaults: {
+            name: {
+                value: '',
+                required: false,
+            },
+            accessControllerNodeId: {
+                value: '',
+                type: 'unifi-access-controller',
+                required: true,
+            },
+            cameraId: {
+                value: '',
+                required: true,
+            },
+            eventIds: {
+                value: [],
+                required: true,
+            },
+            snapshotMode: {
+                value: 'None',
+                required: true,
+            },
+            snapshotW: {
+                validate: RED.validators.number(),
+                value: 360,
+                required: true,
+            },
+            snapshotH: {
+                validate: RED.validators.number(),
+                value: 360,
+                required: true,
+            },
+            delayedSnapshotTime: {
+                validate: RED.validators.number(),
+                value: 2000,
+                required: true,
+            },
+        },
+        inputs: 1,
+        outputs: 2,
+        outputLabels: function (index) {
+            switch (index) {
+                case 0:
+                    return 'Event Data'
+
+                case 1:
+                    return 'Delayed Snapshots'
+
+                default:
+                    return ''
+            }
+        },
+        icon: 'protect.png',
+        color: '#159eda',
+        label: function () {
+            return this.name || 'Unifi Protect Camera'
+        },
+        labelStyle: function () {
+            return this.name ? 'node_label_italic' : ''
+        },
+        oneditsave: function () {
+            const Element = $('#el-node-input-delayedSnapshotTime')
+            this.delayedSnapshotTime = parseInt(Element.val())
+        },
+        oneditprepare: function () {
+            selectedCamera = undefined
+            $('#el-node-input-delayedSnapshotTime').val(
+                this.delayedSnapshotTime
+            )
+            if (this.cameraId) {
+                selectedCamera = this.cameraId
+            }
+            $('#node-input-accessControllerNodeId').change(controllerSelected)
+            showHideSnapshotOptions()
+        },
+    })
+
+    function controllerSelected() {
+        const ControllerID = $('#node-input-accessControllerNodeId').val()
+        if (ControllerID && ControllerID !== '_ADD_') {
+            listCameras(ControllerID)
+        }
+    }
+
+    function listCameras(ControllerID) {
+        $('#node-input-cameraId').empty()
+        $('#node-input-cameraId').append(
+            `<option value="" selected>Choose...</option>`
+        )
+
+        $.getJSON(`nrchkb/unifi/bootsrap/${ControllerID}`, (data) => {
+            data.cameras.forEach((Camera) => {
+                $('#node-input-cameraId').append(
+                    `<option value="${Camera.id}">${Camera.name} (${Camera.type})</option>`
+                )
+            })
+            if (selectedCamera) {
+                $('#node-input-cameraId').val(selectedCamera)
+            }
+            $('#node-warning').fadeOut('fast')
+        }).fail(function () {
+            $('#node-warning').fadeIn('fast')
+        })
+    }
+
+    function showHideSnapshotOptions() {
+        const Value = $('#node-input-snapshotMode').val()
+        switch (Value) {
+            case 'None':
+                $('.unifi-snapshot').fadeOut('fast')
+                break
+
+            default:
+                $('.unifi-snapshot').fadeIn('fast')
+                break
+        }
+    }
+</script>
+
+<!-- prettier-ignore -->
+<script data-template-name="unifi-protect" type="text/html">
+    <div class="form-row">
+        <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
+        <input type="text" id="node-input-name" placeholder="Name" />
+    </div>
+    <div class="form-row">
+        <label for="node-input-accessControllerNodeId"><i class="fa fa-globe"></i> Controller</label>
+        <select id="node-input-accessControllerNodeId">
+            <option value="">Choose...</option>
+        </select>
+    </div>
+    <div class="form-row">
+        <label for="node-input-cameraId"><i class="fa fa-video-camera"></i> Camera</label >
+        <select id="node-input-cameraId">
+            <option value="" selected>Choose...</option>
+        </select>
+    </div>
+    <div class="form-row">
+        <label for="node-input-eventIds"><i class="fa fa-list"></i> Events</label >
+        <select id="node-input-eventIds" multiple style="height:120px">
+            <option value="MotionEvent">Motion Event</option>
+            <option value="MotionDetection">Motion Detection</option>
+            <option value="DoorBell">Door Bell Ring</option>
+            <option value="Package">Package Detected</option>
+            <option value="Vehicle">Vehicle Detected</option>
+            <option value="Person">Person Detected</option>
+        </select>
+    </div>
+    <div class="form-row">
+        <label for="node-input-snapshotMode"><i class="fa fa-image"></i> Snapshots</label>
+        <select id="node-input-snapshotMode" onchange="showHideSnapshotOptions()">
+            <option value="None" selected>None</option>
+            <option value="Initial">Initial Only (if supported)</option>
+            <option value="InitialDelayed">Initial And Delayed (if supported)</option>
+            <option value="InitialRetain">Retain Initial (if supported)</option>
+        </select>
+    </div>
+    <div class="form-row unifi-snapshot">
+        <label for="node-input-snapshotW"><i class="fa fa fa-arrows-h"></i> Width</label>
+        <input type="number" id="node-input-snapshotW" placeholder="360" />
+    </div>
+    <div class="form-row unifi-snapshot">
+        <label for="node-input-snapshotH"><i class="fa fa-arrows-v"></i> Height</label>
+        <input type="number" id="node-input-snapshotH" placeholder="360" />
+    </div>
+    <div class="form-row unifi-snapshot">
+        <label for="el-node-input-delayedSnapshotTime"><i class="fa fa-clock-o"></i> Delay Time</label>
+        <input type="number" id="el-node-input-delayedSnapshotTime" placeholder="2000" />
+    </div>
+    <div class="form-tips unifi-snapshot" id="node-tip">
+        <span style="font-weight:bold;">Caution:</span> The larger the snapshot size, the more time needed to deliver the event to your flow. Not all event types support a snapshot, therefore will not be included. 
+        The <code>Delay Time</code> value represents how long to give the controller to generate any snapshot that are not immediately available at the time of the event.
+    </div>
+    <div class="form-tips" id="node-warning">
+        <span style="color:red; font-weight:bold;">Warning:</span> The selected console does not appear to have a protect Instance running, or it's config has just been created and needs deploying before cameras can be fetched.
+    </div>
+</script>
+
+<!-- prettier-ignore -->
+<script data-help-name="unifi-protect" type="text/html">
+    <p>A Unifi Protect Camera.</p>
+</script>

build/nodes/unifi.html

@@ -34,4 +34,4 @@
     .unifi-grow {
         flex-grow: 1;
     }
-</style>
+</style>