[WIP] New Vue Web UI

.github/CODEOWNERS

@@ -0,0 +1,5 @@
+# Global owners
+* @xoseperez @mcspr
+
+# Vue ui codeowner
+/code/ui/ @tofandel

.gitignore

@@ -15,5 +15,6 @@ custom.h
 .env
 .DS_Store
 .vscode
+.idea
 _pycache_/
-*.py[cod]
+*.py[cod]

code/espurna/alexa.ino

@@ -27,9 +27,15 @@ bool _alexaWebSocketOnKeyCheck(const char * key, JsonVariant& value) {
     return (strncmp(key, "alexa", 5) == 0);
 }
 
+void _alexaWebSocketOnVisible(JsonObject& root) {
+    JsonObject& modules = root["modules"];
+    modules["alexa"] = 1;
+}
+
 void _alexaWebSocketOnConnected(JsonObject& root) {
-    root["alexaEnabled"] = alexaEnabled();
-    root["alexaName"] = getSetting("alexaName");
+    JsonObject& alexa = root.createNestedObject("alexa");
+    alexa["enabled"] = alexaEnabled();
+    alexa["name"] = getSetting("alexaName");
 }
 
 void _alexaConfigure() {
@@ -123,7 +129,7 @@ void alexaSetup() {
         webBodyRegister(_alexaBodyCallback);
         webRequestRegister(_alexaRequestCallback);
         wsRegister()
-            .onVisible([](JsonObject& root) { root["alexaVisible"] = 1; })
+            .onVisible(_alexaWebSocketOnVisible)
             .onConnected(_alexaWebSocketOnConnected)
             .onKeyCheck(_alexaWebSocketOnKeyCheck);
     #endif

code/espurna/api.ino

@@ -26,11 +26,17 @@ bool _apiWebSocketOnKeyCheck(const char * key, JsonVariant& value) {
     return (strncmp(key, "api", 3) == 0);
 }
 
+void _apiWebSocketOnVisible(JsonObject& root) {
+    JsonObject& modules = root["modules"];
+    modules["api"] = 1;
+}
+
 void _apiWebSocketOnConnected(JsonObject& root) {
-    root["apiEnabled"] = getSetting("apiEnabled", API_ENABLED).toInt() == 1;
-    root["apiKey"] = getSetting("apiKey");
-    root["apiRealTime"] = getSetting("apiRealTime", API_REAL_TIME_VALUES).toInt() == 1;
-    root["apiRestFul"] = getSetting("apiRestFul", API_RESTFUL).toInt() == 1;
+    JsonObject& api = root.createNestedObject("api");
+    api["enabled"] = getSetting("apiEnabled", API_ENABLED).toInt() == 1;
+    api["key"] = getSetting("apiKey");
+    api["realTime"] = getSetting("apiRealTime", API_REAL_TIME_VALUES).toInt() == 1;
+    api["restFul"] = getSetting("apiRestFul", API_RESTFUL).toInt() == 1;
 }
 
 void _apiConfigure() {
@@ -246,7 +252,7 @@ void apiRegister(const char * key, api_get_callback_f getFn, api_put_callback_f
 void apiSetup() {
     _apiConfigure();
     wsRegister()
-        .onVisible([](JsonObject& root) { root["apiVisible"] = 1; })
+        .onVisible(_apiWebSocketOnVisible)
         .onConnected(_apiWebSocketOnConnected)
         .onKeyCheck(_apiWebSocketOnKeyCheck);
     webRequestRegister(_apiRequestCallback);

code/espurna/button.ino

@@ -44,7 +44,8 @@ unsigned char _buttonCount() {
 
 void _buttonWebSocketOnVisible(JsonObject& root) {
     if (_buttonCount() > 0) {
-        root["btnVisible"] = 1;
+        JsonObject& modules = root["modules"];
+        modules["btn"] = 1;
     }
 }
 

code/espurna/config/general.h

@@ -637,7 +637,7 @@
 // there are no special requirements. Any static web server will do (NGinx, Apache, Lighttpd,...).
 // The only requirement is that the resource must be available under this domain.
 #ifndef WEB_REMOTE_DOMAIN
-#define WEB_REMOTE_DOMAIN           "http://espurna.io"
+#define WEB_REMOTE_DOMAIN           "*"
 #endif
 
 // -----------------------------------------------------------------------------

code/espurna/debug.ino

@@ -90,6 +90,12 @@ void debugSendImpl(const char * message) {
 
 #if DEBUG_WEB_SUPPORT
 
+void _debugWebSocketOnVisible(JsonObject& root) {
+    JsonObject& modules = root["modules"];
+
+    modules["dbg"] = 1;
+}
+
 void _debugWebSocketOnAction(uint32_t client_id, const char * action, JsonObject& data) {
 
         #if TERMINAL_SUPPORT
@@ -108,7 +114,7 @@ void _debugWebSocketOnAction(uint32_t client_id, const char * action, JsonObject
 void debugWebSetup() {
 
     wsRegister()
-        .onVisible([](JsonObject& root) { root["dbgVisible"] = 1; })
+        .onVisible(_debugWebSocketOnVisible)
         .onAction(_debugWebSocketOnAction);
 
     #if DEBUG_UDP_SUPPORT

code/espurna/domoticz.ino

@@ -184,22 +184,24 @@ bool _domoticzWebSocketOnKeyCheck(const char * key, JsonVariant& value) {
 }
 
 void _domoticzWebSocketOnVisible(JsonObject& root) {
-    root["dczVisible"] = static_cast<unsigned char>(haveRelaysOrSensors());
+    JsonObject& modules = root["modules"];
+    modules["dcz"] = static_cast<unsigned char>(haveRelaysOrSensors());
 }
 
 void _domoticzWebSocketOnConnected(JsonObject& root) {
+    JsonObject& dcz = root.createNestedObject("dcz");
 
-    root["dczEnabled"] = getSetting("dczEnabled", DOMOTICZ_ENABLED).toInt() == 1;
-    root["dczTopicIn"] = getSetting("dczTopicIn", DOMOTICZ_IN_TOPIC);
-    root["dczTopicOut"] = getSetting("dczTopicOut", DOMOTICZ_OUT_TOPIC);
+    dcz["enabled"] = getSetting("dczEnabled", DOMOTICZ_ENABLED).toInt() == 1;
+    dcz["topicIn"] = getSetting("dczTopicIn", DOMOTICZ_IN_TOPIC);
+    dcz["topicOut"] = getSetting("dczTopicOut", DOMOTICZ_OUT_TOPIC);
 
-    JsonArray& relays = root.createNestedArray("dczRelays");
+    JsonArray& relays = dcz.createNestedArray("relays");
     for (unsigned char i=0; i<relayCount(); i++) {
         relays.add(domoticzIdx(i));
     }
 
     #if SENSOR_SUPPORT
-        _sensorWebSocketMagnitudes(root, "dcz");
+        _sensorWebSocketMagnitudesConfig(dcz);
     #endif
 
 }

code/espurna/homeassistant.ino

@@ -96,7 +96,7 @@ void _haSendMagnitude(unsigned char i, JsonObject& config) {
     unsigned char type = magnitudeType(i);
     config["name"] = _haFixName(getSetting("hostname") + String(" ") + magnitudeTopic(type));
     config["state_topic"] = mqttTopic(magnitudeTopicIndex(i).c_str(), false);
-    config["unit_of_measurement"] = magnitudeUnits(type);
+    config["unit_of_measurement"] = magnitudeUnit(type);
 }
 
 void _haSendMagnitudes(ha_config_t& config) {
@@ -326,12 +326,15 @@ bool _haWebSocketOnKeyCheck(const char * key, JsonVariant& value) {
 }
 
 void _haWebSocketOnVisible(JsonObject& root) {
-    root["haVisible"] = 1;
+    JsonObject& modules = root["modules"];
+    modules["ha"] = 1;
 }
 
 void _haWebSocketOnConnected(JsonObject& root) {
-    root["haPrefix"] = getSetting("haPrefix", HOMEASSISTANT_PREFIX);
-    root["haEnabled"] = getSetting("haEnabled", HOMEASSISTANT_ENABLED).toInt() == 1;
+    JsonObject& ha = root.createNestedObject("ha");
+
+    ha["enabled"] = getSetting("haEnabled", HOMEASSISTANT_ENABLED).toInt() == 1;
+    ha["prefix"] = getSetting("haPrefix", HOMEASSISTANT_PREFIX);
 }
 
 void _haWebSocketOnAction(uint32_t client_id, const char * action, JsonObject& data) {

code/espurna/influxdb.ino

@@ -22,16 +22,19 @@ bool _idbWebSocketOnKeyCheck(const char * key, JsonVariant& value) {
 }
 
 void _idbWebSocketOnVisible(JsonObject& root) {
-    root["idbVisible"] = 1;
+    JsonObject& modules = root["modules"];
+    modules["idb"] = 1;
 }
 
 void _idbWebSocketOnConnected(JsonObject& root) {
-    root["idbEnabled"] = getSetting("idbEnabled", INFLUXDB_ENABLED).toInt() == 1;
-    root["idbHost"] = getSetting("idbHost", INFLUXDB_HOST);
-    root["idbPort"] = getSetting("idbPort", INFLUXDB_PORT).toInt();
-    root["idbDatabase"] = getSetting("idbDatabase", INFLUXDB_DATABASE);
-    root["idbUsername"] = getSetting("idbUsername", INFLUXDB_USERNAME);
-    root["idbPassword"] = getSetting("idbPassword", INFLUXDB_PASSWORD);
+    JsonObject& idb = root.createNestedObject("idb");
+
+    idb["enabled"] = getSetting("idbEnabled", INFLUXDB_ENABLED).toInt() == 1;
+    idb["host"] = getSetting("idbHost", INFLUXDB_HOST);
+    idb["port"] = getSetting("idbPort", INFLUXDB_PORT).toInt();
+    idb["database"] = getSetting("idbDatabase", INFLUXDB_DATABASE);
+    idb["username"] = getSetting("idbUsername", INFLUXDB_USERNAME);
+    idb["password"] = getSetting("idbPassword", INFLUXDB_PASSWORD);
 }
 
 void _idbConfigure() {

code/espurna/led.ino

@@ -77,17 +77,25 @@ bool _ledWebSocketOnKeyCheck(const char * key, JsonVariant& value) {
 
 void _ledWebSocketOnVisible(JsonObject& root) {
     if (_ledCount() > 0) {
-        root["ledVisible"] = 1;
+        JsonObject& modules = root["modules"];
+        modules["led"] = 1;
     }
 }
 
 void _ledWebSocketOnConnected(JsonObject& root) {
     if (_ledCount() == 0) return;
-    JsonArray& leds = root.createNestedArray("ledConfig");
+    JsonObject& led = root.createNestedObject("led");
+
+    JsonArray& schema = led.createNestedArray("schema");
+
+    schema.add("mode");
+    schema.add("relay");
+
+    JsonArray& leds = root.createNestedArray("list");
     for (byte i=0; i<_ledCount(); i++) {
-        JsonObject& led = leds.createNestedObject();
-        led["mode"] = getSetting("ledMode", i, "").toInt();
-        led["relay"] = getSetting("ledRelay", i, "").toInt();
+        JsonArray& led = leds.createNestedArray();
+        led.add(getSetting("ledMode", i, "").toInt());
+        led.add(getSetting("ledRelay", i, "").toInt());
     }
 }
 

code/espurna/light.ino

@@ -1026,7 +1026,8 @@ void _lightWebSocketStatus(JsonObject& root) {
 }
 
 void _lightWebSocketOnVisible(JsonObject& root) {
-    root["colorVisible"] = 1;
+    JsonObject& modules = root["modules"];
+    modules["color"] = 1;
 }
 
 void _lightWebSocketOnConnected(JsonObject& root) {

code/espurna/lightfox.ino

@@ -28,7 +28,7 @@ void lightfoxLearn() {
     Serial.write(LIGHTFOX_CODE_STOP);
     Serial.println();
     Serial.flush();
-    DEBUG_MSG_P(PSTR("[LIGHTFOX] Learn comman sent\n"));
+    DEBUG_MSG_P(PSTR("[LIGHTFOX] Learn command sent\n"));
 }
 
 void lightfoxClear() {
@@ -38,7 +38,7 @@ void lightfoxClear() {
     Serial.write(LIGHTFOX_CODE_STOP);
     Serial.println();
     Serial.flush();
-    DEBUG_MSG_P(PSTR("[LIGHTFOX] Clear comman sent\n"));
+    DEBUG_MSG_P(PSTR("[LIGHTFOX] Clear command sent\n"));
 }
 
 // -----------------------------------------------------------------------------
@@ -48,10 +48,12 @@ void lightfoxClear() {
 #if WEB_SUPPORT
 
 void _lightfoxWebSocketOnConnected(JsonObject& root) {
-    root["lightfoxVisible"] = 1;
+    JsonObject& lightfox = root.createNestedObject("lightfox");
+
+    lightfox["enabled"] = 1;
+
     uint8_t buttonsCount = _buttons.size();
-    root["lightfoxRelayCount"] = relayCount();
-    JsonArray& rfb = root.createNestedArray("lightfoxButtons");
+    JsonArray& rfb = root.createNestedArray("buttons");
     for (byte id=0; id<buttonsCount; id++) {
         JsonObject& node = rfb.createNestedObject();
         node["id"] = id;

code/espurna/mqtt.ino

@@ -436,9 +436,10 @@ bool _mqttWebSocketOnKeyCheck(const char * key, JsonVariant& value) {
 }
 
 void _mqttWebSocketOnVisible(JsonObject& root) {
-    root["mqttVisible"] = 1;
+    JsonObject& modules = root["modules"];
+    modules["mqtt"] = 1;
     #if ASYNC_TCP_SSL_ENABLED
-        root["mqttsslVisible"] = 1;
+        modules["mqttSSL"] = 1;
     #endif
 }
 
@@ -447,21 +448,23 @@ void _mqttWebSocketOnData(JsonObject& root) {
 }
 
 void _mqttWebSocketOnConnected(JsonObject& root) {
-    root["mqttEnabled"] = mqttEnabled();
-    root["mqttServer"] = getSetting("mqttServer", MQTT_SERVER);
-    root["mqttPort"] = getSetting("mqttPort", MQTT_PORT);
-    root["mqttUser"] = getSetting("mqttUser", MQTT_USER);
-    root["mqttClientID"] = getSetting("mqttClientID");
-    root["mqttPassword"] = getSetting("mqttPassword", MQTT_PASS);
-    root["mqttKeep"] = _mqtt_keepalive;
-    root["mqttRetain"] = _mqtt_retain;
-    root["mqttQoS"] = _mqtt_qos;
+    JsonObject& mqtt = root.createNestedObject("mqtt");
+
+    mqtt["enabled"] = mqttEnabled();
+    mqtt["server"] = getSetting("mqttServer", MQTT_SERVER);
+    mqtt["port"] = getSetting("mqttPort", MQTT_PORT);
+    mqtt["user"] = getSetting("mqttUser", MQTT_USER);
+    mqtt["clientID"] = getSetting("mqttClientID");
+    mqtt["password"] = getSetting("mqttPassword", MQTT_PASS);
+    mqtt["keep"] = _mqtt_keepalive;
+    mqtt["retain"] = _mqtt_retain;
+    mqtt["qoS"] = _mqtt_qos;
     #if SECURE_CLIENT != SECURE_CLIENT_NONE
-        root["mqttUseSSL"] = getSetting("mqttUseSSL", MQTT_SSL_ENABLED).toInt() == 1;
-        root["mqttFP"] = getSetting("mqttFP", MQTT_SSL_FINGERPRINT);
+        mqtt["useSSL"] = getSetting("mqttUseSSL", MQTT_SSL_ENABLED).toInt() == 1;
+        mqtt["FP"] = getSetting("mqttFP", MQTT_SSL_FINGERPRINT);
     #endif
-    root["mqttTopic"] = getSetting("mqttTopic", MQTT_TOPIC);
-    root["mqttUseJson"] = getSetting("mqttUseJson", MQTT_USE_JSON).toInt() == 1;
+    mqtt["topic"] = getSetting("mqttTopic", MQTT_TOPIC);
+    mqtt["useJson"] = getSetting("mqttUseJson", MQTT_USE_JSON).toInt() == 1;
 }
 
 #endif

code/espurna/nofuss.ino

@@ -25,12 +25,15 @@ bool _nofussWebSocketOnKeyCheck(const char * key, JsonVariant& value) {
 }
 
 void _nofussWebSocketOnVisible(JsonObject& root) {
-    root["nofussVisible"] = 1;
+    JsonObject& modules = root["modules"];
+    modules["nofuss"] = 1;
 }
 
 void _nofussWebSocketOnConnected(JsonObject& root) {
-    root["nofussEnabled"] = getSetting("nofussEnabled", NOFUSS_ENABLED).toInt() == 1;
-    root["nofussServer"] = getSetting("nofussServer", NOFUSS_SERVER);
+    JsonObject& nofuss = root.createNestedObject("nofuss");
+
+    nofuss["enabled"] = getSetting("nofussEnabled", NOFUSS_ENABLED).toInt() == 1;
+    nofuss["server"] = getSetting("nofussServer", NOFUSS_SERVER);
 }
 
 #endif

code/espurna/ntp.ino

@@ -31,18 +31,21 @@ bool _ntpWebSocketOnKeyCheck(const char * key, JsonVariant& value) {
 }
 
 void _ntpWebSocketOnVisible(JsonObject& root) {
-    root["ntpVisible"] = 1;
+    JsonObject& modules = root["modules"];
+    modules["ntp"] = 1;
 }
 
 void _ntpWebSocketOnData(JsonObject& root) {
     root["ntpStatus"] = (timeStatus() == timeSet);
 }
 
 void _ntpWebSocketOnConnected(JsonObject& root) {
-    root["ntpServer"] = getSetting("ntpServer", NTP_SERVER);
-    root["ntpOffset"] = getSetting("ntpOffset", NTP_TIME_OFFSET).toInt();
-    root["ntpDST"] = getSetting("ntpDST", NTP_DAY_LIGHT).toInt() == 1;
-    root["ntpRegion"] = getSetting("ntpRegion", NTP_DST_REGION).toInt();
+    JsonObject& ntp = root.createNestedObject("ntp");
+
+    ntp["server"] = getSetting("ntpServer", NTP_SERVER);
+    ntp["offset"] = getSetting("ntpOffset", NTP_TIME_OFFSET).toInt();
+    ntp["DST"] = getSetting("ntpDST", NTP_DAY_LIGHT).toInt() == 1;
+    ntp["region"] = getSetting("ntpRegion", NTP_DST_REGION).toInt();
 }
 
 #endif