Filter mDNS responses. Fixes #47

src/components/viewComponents/connectDisplay.vue

@@ -145,9 +145,6 @@ export default {
     if (mdns) {
       // TODO: Have this run periodically on a timer
 
-      // Store the current context for callbacks
-      var context = this;
-
       // Create a browser to search for 'openflexure' type services
       var browser = mdns.createBrowser(mdns.tcp('openflexure'));
 
@@ -156,18 +153,31 @@ export default {
           browser.discover(); 
       });
 
-      browser.on('update', function (data) {
+      browser.on('update', (data) => {
-          var hostData = {
+        console.log(data)
-            hostname: data.addresses[0],
+
-            name: `${data.host} on ${data.networkInterface}`,
+        // We will be checking if it's a valid openflexure device
-            port: data.port
+        var validDevice = false
+
+        // Go through each type of the host, make valid if 'openflexure' appears
+        data.type.forEach((element) => {
+          console.log(element)
+          if (element.name === "openflexure") {
+            validDevice = true
           }
+        })
 
-          if (typeof data.port !== "undefined") {
+        var hostData = {
-            context.$set(context.foundHosts, hostData.hostname, hostData)
+          hostname: data.addresses[0],
-          } 
+          name: `${data.host} on ${data.networkInterface}`,
+          port: data.port
+        }
 
-          console.log(context.foundHosts)
+        if ((typeof data.port !== "undefined") && (validDevice === true)) {
+          this.$set(this.foundHosts, hostData.hostname, hostData)
+        } 
+
+        console.log(this.foundHosts)
       });
     }