upd

Author: GyverLibs

.gitignore

@@ -1,3 +1,6 @@
 web/node_modules
 web/package-lock.json
-web/dist
+web/dist
+discoverer/node_modules
+discoverer/package-lock.json
+discoverer/dist

web/src/script/bson.js

@@ -124,7 +124,7 @@ export default function decodeBson(b, codes = []) {
 
     try {
         let obj = JSON.parse(s);
-        makeBins(obj);
+        if (bins.length) makeBins(obj);
         return obj;
     } catch (e) {
         throw new Error("JSON error")

web/src/script/settings.js

@@ -108,7 +108,7 @@ export default class Settings {
                                         events: {
                                             click: () => {
                                                 document.body.classList.toggle('theme_dark');
-                                                localStorage.setItem('dark', Number(document.body.classList.contains('theme_dark')));
+                                                localStorage.setItem('dark', document.body.classList.contains('theme_dark') ? 1 : 0);
                                             },
                                         }
                                     }

web/src/script/widgets/input.js

@@ -28,7 +28,7 @@ export default class InputWidget extends WidgetBase {
     }
 
     update(value) {
-        this.text = value ? value.toString() : '';
+        this.text = (value ?? '') + '';
         let disp = '...';
         if (this.text.length) {
             let lines = this.text.split('\n');

web/src/script/widgets/label.js

@@ -19,6 +19,6 @@ export default class LabelWidget extends WidgetBase {
     }
 
     update(value) {
-        this.$out.innerText = value ?? '';
+        this.$out.innerText = (value ?? '') + '';
     }
 }

web/src/script/widgets/select.css

@@ -19,6 +19,7 @@
 .option {
     font-size: 19px;
     padding: 6px 8px;
+    min-height: 23px;
 }
 
 .option:hover {

web/src/script/widgets/select.js

@@ -77,7 +77,7 @@ export default class SelectWidget extends WidgetBase {
     }
 
     update(value) {
-        this.value = value ?? 0;
+        this.value = (value ?? 0) + '';
         this.$label.textContent = this.options[this.value];
     }
 }

web/src/script/widgets/slider.js

@@ -21,9 +21,9 @@ export default class SliderWidget extends WidgetBase {
                 type: 'range',
                 class: 'slider',
                 var: 'slider',
-                min: data.min ?? 0,
-                max: data.max ?? 100,
-                step: data.step ?? 1,
+                min: (data.min ?? 0) + '',
+                max: (data.max ?? 100) +'',
+                step: (data.step ?? 1) + '',
                 events: {
                     input: () => this.move(),
                     change: () => this.sendEvent(this.$slider.value),
@@ -42,7 +42,7 @@ export default class SliderWidget extends WidgetBase {
     }
 
     update(value) {
-        this.$slider.value = value ?? 0;
+        this.$slider.value = (value ?? 0) + '';
         this.move();
     }
 }