Sunspec

front/src/components/app.jsx

@@ -133,6 +133,11 @@ import EweLinkSetupPage from '../routes/integration/all/ewelink/setup-page';
 // OpenAI integration
 import OpenAIPage from '../routes/integration/all/openai/index';
 
+// SunSpec integration
+import SunSpecDevicePage from '../routes/integration/all/sunspec/device-page';
+import SunSpecDiscoverPage from '../routes/integration/all/sunspec/discover-page';
+import SunSpecSettingsPage from '../routes/integration/all/sunspec/settings-page';
+
 // Tuya integration
 import TuyaPage from '../routes/integration/all/tuya/device-page';
 import TuyaEditPage from '../routes/integration/all/tuya/edit-page';
@@ -295,6 +300,10 @@ const AppRouter = connect(
         <LANManagerDiscoverPage path="/dashboard/integration/device/lan-manager/discover" />
         <LANManagerSettingsPage path="/dashboard/integration/device/lan-manager/config" />
 
+        <SunSpecDevicePage path="/dashboard/integration/device/sunspec" />
+        <SunSpecDiscoverPage path="/dashboard/integration/device/sunspec/discover" />
+        <SunSpecSettingsPage path="/dashboard/integration/device/sunspec/config" />
+
         <GoogleHomeWelcomePage path="/dashboard/integration/communication/googlehome" />
         <GoogleHomeGateway path="/dashboard/integration/device/google-home/authorize" />
         <AlexaWelcomePage path="/dashboard/integration/communication/alexa" />

front/src/config/i18n/en.json

@@ -1418,7 +1418,64 @@
       "activateOpenAiChat": "Activate ChatGPT in Gladys chat",
       "rateLimit": "As ChatGPT API is not free, this integration is limited to 1000 requests per month.",
       "notOnGladysPlus": "As ChatGPT API is not free, this integration is only available to Gladys Plus users.",
-      "subscribeToGladysPlus": "<a href=\"https://gladysassistant.com/plus/\"  target=\"_blank\" rel=\"noopener noreferrer\">Click here</a> to subscribe to Gladys Plus."
+      "subscribeToGladysPlus": "<a href=\"https://gladysassistant.com/plus/\"  target=\"_blank\" rel=\"noopener noreferrer\">Click here</a> to subscribe to Gladys Plus.",
+      "licenseShouldBeActive": "This integration is only available to users with an active license (at least one payment). For trial users, please contact us on the forum or email."
+    },
+    "sunspec": {
+      "title": "SunSpec",
+      "description": "Manage you SunSpec device through you local network.",
+      "deviceTab": "Devices",
+      "discoverTab": "Discover",
+      "settingsTab": "Settings",
+      "device": {
+        "title": "SunSpec Devices",
+        "search": "Search devices",
+        "noDevices": "No SunSpec devices added yet.",
+        "manufacturerLabel": "Manufacturer",
+        "ipAddressLabel": "IP address",
+        "macAddressLabel": "MAC address",
+        "originalNameLabel": "Hostname"
+      },
+      "discover": {
+        "title": "SunSpec Discover",
+        "noDevices": "No SunSpec devices found.",
+        "scanButton": "Scan network",
+        "deviceUpdateButton": "New devices available",
+        "hideExistingDevices": "Hide already added devices",
+        "alreadyCreatedButton": "Already created",
+        "updateButton": "Update",
+        "discoveringError": "An error occurred, check scanner configuration, or check logs."
+      },
+      "settings": {
+        "title": "SunSpec settings",
+        "errorLabel": "An error occurred while loading configuration.",
+        "noConfigLabel": "Configuration not loaded, please retry.",
+        "sunspecUrl": "SunSpec URL",
+        "sunspecUrlPlaceholder": "Ex: [sunspec-address]:[port]",
+        "bdpvActiveLabel": "Activate BDPV Synchronisation",
+        "userLabel": "Nom d'utilisateur",
+        "userPlaceholder": "Entrez le nom d'utilisateur BDPV",
+        "apiKeyLabel": "Clé API",
+        "apiKeyPlaceholder": "Entrez la clé API",
+        "fronius": {
+          "description": "Activate Modbus TCP on Fronius inverters",
+          "documentation": "Fronius Documentation"
+        },
+        "sma": {
+          "description": "Activate Modbus TCP on SAM inverters",
+          "documentation": "SMA Documentation"
+        },
+        "ipMasksLabel": "CIDR to scan",
+        "masksDescription": "CIDR (Classless Inter-Domain Routing) is a notation to describe a range of IP addresses in a sub-network. You can write it as an IP address, followed by a network mask number, both separated by a slash (example: 192.168.1.1/10). There is many CIDR calculators on the Internet which will help you to compute your own.",
+        "networkInterfaceDescription": "Masks defined by your computer on your networks, with network interfaces, can't be removed.",
+        "maskTableHeader": "CIDR",
+        "nameTableHeader": "Name",
+        "statusTableHeader": "Active",
+        "maskTablePlaceholder": "e.g. 192.168.1.1/20",
+        "nameTablePlaceholder": "Enter CIDR name",
+        "deleteButtonTooltip": "Delete",
+        "maskFormatError": "Invalid CIDR format"
+      }
     }
   },
   "editScene": {
@@ -2666,6 +2723,13 @@
       "shortCategoryName": "Air Quality",
       "aqi": "Air Quality Index"
     },
