upd

Author: GyverLibs

README.md

@@ -24,11 +24,11 @@
 ESP8266, ESP32
 
 ### Зависимости
-- GTL v1.0.11+
-- GyverDB v1.0.6+
-- StringUtils v1.4.23+
-- GyverHTTP v1.0.11+
-- GSON v1.5.6+
+- GTL v1.1.1+
+- GyverDB v1.1.2+
+- StringUtils v1.4.24+
+- GyverHTTP v1.0.17+
+- GSON v1.5.9+
 
 <details>
 <summary>platformio.ini</summary>
@@ -145,7 +145,9 @@ void loop() {
 ```
 
 ### Билдер
-Пакет собирается устройством в билдере - функция в программе, которая вызывается когда приходит запрос от вебморды. Внутри билдера нужно вызвать методы компонентов в том порядке, в котором они должны находиться в вебморде. Вызов компонента добавляет информацию о нём в пакет. На этом этапе также происходит чтение значения для виджета по его id из базы данных, если она подключена и значение не указано явно.
+Пакет собирается устройством в билдере - функция в программе, которая вызывается когда приходит запрос от вебморды. Внутри билдера нужно вызвать методы компонентов в том порядке, в котором они должны находиться в вебморде. Вызов компонента добавляет информацию о нём в пакет. На этом этапе также происходит чтение значения для виджета по его id из базы данных, если она подключена и *значение не указано явно*.
+
+> Если нужно, чтобы параметр читался из БД, но нужно указать аргумент после него - значением нужно указать `Text()` как и сделано в функции по умолчанию. Например цвет для Label `b.Label(key, "Label!", Text(), sets::Colors::Mint);`. Если указать пустую строку (`b.Label(key, "Label!", "", sets::Colors::Mint);`) - в качестве значения и отправится пустая строка, т.е. значение не из БД.
 
 ```cpp
 GyverDB db;

library.properties

@@ -1,5 +1,5 @@
 name=Settings
-version=1.0.7
+version=1.0.8
 author=AlexGyver <[email protected]>
 maintainer=AlexGyver <[email protected]>
 sentence=Simple UI webface builder for esp8266/esp32

src/web/settings.h

@@ -1,6 +1,6 @@
 {
   "name": "settings",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "main": "index.js",
   "scripts": {
     "build": "webpack --config ./webpack.single.js & webpack --config ./webpack.index.js",

web/package.json

@@ -1,60 +1,20 @@
-const codes = [
-    'id',
-    'type',
-    'content',
-    'group',
-    'menu',
-    'buttons',
-
-    'build',
-    'reload',
-    'update',
-    'ping',
-    'granted',
-    'fs',
-    'error',
-    'gzip',
-    'used',
-    'total',
-
-    'label',
-    'title',
-    'text',
-    'value',
-    'color',
-    'min',
-    'max',
-    'step',
-    'unit',
-
-    'input',
-    'pass',
-    'select',
-    'slider',
-    'toggle',
-    'time',
-    'date',
-    'datetime',
-    'button',
-    'paragraph',
-    'confirm',
-    'led',
-];
-
-export default function decodeBson(b) {
+export default function decodeBson(b, codes = []) {
     if (!b || !(b instanceof Uint8Array)) return null;
     if (!b.length) return {};
+    let bins = [];
 
     const BS_KEY_CODE = (0 << 5);
     const BS_KEY_STR = (1 << 5);
     const BS_VAL_CODE = (2 << 5);
     const BS_VAL_STR = (3 << 5);
     const BS_VAL_INT = (4 << 5);
     const BS_VAL_FLOAT = (5 << 5);
-    const BS_CONT_OPEN = (6 << 5);
-    const BS_CONT_CLOSE = (7 << 5);
-    const BS_CONT_OBJ = (1);
-    const BS_CONT_ARR = (0);
+    const BS_CONTAINER = (6 << 5);
+    const BS_BINARY = (7 << 5);
+    const BS_BIN_PREFIX = "__BSON_BINARY";
+
+    const BS_CONT_OBJ = (1 << 4);
+    const BS_CONT_OPEN = (1 << 3);
 
     function ieee32ToFloat(intval) {
         var fval = 0.0;
@@ -83,21 +43,31 @@ export default function decodeBson(b) {
     function unpack5(msb5, lsb) {
         return ((msb5 << 8) | lsb) >>> 0;
     }
+    function makeBins(obj) {
+        if (typeof obj !== 'object') return;
+        for (let k in obj) {
+            if (typeof obj[k] === "object" && obj[k] !== null) {
+                makeBins(obj[k]);
+            } else if (typeof obj[k] === "string" && obj[k].startsWith(BS_BIN_PREFIX)) {
+                obj[k] = bins[obj[k].split('#')[1]];
+            }
+        }
+    }
 
     let s = '';
     for (let i = 0; i < b.length; i++) {
         const type = b[i] & 0b11100000;
         const data = b[i] & 0b00011111;
 
         switch (type) {
-            case BS_CONT_CLOSE:
-                if (s[s.length - 1] == ',') s = s.slice(0, -1);
-                s += (data == BS_CONT_OBJ) ? '}' : ']';
-                s += ',';
-                break;
-
-            case BS_CONT_OPEN:
-                s += (data == BS_CONT_OBJ) ? '{' : '[';
+            case BS_CONTAINER:
+                if (data & BS_CONT_OPEN) {
+                    s += (data & BS_CONT_OBJ) ? '{' : '[';
+                } else {
+                    if (s[s.length - 1] == ',') s = s.slice(0, -1);
+                    s += (data & BS_CONT_OBJ) ? '}' : ']';
+                    s += ',';
+                }
                 break;
 
             case BS_KEY_CODE:
@@ -140,12 +110,22 @@ export default function decodeBson(b) {
                 s += ieee32ToFloat(v).toFixed(data);
                 s += ',';
             } break;
+
+            case BS_BINARY: {
+                let len = unpack5(data, b[++i]);
+                i++;
+                s += '"' + BS_BIN_PREFIX + '#' + bins.length + '",';
+                bins.push(b.slice(i, i + len));
+                i += len - 1;
+            } break;
         }
     }
     if (s[s.length - 1] == ',') s = s.slice(0, -1);
 
     try {
-        return JSON.parse(s);
+        let obj = JSON.parse(s);
+        makeBins(obj);
+        return obj;
     } catch (e) {
         throw new Error("JSON error")
     }

web/src/script/bson.js

@@ -0,0 +1,42 @@
+export const codes = [
+    'id',
+    'type',
+    'content',
+    'group',
+    'menu',
+    'buttons',
+
+    'build',
+    'reload',
+    'update',
+    'ping',
+    'granted',
+    'fs',
+    'error',
+    'gzip',
+    'used',
+    'total',
+
+    'label',
+    'title',
+    'text',
+    'value',
+    'color',
+    'min',
+    'max',
+    'step',
+    'unit',
+
+    'input',
+    'pass',
+    'select',
+    'slider',
+    'toggle',
+    'time',
+    'date',
+    'datetime',
+    'button',
+    'paragraph',
+    'confirm',
+    'led',
+];

web/src/script/codes.js

@@ -3,6 +3,7 @@ import Page from './page';
 import { Arrow, hash, http_post } from './utils';
 import popup from './ui/popup';
 import decodeBson from './bson';
+import { codes } from './codes';
 import unMap from './unmap';
 import { AsyncConfirm, AsyncPrompt } from './ui/dialog';
 
@@ -107,7 +108,7 @@ export default class Settings {
                                         events: {
                                             click: () => {
                                                 document.body.classList.toggle('theme_dark');
-                                                localStorage.setItem('dark', document.body.classList.contains('theme_dark') | 0);
+                                                localStorage.setItem('dark', Number(document.body.classList.contains('theme_dark')));
                                             },
                                         }
                                     }
@@ -289,7 +290,7 @@ export default class Settings {
         if (!res || !res.ok) return null;
 
         try {
-            return decodeBson(new Uint8Array(await res.arrayBuffer()));
+            return decodeBson(new Uint8Array(await res.arrayBuffer()), codes);
         } catch (e) {
             popup(e);
         }