homekit.html

<script type="text/x-red" data-template-name="homekit-service">
    <div class="form-row">
        <label for="node-config-input-isParent"><i class="fa fa-tasks"></i> Service Hierarchy</label>
        <select id="node-config-input-isParent">
            <option value="true" selected="selected">Parent</option>
            <option value="false">Linked</option>
        </select>
    </div>

    <div id="isParent">
        <div class="form-row">
            <label for="node-input-bridge">
          <i class="fa fa-rocket"></i>
          Bridge</label>
            <input id="node-input-bridge">
        </div>
        <div class="form-row">
            <label for="node-input-accessoryCategory">
              <i class="fa fa-cog"></i>
              Accessory Category</label>
            <select id="node-input-accessoryCategory">
              <option value="">Choose...</option>
          </select>
        </div>
    </div>

    <div id="isLinked" style="display: none;">
        <div class="form-row">
            <label for="node-input-parentService">
              <i class="fa fa-cog"></i>
              Parent Service</label>
            <select id="node-input-parentService">
              <option value="">Choose...</option>
          </select>
        </div>
    </div>


    <div class="form-row">
        <label for="node-input-serviceName">
          <i class="fa fa-cog"></i>
          Service</label>
        <select id="node-input-serviceName">
          <option value="">Choose...</option>
      </select>
    </div>
    <div class="form-row">
        <label for="node-input-topic"><i class="fa fa-tasks"></i> Topic</label>
        <input type="text" id="node-input-topic" placeholder="Topic">
    </div>
    <div class="form-row">
        <label>&nbsp;</label>
        <input type="checkbox" id="node-input-filter" style="display: inline-block; width: auto; vertical-align: top;">
        <label for="node-input-filter" style="width: 70%;">&nbsp;&nbsp;<i class="fa fa-filter"></i> Filter on Topic</label>
    </div>
    <div class="form-row">
        <label for="node-input-manufacturer"><i class="fa fa-wrench"></i> Manufacturer</label>
        <input type="text" id="node-input-manufacturer" placeholder="Manufacturer">
    </div>
    <div class="form-row">
        <label for="node-input-serialNo"><i class="fa fa-wrench"></i> Serial Number</label>
        <input type="text" id="node-input-serialNo" placeholder="Serial Number">
    </div>
    <div class="form-row">
        <label for="node-input-model"><i class="fa fa-wrench"></i> Model</label>
        <input type="text" id="node-input-model" placeholder="Model">
    </div>

    <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 id="camera-configuration" style="display: none;">
        <label>&nbsp;&nbsp;<i class="fa fa-video-camera"></i> Camera Configuration</label>
        <div class="form-row">
            <label for="node-input-cameraConfigVideoProcessor"><i class="fa fa-cog"></i> Video Processor</label>
            <input type="text" id="node-input-cameraConfigVideoProcessor" placeholder="ffmpeg">
        </div>
        <div class="form-row">
            <label for="node-input-cameraConfigSource"><i class="fa fa-tint"></i> Source</label>
            <input type="text" id="node-input-cameraConfigSource" placeholder="">
        </div>
        <div class="form-row">
            <label for="node-input-cameraConfigStillImageSource"><i class="fa fa-picture-o"></i> Still Image Source</label>
            <input type="text" id="node-input-cameraConfigStillImageSource" placeholder="">
        </div>
        <div class="form-row">
            <label for="node-input-cameraConfigMaxStreams"><i class="fa fa-tint"></i> Max Streams</label>
            <input type="text" id="node-input-cameraConfigMaxStreams" placeholder="">
        </div>
        <div class="form-row">
            <label for="node-input-cameraConfigMaxWidth"><i class="fa fa-text-width"></i> Max Width</label>
            <input type="text" id="node-input-cameraConfigMaxWidth" placeholder="">
        </div>
        <div class="form-row">
            <label for="node-input-cameraConfigMaxHeight"><i class="fa fa-text-height"></i> Max Height</label>
            <input type="text" id="node-input-cameraConfigMaxHeight" placeholder="">
        </div>
        <div class="form-row">
            <label for="node-input-cameraConfigMaxFPS"><i class="fa fa-clock-o"></i> Max FPS</label>
            <input type="text" id="node-input-cameraConfigMaxFPS" placeholder="">
        </div>
        <div class="form-row">
            <label for="node-input-cameraConfigMaxBitrate"><i class="fa fa-clock-o"></i> Max Bitrate</label>
            <input type="text" id="node-input-cameraConfigMaxBitrate" placeholder="">
        </div>
        <div class="form-row">
            <label for="node-input-cameraConfigVideoCodec"><i class="fa fa-video-camera"></i> Video Codec</label>
            <input type="text" id="node-input-cameraConfigVideoCodec" placeholder="">
        </div>
        <div class="form-row">
            <label for="node-input-cameraConfigAudioCodec"><i class="fa fa-video-camera"></i> Audio Codec</label>
            <input type="text" id="node-input-cameraConfigAudioCodec" placeholder="">
        </div>
        <div class="form-row">
            <label for="node-input-cameraConfigAudio"><i class="fa fa-headphones"></i> Audio</label>
            <input type="checkbox" id="node-input-cameraConfigAudio">
        </div>
        <div class="form-row">
            <label for="node-input-cameraConfigPacketSize"><i class="fa fa-get-pocket"></i> Packet Size</label>
            <input type="text" id="node-input-cameraConfigPacketSize" placeholder="">
        </div>
        <div class="form-row">
            <label for="node-input-cameraConfigVerticalFlip"><i class="fa fa-undo"></i> Vertical Flip</label>
            <input type="checkbox" id="node-input-cameraConfigVerticalFlip">
        </div>
        <div class="form-row">
            <label for="node-input-cameraConfigHorizontalFlip"><i class="fa fa-undo"></i> Horizontal Flip</label>
            <input type="checkbox" id="node-input-cameraConfigHorizontalFlip">
        </div>
        <div class="form-row">
            <label for="node-input-cameraConfigMapVideo"><i class="fa fa-video-camera"></i> Map Video</label>
            <input type="text" id="node-input-cameraConfigMapVideo" placeholder="">
        </div>
        <div class="form-row">
            <label for="node-input-cameraConfigMapAudio"><i class="fa fa-headphones"></i> Map Audio</label>
            <input type="text" id="node-input-cameraConfigMapAudio" placeholder="">
        </div>
        <div class="form-row">
            <label for="node-input-cameraConfigVideoFilter"><i class="fa fa-filter"></i> Video Filter</label>
            <input type="text" id="node-input-cameraConfigVideoFilter" placeholder="">
        </div>
        <div class="form-row">
            <label for="node-input-cameraConfigAdditionalCommandLine"><i class="fa fa-plus"></i> Additional Command Line</label>
            <input type="text" id="node-input-cameraConfigAdditionalCommandLine" placeholder="">
        </div>
        <div class="form-row">
            <label for="node-input-cameraConfigDebug"><i class="fa fa-bug"></i> Debug</label>
            <input type="checkbox" id="node-input-cameraConfigDebug">
        </div>

        <div class="form-row">
            <label for="node-input-cameraConfigSnapshotOutput"><i class="fa fa-picture-o"></i> Snapshot output</label>
            <select id="node-input-cameraConfigSnapshotOutput">
                <option value="disabled" selected="selected">Disabled</option>
                <option value="path">Path</option>
                <option value="content">Content</option>
            </select>
        </div>
    </div>

    <div class="form-row" style="margin-bottom: 0px;">
        <label for="node-input-characteristicProperties" style="width: 100% !important;">
          <i class="fa fa-wrench"></i>
          Characteristic Properties</label>
        <input type="hidden" id="node-input-characteristicProperties">
    </div>
    <div class="form-row node-text-editor-row">
        <div style="height: 250px; min-height:150px;" class="node-text-editor" id="node-input-characteristicProperties-editor"></div>
    </div>