+    "pv": {
+      "shortCategoryName": "Photovoltaic",
+      "voltage": "Voltage",
+      "current": "Current",
+      "power": "Power",
+      "energy": "Energy"
+    },
     "text": {
       "shortCategoryName": "Text",
       "text": "Text"

front/src/config/i18n/fr.json

@@ -1419,7 +1419,64 @@
       "activateOpenAiChat": "Activer ChatGPT dans le chat Gladys",
       "rateLimit": "L'API ChatGPT étant payante, cette intégration est actuellement limitée à 1 000 requêtes par mois et par compte.",
       "notOnGladysPlus": "L'API ChatGPT étant payante, cette intégration est proposée via Gladys Plus uniquement.",
-      "subscribeToGladysPlus": "<a href=\"https://gladysassistant.com/fr/plus/\"  target=\"_blank\" rel=\"noopener noreferrer\">Cliquez-ici</a> pour souscrire à Gladys Plus."
+      "subscribeToGladysPlus": "<a href=\"https://gladysassistant.com/fr/plus/\"  target=\"_blank\" rel=\"noopener noreferrer\">Cliquez-ici</a> pour souscrire à Gladys Plus.",
+      "licenseShouldBeActive": "Cette intégration n'est disponible qu'aux utilisateurs Gladys Plus dont l'abonnement est actuellement actif avec au moins un paiement. Pour les utilisateurs en périodes d'essai, merci de me contacter sur le forum ou par email !"
+    },
+    "sunspec": {
+      "title": "SunSpec Manager",
+      "description": "Gérez les appareils SunSpec sur votre réseau local.",
+      "deviceTab": "Appareils",
+      "discoverTab": "Découverte",
+      "settingsTab": "Configuration",
+      "device": {
+        "title": "Appareils SunSpec",
+        "search": "Chercher un appareil",
+        "noDevices": "Aucun appareil SunSpec n'a encore été ajouté.",
+        "manufacturerLabel": "Construteur",
+        "ipAddressLabel": "Adresse IP",
+        "macAddressLabel": "Adresse MAC",
+        "originalNameLabel": "Nom sur le réseau"
+      },
+      "discover": {
+        "title": "Découverte SunSpec",
+        "noDevices": "Aucun appareil SunSpec n'a encore été trouvé.",
+        "scanButton": "Recherche sur le réseau",
+        "deviceUpdateButton": "Nouveaux appareils disponibles",
+        "hideExistingDevices": "Cacher les appareils déjà ajoutés",
+        "alreadyCreatedButton": "Déjà créé",
+        "updateButton": "Mettre à jour",
+        "discoveringError": "Une erreur est survenue lors de la recherche, vérifiez la configuration du scanner, sinon consultez les logs."
+      },
+      "settings": {
+        "title": "Configuration SunSpec",
+        "errorLabel": "Une erreur est survenue lors du chargement de la configuration.",
+        "noConfigLabel": "La configuration n'est pas chargée, merci de réessayer.",
+        "sunspecUrl": "SunSpec URL",
+        "sunspecUrlPlaceholder": "Ex: [sunspec-address]:[port]",
+        "bdpvActiveLabel": "Activer la synchronisation BDPV",
+        "userLabel": "Nom d'utilisateur",
+        "userPlaceholder": "Entrez le nom d'utilisateur BDPV",
+        "apiKeyLabel": "Clé API",
+        "apiKeyPlaceholder": "Entrez la clé API",
+        "fronius": {
+          "description": "Activez l'interface Modbus TCP sur les onduleurs Fronius",
+          "documentation": "Documentation Fronius"
+        },
+        "sma": {
+          "description": "Activez l'interface Modbus TCP sur les onduleurs SMA",
+          "documentation": "Documentation SMA"
+        },
+        "ipMasksLabel": "CIDR à scanner",
+        "masksDescription": "La notation CIDR (Classless Inter-Domain Routing) permet de définir un masque de sous-réseau, c'est à dire une plage d'IP. Sa syntaxe correspond à une adresse IP du réseau, suivi d'un nombre, le masque, séparés par une barre oblique (exemple : 192.168.1.1/10). Il existe de multiples calculateurs d'adresse CIDR sur Internet qui vous aideront à composer celles qui vont correspondent le mieux.",
+        "networkInterfaceDescription": "Les masques enregistrés par votre ordinateur, selon les interfaces réseaux, ne peuvent pas être supprimés.",
+        "maskTableHeader": "CIDR",
+        "nameTableHeader": "Nom",
+        "statusTableHeader": "Actif",
+        "maskTablePlaceholder": "e.g. 192.168.1.1/20",
+        "nameTablePlaceholder": "Entrer le nom du CIDR",
+        "deleteButtonTooltip": "Supprimer",
+        "maskFormatError": "Format CIDR invalide"
+      }
     }
   },
   "editScene": {
@@ -2667,6 +2724,13 @@
       "shortCategoryName": "Qualité de l'air",
       "aqi": "Indice de qualité de l'air"
     },
