Fix text wrap and switch to bonjour (#1041)

* some fixes

* fix scrollbar

* fix linter issue

.eslintrc.js

@@ -4,6 +4,7 @@ module.exports = {
   plugins: ['@typescript-eslint', 'import', 'simple-import-sort', 'prettier'],
   extends: [
     'eslint:recommended',
+    'plugin:@typescript-eslint/eslint-recommended',
     'plugin:@typescript-eslint/recommended',
     'plugin:import/errors',
     'plugin:import/warnings',
@@ -17,7 +18,9 @@ module.exports = {
     '@typescript-eslint/no-parameter-properties': 'off',
     '@typescript-eslint/no-use-before-define': 'off',
     'import/no-unresolved': 'off',
-    'camelcase': 'warn',
+    '@typescript-eslint/no-unused-vars': 'off',
+    '@typescript-eslint/no-unused-vars-experimental': 'warn',
+    camelcase: 'warn',
     'simple-import-sort/sort': 'warn',
     'sort-imports': 'off',
     'import/first': 'warn',

.prettierrc

@@ -9,5 +9,5 @@
   "semi": true,
   "singleQuote": true,
   "trailingComma": "all",
-  "htmlWhitespaceSensitivity": "ignore"
+  "htmlWhitespaceSensitivity": "css"
 }

helper/discover.js

@@ -1,37 +1,37 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 /* eslint-disable import/no-commonjs */
 
-const mdns = require('mdns');
 const compareVersions = require('compare-versions');
 
 const minimumVersion = '1.3.5';
-let mdnsBrowser;
+let browser;
 let nodes = [];
 
 function discoverNodes(window) {
+  const bonjour = require('bonjour')();
   nodes = [];
-  mdnsBrowser = mdns.createBrowser(mdns.tcp('octoprint'));
-  mdnsBrowser.on('serviceUp', service => {
+  browser = bonjour.find({ type: 'octoprint' });
+  browser.on('up', service => {
     nodes.push({
-      id: service.interfaceIndex,
+      id: service.addresses[0] + service.port,
       name: service.name,
-      version: service.txtRecord.version,
-      url: `http://${service.host.replace(/\.$/, '')}:${service.port}${service.txtRecord.path}api/`,
-      disable: compareVersions(minimumVersion, service.txtRecord.version) === -1,
+      version: service.txt.version,
+      url: `http://${service.host.replace(/\.$/, '')}:${service.port}${service.txt.path}api/`,
+      disable: compareVersions(minimumVersion, service.txt.version) === -1,
     });
     sendNodes(window);
   });
 
-  mdnsBrowser.on('serviceDown', service => {
+  browser.on('down', service => {
     nodes = nodes.filter(node => node.id !== service.interfaceIndex);
     sendNodes(window);
   });
 
-  mdnsBrowser.start();
+  browser.start();
 }
 
 function stopDiscovery() {
-  mdnsBrowser.stop();
+  browser.stop();
 }
 
 function sendNodes(window) {

package.json

@@ -79,13 +79,12 @@
     "@fortawesome/free-solid-svg-icons": "^5.14.0",
     "ajv": "^6.12.5",
     "angular-svg-round-progressbar": "^4.0.0",
+    "bonjour": "^3.5.0",
     "compare-versions": "^3.6.0",
     "electron-store": "^6.0.0",
     "got": "^11.7.0",
     "jquery": "^3.5.1",
-    "got": "^11.6.2",
     "lodash": "^4.17.20",
-    "mdns": "^2.5.1",
     "ngx-spinner": "^10.0.1",
     "progress-stream": "^2.0.0",
     "rxjs": "~6.6.3",