</script>

<script type="text/x-red" data-help-name="homekit-service">
    <h3 id="toc_5">Service</h3>
    <p>The Service node represents the single device you want to control or query.</p>
    <p>Every service node creates its own HAP accessory to keep things simple.</p>
    <ul>
        <li><strong>Service Hierarchy</strong>: Choose if this Service is Parent or Linked</li>
        <ul>
            <li>Parent has <strong>Bridge</strong> and <strong>Accessory Category</strong>: On what Bridge to host this Service and its Accessory and what kind of category is this Accessory, default <em>OTHER</em></li>
            <li>Linked has <strong>Parent Service</strong>: On what Parent Service link this Service.</li>
        </ul>
        <li><strong>Topic</strong>: An optional property that can be configured in the node or, if left blank, can be set by <code>msg.topic</code>. If <em>Filter on Topic</em> is selected <code>msg.topic</code> of incoming messages must match the configured
            value for the message to be accepted. If <em>Filter on Topic</em> is selected and no <em>Topic</em> is set on the node, then <code>msg.topic</code> must match the nodes <em>Name</em></li>
        <li><strong>Manufacturer, Model, Serial Number</strong>: Can be anything you want.</li>
        <li><strong>Service</strong>: Choose the type of Service from the list.</li>
        <li><strong>Name</strong>: <em>optional</em></li>
        <li><strong>Camera Configuration</strong>: Additional configuration for CameraControl service.</li>
        <ul>
            <li><strong>Video Processor</strong>: Video processor used for Camera. Default is <em>ffmpeg</em>.</li>
            <li><strong>Source</strong>: Camera source used for video processor. Example for ffmpeg <em>-re -i rtsp://192.168.0.227:8554/unicast</em></li>
            <li><strong>Still Image Source</strong>: Camera snapshot source used for video processor. Example for ffmpeg <em>-i http://faster_still_image_grab_url/this_is_optional.jpg</em></li>
            <li><strong>Max Streams</strong>: Maximum number of streams that will be generated for this camera, default <em>2</em>.</li>
            <li><strong>Max Width</strong>: Maximum width reported to HomeKit, default <em>1280</em>.</li>
            <li><strong>Max Height</strong>: Maximum height reported to HomeKit, default <em>720</em>.</li>
            <li><strong>Max FPS</strong>: Maximum frame rate of the stream, default <em>10</em>.</li>
            <li><strong>Max Bitrate</strong>: Maximum bit rate of the stream in kbit/s, default <em>300</em>.</li>
            <li><strong>Video Codec</strong>: If you're running on a RPi with the omx version of ffmpeg installed, you can change to the hardware accelerated video codec with this option, default <em>libx264</em>.</li>
            <li><strong>Audio Codec</strong>: If you're running on a RPi with the omx version of ffmpeg installed, you can change to the hardware accelerated audio codec with this option, default <em>libfdk_aac</em>.</li>
            <li><strong>Audio</strong>: Can be set to true to enable audio streaming from camera. To use audio ffmpeg must be compiled with --enable-libfdk-aac, default <em>false</em>.</li>
            <li><strong>Packet Size</strong>: If audio or video is choppy try a smaller value, set to a multiple of 188, default <em>1316</em>.</li>
            <li><strong>Vertical Flip</strong>: Flips the stream vertically, default <em>false</em>.</li>
            <li><strong>Horizontal Flip</strong>: Flips the stream horizontally, default <em>false</em>.</li>
            <li><strong>Map Video</strong>: Select the stream used for video, default <em>0:0</em>.</li>
            <li><strong>Map Audio</strong>: Select the stream used for audio, default <em>0:1</em>.</li>
            <li><strong>Video Filter</strong>: Allows a custom video filter to be passed to FFmpeg via -vf, defaults to <em>scale=1280:720</em>.</li>
            <li><strong>Additional Command Line</strong>: Allows additional of extra command line options to FFmpeg, default <em>-tune zerolatency</em>.</li>
            <li><strong>Debug</strong>: Show the output of ffmpeg in the log, default <em>false</em>.</li>
            <li><strong>Snapshot output</strong>: Choose how to output camera snapshot</li>
            <ul>
                <li><strong>Disabled</strong>: there will be no output</li>
                <li><strong>Path</strong>: file will be saved and path will be send to output, <em>msg.payload.cameraSnapshot</em> contains path value stored as a string.</li>
                <li><strong>Content</strong>: file content will be send to output, <em>msg.payload.cameraSnapshot</em> contains Buffer object {"type":"Buffer","data":[]}.</li>
            </ul>
        </ul>
        <li><strong>Characteristic Properties</strong>: Customize the properties of characteristics.</li>
    </ul>
    <h2 id="toc_6">Input Messages</h2>
    <p>Input messages can be used to update any <em>Characteristic</em> that the selected <em>Service</em> provides. Simply pass the values-to-update as <code>msg.payload</code> object. </p>
    <p><strong>Example</strong>: to signal that an <em>Outlet</em> is turned on and in use, send the following payload</p>
    <div>
        <pre><code class="language-javascript">{
      &quot;On&quot;: 1,
      &quot;OutletInUse&quot;: 1
  }</code></pre>
    </div>
    <p><strong>Hint</strong>: to find out what <em>Characteristics</em> you can address, just send <code>{&quot;foo&quot;:&quot;bar&quot;}</code> and watch the debug tab ;)</p>
    <h2 id="toc_7">Output Messages</h2>
    <p>Output messages are in the same format as input messages. They are emitted from the node when it receives <em>Characteristics</em> updates from a paired iOS device.</p>
    <h2 id="toc_8">Characteristic Properties</h2>
    <p><strong>Example</strong>: allow temperatures below 0&deg;C</p>
    <div>
        <pre><code class="language-json">{
      &quot;CurrentTemperature&quot;: {
          &quot;minValue&quot;: -100
      }
      <p><strong>Example</strong>: limit fan speed multiples of 25%</p>
      <div><pre><code class="language-json">{
      &quot;RotationSpeed&quot;: {
          &quot;minStep&quot;: 25
      }
  }</code></pre>
    </div>
</script>

<script type="text/x-red" data-template-name="homekit-bridge">
    <div class="form-row">
        <label for="node-config-input-pinCode"><i class="fa fa-lock"></i> Pin Code</label>
        <input type="text" id="node-config-input-pinCode" placeholder="xxx-xx-xxx">
    </div>
    <div class="form-row">
        <label for="node-config-input-port"><i class="fa fa-plug"></i> Port</label>
        <input type="text" id="node-config-input-port" placeholder="Leave blank to auto assign">
    </div>
    <div class="form-row">
        <label>&nbsp;</label>
        <input type="checkbox" id="node-config-input-allowInsecureRequest" style="display: inline-block; width: auto; vertical-align: top;">
        <label for="node-config-input-allowInsecureRequest" style="width: 70%;">&nbsp;&nbsp;<i class="fa fa-shield"></i> Allow Insecure Request</label>
    </div>
    <div class="form-row">
        <label for="node-config-input-manufacturer"><i class="fa fa-wrench"></i> Manufacturer</label>
        <input type="text" id="node-config-input-manufacturer" placeholder="Manufacturer">
    </div>
    <div class="form-row">
        <label for="node-config-input-serialNo"><i class="fa fa-wrench"></i> Serial Number</label>
        <input type="text" id="node-config-input-serialNo" placeholder="Serial Number">
    </div>
    <div class="form-row">
        <label for="node-config-input-model"><i class="fa fa-wrench"></i> Model</label>
        <input type="text" id="node-config-input-model" placeholder="Model">
    </div>
    <div class="form-row">
        <label for="node-config-input-bridgeName"><i class="fa fa-tag"></i> Name</label>
        <input type="text" id="node-config-input-bridgeName" placeholder="Name">
    </div>
    <hr>
    <div class="form-row">
        <input type="checkbox" id="node-config-input-allowMessagePassthrough" style="display: inline-block; width: auto; vertical-align: top;">
        <label for="node-config-input-allowMessagePassthrough" style="width: 70%;">&nbsp;&nbsp;<i class="fa fa-step-forward"></i> Allow Message Passthrough</label>
    </div>
    <hr>
    <div class="form-row">
        <input type="checkbox" id="node-config-input-customMdnsConfig" style="display: inline-block; width: auto; vertical-align: top;">
        <label for="node-config-input-customMdnsConfig" style="width: 70%;">&nbsp;&nbsp;<i class="fa fa-filter"></i> Custom MDNS Configuration</label>
    </div>
    <div id="mdns-configuration" style="display: none;">
        <div class="form-row">
            <label for="node-config-input-mdnsMulticast"><i class="fa fa-ellipsis-v"></i> Multicast</label>
            <input type="checkbox" id="node-config-input-mdnsMulticast" checked>
        </div>
        <div class="form-row">
            <label for="node-config-input-mdnsInterface"><i class="fa fa-location-arrow"></i> Multicast Interface IP</label>
            <input type="text" id="node-config-input-mdnsInterface" placeholder="">
        </div>
        <div class="form-row">
            <label for="node-config-input-mdnsPort"><i class="fa fa-location-arrow"></i> Port</label>
            <input type="text" id="node-config-input-mdnsPort" placeholder="">
        </div>
        <div class="form-row">
            <label for="node-config-input-mdnsIp"><i class="fa fa-location-arrow"></i> Multicast Address IP</label>
            <input type="text" id="node-config-input-mdnsIp" placeholder="">
        </div>
        <div class="form-row">
            <label for="node-config-input-mdnsTtl"><i class="fa fa-repeat"></i> TTL</label>
            <input type="text" id="node-config-input-mdnsTtl" placeholder="255">
        </div>
        <div class="form-row">
            <label for="node-config-input-mdnsLoopback"><i class="fa fa-undo"></i> Loopback</label>
            <input type="checkbox" id="node-config-input-mdnsLoopback" checked>
        </div>
        <div class="form-row">
            <label for="node-config-input-mdnsReuseAddr"><i class="fa fa-location-arrow"></i> Reuse Address</label>
            <input type="checkbox" id="node-config-input-mdnsReuseAddr" checked>
        </div>
    </div>
    <hr>
</script>

<script type="text/x-red" data-help-name="homekit-bridge">
    <h3 id="toc_4">Bridge</h3>
    <p>The Bridge node is a configuration node, specifying the <em>bridge</em> that iOS sees, i.e. the device that is manually being added by the user. All accessories behind a bridge noded are then automatically added by iOS.
    </p>
    <ul>
        <li><strong>Pin Code</strong>: Specify the Pin for the pairing process.</li>
        <li><strong>Port</strong>: If you are behind a Firewall, you may want to specify a port. Otherwise leave empty.</li>
        <li><strong>Allow Insecure Request</strong>: Should we allow insecure request? Default false.</li>
        <li><strong>Manufacturer, Model, Serial Number</strong>: Can be anything you want.</li>
        <li><strong>Name</strong>: If you intend to simulate a rocket, then why don&#39;t you call it <em>Rocket</em>.</li>
        <li><strong>Allow Message Passthrough</strong>: If you allow then message from node input will be send to node output.</li>
        <li><strong>Custom MDNS Configuration</strong>: Check if you would like to use custom mdns configuration.</li>
        <ul>
            <li><strong>Multicast</strong>: Use udp multicasting. Optional. Default true.</li>
            <li><strong>Multicast Interface IP:</strong>: Explicitly specify a network interface. Optional. Defaults to all.</li>
            <li><strong>Port</strong>: Set the udp port. Optional. Default 5353.</li>
            <li><strong>Multicast Address IP</strong>: Set the udp ip. Optional. </li>
            <li><strong>TTL</strong>: Set the multicast ttl. Optional. </li>
            <li><strong>Loopback</strong>: Receive your own packets. Optional. Default true.</li>
            <li><strong>Reuse Address</strong>: Set the reuseAddr option when creating the socket. Optional. Default true.</li>
        </ul>
    </ul>
</script>

<script type="text/javascript">
    RED.validators.port = function(port){return port >= 1 && port <= 65535 && port === port.toString()};
</script>

<script type="text/javascript">
    let serviceTypes;
    let accessoryTypes;

    //HomeKitServiceTypes
    $.getJSON("homekit/service/types", function(data) {
        serviceTypes = data;
    });

    //HomeKitAccessoryTypes
    $.getJSON("homekit/accessory/types", function(data) {
        accessoryTypes = data;
    });

    const cameraConfigRequiredField = function (value) {
        if (this.serviceName === "CameraControl") {
            return (value || "").toString().trim();
        } else return true;
    };

    RED.nodes.registerType("homekit-service", {
        category: "advanced",
        paletteLabel: "homekit",
        defaults: {
            isParent: {
                value: "false",
                required: true
            },
            bridge: {
                value: "",
                type: "homekit-bridge",
                required: false
            },
            accessoryCategory: {
                value: "OTHER",
                required: false
            },
            parentService: {
                value: "",
                required: false
            },
            name: {
                value: "",
                required: true,
                validate: function(value) {
                    return value.length > 0;
                }
            },
            serviceName: {
                value: "",
                required: true
            },
            topic: {
                value:""
            },
            filter: {
                value: false
            },
            manufacturer: {
                value: "Default Manufacturer",
                required: true
            },
            model: {
                value: "Default Model",
                required: true
            },
            serialNo: {
                value: "Default Serial Number",
                required: true
            },
            cameraConfigVideoProcessor: {
                value: "ffmpeg",
                validate: cameraConfigRequiredField
            },
            cameraConfigSource: {
                validate: cameraConfigRequiredField
            },
            cameraConfigStillImageSource: {
                required: false
            },
            cameraConfigMaxStreams: {
                value: 2,
                validate: cameraConfigRequiredField
            },
            cameraConfigMaxWidth: {
                value: 1280,
                validate: cameraConfigRequiredField
            },
            cameraConfigMaxHeight: {
                value: 720,
                validate: cameraConfigRequiredField
            },
            cameraConfigMaxFPS: {
                value: 10,
                validate: cameraConfigRequiredField
            },
            cameraConfigMaxBitrate: {
                value: 300,
                validate: cameraConfigRequiredField
            },
            cameraConfigVideoCodec: {
                value: "libx264",
                validate: cameraConfigRequiredField
            },
            cameraConfigAudioCodec: {
                value: "libfdk_aac",
                validate: cameraConfigRequiredField
            },
            cameraConfigAudio: {
                value: false
            },
            cameraConfigPacketSize: {
                value: 1316,
                validate: cameraConfigRequiredField
            },
            cameraConfigVerticalFlip: {
                value: false
            },
            cameraConfigHorizontalFlip: {
                value: false
            },
            cameraConfigMapVideo: {
                value: "0:0",
                validate: cameraConfigRequiredField
            },
            cameraConfigMapAudio: {
                value: "0:1",
                validate: cameraConfigRequiredField
            },
            cameraConfigVideoFilter: {
                value: "scale=1280:720",
                validate: cameraConfigRequiredField
            },
            cameraConfigAdditionalCommandLine: {
                value: "-tune zerolatency",
                validate: cameraConfigRequiredField
            },
            cameraConfigDebug: {
                value: false
            },
            cameraConfigSnapshotOutput: {
                value: "disabled",
                validate: cameraConfigRequiredField
            },
            characteristicProperties: {
                value: "{}",
                validate: function(value) {
                    if (value.length === 0) {
                        return true;
                    }

                    try {
                        JSON.parse(value);
                    } catch (e) {
                        return false;
                    }

                    return value[0] === "{";
                }
            }
        },
        inputs: 1,
        outputs: 2,
        outputLabels: function(index) {
            if (index === 0) {
                return "default"
            }

            if (index === 1) {
                return "camera snapshot"
            }
            
            return ""
        },
        icon: "homekit.png",
        color: "#fcc127",
        label: function() {
            return this.name || this.serviceName || "Service";
        },
        labelStyle: function() {
            return this.name ? "node_label_italic" : "";
        },
        oneditprepare: function() {
            let node = this;
            let isParentToggle = $("#node-config-input-isParent");

            if (node.isParent === false) {
                isParentToggle.val("false");
            } else {
                isParentToggle.val("true");
            }

            let isLinkedDiv = $("#isLinked");
            let isParentDiv = $("#isParent");

            isParentToggle.change(function(){
                if(isParentToggle.val() === "true") {
                    isLinkedDiv.fadeOut("fast");
                    isParentDiv.fadeIn("fast");
                } else {
                    isParentDiv.fadeOut("fast");
                    isLinkedDiv.fadeIn("fast");
                }
            }).change();

            const selectServiceName = $("#node-input-serviceName");
            for (let key in serviceTypes) {
                if (!serviceTypes.hasOwnProperty(key)) continue;

                selectServiceName.append(
                    $("<option></option>")
                        .val(key)
                        .text(key)
                );
            }

            let cameraConfiguration = $("#camera-configuration");

            selectServiceName
                .find("option")
                .filter(function() {
                    return $(this).val() === node.serviceName;
                })
                .attr("selected", true);

            selectServiceName.change(function(){
                if(this.value === "CameraControl") {
                    cameraConfiguration.fadeIn("fast");
                } else {
                    cameraConfiguration.fadeOut("fast");
                }
            }).change();

            const selectCategoryName = $("#node-input-accessoryCategory");
            for (let key in accessoryTypes) {
                if (!accessoryTypes.hasOwnProperty(key)) continue;

                selectCategoryName.append(
                    $("<option></option>")
                        .val(key)
                        .text(key)
                );
            }

            selectCategoryName
                .find("option")
                .filter(function() {
                    return $(this).val() === node.accessoryCategory;
                })
                .attr("selected", true);

            node.editor = RED.editor.createEditor({
                id: "node-input-characteristicProperties-editor",
                mode: "ace/mode/json",
                value: $("#node-input-characteristicProperties").val()
            });

            const selectParentService = $("#node-input-parentService");

            const candidateNodes = RED.nodes.filterNodes({type: "homekit-service"});
            const inSubflow = !!RED.nodes.subflow(node.z);
            candidateNodes.forEach(function(n) {
                if (!n.name || n.name.length < 1 || !n.isParent) {
                    return;
                }

                if (n.id === node.id) {
                    return;
                }

                if (inSubflow) {
                    if (n.z !== node.z) {
                        return;
                    }
                } else {
                    if (!!RED.nodes.subflow(n.z)) {
                        return;
                    }
                }

                let sublabel;
                let tab = RED.nodes.workspace(n.z);
                if (tab) {
                    sublabel = tab.label || tab.id;
                } else {
                    tab = RED.nodes.subflow(n.z);
                    sublabel = "subflow : " + tab.name;
                }

                const value = n.id;
                const text = n.name + " (" + sublabel + ")";

                selectParentService.append(
                    $("<option></option>")
                        .val(value)
                        .text(text)
                );
            });

            selectParentService
                .find("option")
                .filter(function() {
                    return $(this).val() === node.parentService;
                })
                .attr("selected", true);
            selectParentService.change();
        },
        oneditsave: function() {
            let node = this;

            node.isParent = $("#node-config-input-isParent").val() === "true";

            if (!node.isParent) {
                node.parentService = $("#node-input-parentService option:selected").val();
            }

            node.serviceName = $("#node-input-serviceName option:selected").val();
            $("#node-input-characteristicProperties").val(node.editor.getValue());
            node.editor.destroy();
            delete node.editor;
        },
        oneditcancel: function() {
            this.editor.destroy();
            delete this.editor;
        },
        oneditresize: function(size) {
            const rows = $("#dialog-form>div:not(.node-text-editor-row)");
            let height = $("#dialog-form").height();
            for (let i = 0; i < rows.size(); i++) {
                height -= $(rows[i]).outerHeight(true);
            }
            const editorRow = $("#dialog-form>div.node-text-editor-row");
            height -=
                parseInt(editorRow.css("marginTop")) +
                parseInt(editorRow.css("marginBottom"));
            $(".node-text-editor").css("height", height + "px");
            this.editor.resize();
        }
    });
</script>

<script type="text/javascript">
    RED.nodes.registerType("homekit-bridge", {
        category: "config",
        defaults: {
            bridgeName: {
                value: "",
                required: true
            },
            pinCode: {
                value: "111-11-111",
                required: true,
                validate: RED.validators.regex(/[0-9]{3}-[0-9]{2}-[0-9]{3}/)
            },
            port: {
                required: false,
                validate: function (value) {
                    if (value) return RED.validators.port(value);
                    else return true;
                }
            },
            allowInsecureRequest: {
                value: false,
                required: true
            },
            manufacturer: {
                value: "Default Manufacturer",
                required: true
            },
            model: {
                value: "Default Model",
                required: true
            },
            serialNo: {
                value: "Default Serial Number",
                required: true
            },
            customMdnsConfig: {
                value: false,
                required: false
            },
            mdnsMulticast: {
                value: true,
                required: false
            },
            mdnsInterface: {
                required: false
            },
            mdnsPort: {
                required: false,
                validate: function (value) {
                    if (value) return RED.validators.port(value);
                    else return true;
                }
            },
            mdnsIp: {
                required: false
            },
            mdnsTtl: {
                required: false
            },
            mdnsLoopback: {
                value: true,
                required: false
            },
            mdnsReuseAddr: {
                value: true,
                required: false
            },
            allowMessagePassthrough: {
                value: true,
                required: true
            }
        },
        label: function() {
            return this.bridgeName || "Bridge";
        },
        labelStyle: function() {
            return this.bridgeName ? "node_label_italic" : "";
        },
        oneditprepare: function () {
            if (typeof this.allowMessagePassthrough == "undefined") {
                this.allowMessagePassthrough = true
                $("#node-config-input-allowMessagePassthrough").prop('checked', true);
            }

            let customMdnsConfigCheckbox = $("#node-config-input-customMdnsConfig");
            let mdnsConfiguration = $("#mdns-configuration");

            customMdnsConfigCheckbox.change(function(){
                if(this.checked) {
                    mdnsConfiguration.fadeIn("fast");
                } else {
                    mdnsConfiguration.fadeOut("fast");
                }
            }).change();
        }
    });
</script>