+    "pv": {
+      "shortCategoryName": "Photovoltaique",
+      "voltage": "Tension",
+      "current": "Intensité",
+      "power": "Puissance",
+      "energy": "Energie"
+    },
     "text": {
       "shortCategoryName": "Texte",
       "text": "Texte"

front/src/config/integrations/devices.json

@@ -59,6 +59,10 @@
     "link": "lan-manager",
     "img": "/assets/integrations/cover/lan-manager.jpg"
   },
+  {
+    "key": "sunspec",
+    "img": "/assets/integrations/cover/sunspec.png"
+  },
   {
     "key": "tuya",
     "link": "tuya",

front/src/routes/integration/all/sunspec/EmptyState.jsx

@@ -0,0 +1,14 @@
+import { Text } from 'preact-i18n';
+import cx from 'classnames';
+
+import style from './style.css';
+
+const EmptyState = ({ id }) => (
+  <div class={cx('col-md-12', style.emptyStateDivBox)}>
+    <div class="text-center">
+      <Text id={id} />
+    </div>
+  </div>
+);
+
+export default EmptyState;

front/src/routes/integration/all/sunspec/SunSpecPage.js

@@ -0,0 +1,60 @@
+import { Text } from 'preact-i18n';
+import { Link } from 'preact-router/match';
+
+const SunSpecPage = ({ children }) => (
+  <div class="page">
+    <div class="page-main">
+      <div class="my-3 my-md-5">
+        <div class="container">
+          <div class="row">
+            <div class="col-lg-3">
+              <h3 class="page-title mb-5">
+                <Text id="integration.sunspec.title" />
+              </h3>
+              <div>
+                <div class="list-group list-group-transparent mb-0">
+                  <Link
+                    href="/dashboard/integration/device/sunspec"
+                    activeClassName="active"
+                    class="list-group-item list-group-item-action d-flex align-items-center"
+                  >
+                    <span class="icon mr-3">
+                      <i class="fe fe-link" />
+                    </span>
+                    <Text id="integration.sunspec.deviceTab" />
+                  </Link>
+
+                  <Link
+                    href="/dashboard/integration/device/sunspec/discover"
+                    activeClassName="active"
+                    class="list-group-item list-group-item-action d-flex align-items-center"
+                  >
+                    <span class="icon mr-3">
+                      <i class="fe fe-radio" />
+                    </span>
+                    <Text id="integration.sunspec.discoverTab" />
+                  </Link>
+
+                  <Link
+                    href="/dashboard/integration/device/sunspec/config"
+                    activeClassName="active"
+                    class="list-group-item list-group-item-action d-flex align-items-center"
+                  >
+                    <span class="icon mr-3">
+                      <i class="fe fe-settings" />
+                    </span>
+                    <Text id="integration.sunspec.settingsTab" />
+                  </Link>
+                </div>
+              </div>
+            </div>
+
+            <div class="col-lg-9">{children}</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+);
+
+export default SunSpecPage;

front/src/routes/integration/all/sunspec/device-page/SunSpecDevice.jsx

@@ -0,0 +1,117 @@
+import { Text, Localizer, MarkupText } from 'preact-i18n';
+import { Component } from 'preact';
+import cx from 'classnames';
+import get from 'get-value';
+
+import { RequestStatus } from '../../../../../utils/consts';
+import DeviceFeatures from '../../../../../components/device/view/DeviceFeatures';
+
+class SunSpecDevice extends Component {
+  saveDevice = async () => {
+    this.setState({ loading: true });
+    try {
+      await this.props.saveDevice(this.props.deviceIndex);
+    } catch (e) {
+      this.setState({ error: RequestStatus.Error });
+    }
+    this.setState({ loading: false });
+  };
+  deleteDevice = async () => {
+    this.setState({ loading: true, tooMuchStatesError: false, statesNumber: undefined });
+    try {
+      await this.props.deleteDevice(this.props.device, this.props.deviceIndex);
+    } catch (e) {
+      const status = get(e, 'response.status');
+      const dataMessage = get(e, 'response.data.message');
+      if (status === 400 && dataMessage && dataMessage.includes('Too much states')) {
+        const statesNumber = new Intl.NumberFormat().format(dataMessage.split(' ')[0]);
+        this.setState({ tooMuchStatesError: true, statesNumber });
+      } else {
+        this.setState({ error: RequestStatus.Error });
+      }
+    }
+    this.setState({ loading: false });
+  };
+  updateName = e => {
+    this.props.updateDeviceProperty(this.props.deviceIndex, 'name', e.target.value);
+  };
+  updateRoom = e => {
+    this.props.updateDeviceProperty(this.props.deviceIndex, 'room_id', e.target.value);
+  };
+
+  render({ device, houses }, { loading, tooMuchStatesError, statesNumber }) {
+    return (
+      <div class="col-md-6">
+        <div class="card">
+          <div class="card-header">{device.name}</div>
+          <div
+            class={cx('dimmer', {
+              active: loading
+            })}
+          >
+            <div class="loader" />
+            <div class="dimmer-content">
+              <div class="card-body">
+                {tooMuchStatesError && (
+                  <div class="alert alert-warning">
+                    <MarkupText id="device.tooMuchStatesToDelete" fields={{ count: statesNumber }} />
+                  </div>
+                )}
+                <div class="form-group">
+                  <label class="form-label">
+                    <Text id="editDeviceForm.nameLabel" />
+                  </label>
+                  <Localizer>
+                    <input
+                      type="text"
+                      value={device.name}
+                      onInput={this.updateName}
+                      class="form-control"
+                      placeholder={<Text id="editDeviceForm.namePlaceholder" />}
+                    />
+                  </Localizer>
+                </div>
+                <div class="form-group">
+                  <label class="form-label">
+                    <Text id="editDeviceForm.roomLabel" />
+                  </label>
+                  <select onChange={this.updateRoom} class="form-control">
+                    <option value="">
+                      <Text id="global.emptySelectOption" />
+                    </option>
+                    {houses &&
+                      houses.map(house => (
+                        <optgroup label={house.name}>
+                          {house.rooms.map(room => (
+                            <option selected={room.id === device.room_id} value={room.id}>
+                              {room.name}
+                            </option>
+                          ))}
+                        </optgroup>
+                      ))}
+                  </select>
+                </div>
+                <div class="form-group">
+                  <label class="form-label">
+                    <Text id="editDeviceForm.featuresLabel" />
+                  </label>
+                  <DeviceFeatures features={device.features} />
+                </div>
+                <div class="form-group">
+                  <button onClick={this.saveDevice} class="btn btn-success mr-2">
+                    <Text id="editDeviceForm.saveButton" />
+                  </button>
+                  <button onClick={this.deleteDevice} class="btn btn-danger">
+                    <Text id="editDeviceForm.deleteButton" />
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    );
+  }
+}
+
+export default SunSpecDevice;