# Nouvelle feature \*Signal Strength\* ou état de la connexion

**URL:** <https://community.gladysassistant.com/t/nouvelle-feature-signal-strength-ou-etat-de-la-connexion/6165>\
**Category:** Demandes livrées\
**Created:** [Mars 9, 2021, 9:46 UTC](https://community.gladysassistant.com/t/nouvelle-feature-signal-strength-ou-etat-de-la-connexion/6165 "2021-03-09T09:46:41Z")\
**Posts on this page:** 20\
**Page:** 3

<div class="post-metadata">

**Author:** ![GBoulvin](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/gboulvin/32/10006_2.png) [@GBoulvin](https://community.gladysassistant.com/u/GBoulvin)\
**Post date:** [Octobre 7, 2021, 4:27 UTC](https://community.gladysassistant.com/t/nouvelle-feature-signal-strength-ou-etat-de-la-connexion/6165/41 "2021-10-07T16:27:35Z")

</div>

Je me permets de donner mon avis de non développeur…  
Pouvoir obtenir un graphique du niveau de signal au départ de l’historique me plairait beaucoup. En effet, j’ai quelques appareils qui ont tendance à perdre la connexion régulièrement mais je n’arrive pas à trouver la raison et cela pourrait m’aider à mener l’enquête.  
De même que j’aimerais pouvoir recevoir un message si mon périphérique perd trop longtemps la connexion…  
Alors, front-end ou back-end ? Euh… Oui ! 😃

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Octobre 8, 2021, 12:58 UTC](https://community.gladysassistant.com/t/nouvelle-feature-signal-strength-ou-etat-de-la-connexion/6165/42 "2021-10-08T00:58:53Z")

</div>

> [@VonOx](#):
>
> C’est pareil non ? J’ai peut être loupé un truc

C’est pas pareil parce que du coup:

- C’est pas if(signal = 1) alors tel icône, c’est if(signal = 1 ou signal = 44 ou signal \< -33 ou signal \> 12) pour gérer chaque marque/implémentation. La distinction par marque devient géré dans le front, là ou dans la v4 on a toujours géré ça dans le code de chaque service côté backend.

- Il faut le faire à tous les endroits:

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Octobre 11, 2021, 8:16 UTC](https://community.gladysassistant.com/t/nouvelle-feature-signal-strength-ou-etat-de-la-connexion/6165/43 "2021-10-11T08:16:28Z")

</div>

@VonOx Je vois que tu m’as tagguée dans une PR ( [Signal quality feature by VonOx · Pull Request #1315 · GladysAssistant/Gladys · GitHub](https://github.com/GladysAssistant/Gladys/pull/1315) )

Du coup c’est quoi la conclusion ? 🙂

---

<div class="post-metadata">

**Author:** ![VonOx](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/vonox/32/10128_2.png) [@VonOx](https://community.gladysassistant.com/u/VonOx)\
**Post date:** [Octobre 11, 2021, 8:22 UTC](https://community.gladysassistant.com/t/nouvelle-feature-signal-strength-ou-etat-de-la-connexion/6165/44 "2021-10-11T08:22:49Z")

</div>

Bah j’ai fait une feature générique pour le signal ( sans unité)

---

<div class="post-metadata">

**Author:** ![VonOx](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/vonox/32/10128_2.png) [@VonOx](https://community.gladysassistant.com/u/VonOx)\
**Post date:** [Octobre 25, 2021, 1:51 UTC](https://community.gladysassistant.com/t/nouvelle-feature-signal-strength-ou-etat-de-la-connexion/6165/45 "2021-10-25T13:51:55Z")

</div>

@pierre-gilles J’ai une question lié

Lucide propose un package Preact. [lucide/packages/lucide-preact at master · lucide-icons/lucide · GitHub](https://github.com/lucide-icons/lucide/tree/master/packages/lucide-preact#lucide-preact)  
Côté Gladys on doit rester sur une web font ou le switch est possible ?

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Octobre 29, 2021, 2:56 UTC](https://community.gladysassistant.com/t/nouvelle-feature-signal-strength-ou-etat-de-la-connexion/6165/46 "2021-10-29T02:56:59Z")

</div>

Le switch est possible, après à tester, je suis pas rentré dans le détail du package:

- Comment chaque icône est loadée ? L’avantage d’une webfont c’est que tu load tout en une fois au début, ça fait pas des centaines de petites requêtes (surtout quand tu dois afficher la vue création de scène, ou tu dois afficher toutes les icones)
- Comment ça affecte la taille du bundle ?
- Comment ce genre de package réagit sur une vue ou on affiche beaucoup d’icones ? (Type écran de création de scènes) Afficher 200 caractères c’est easy, afficher 200 components preact c’est lourd

Lucide ne propose pas de webfont?

---

<div class="post-metadata">

**Author:** ![VonOx](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/vonox/32/10128_2.png) [@VonOx](https://community.gladysassistant.com/u/VonOx)\
**Post date:** [Octobre 29, 2021, 6:05 UTC](https://community.gladysassistant.com/t/nouvelle-feature-signal-strength-ou-etat-de-la-connexion/6165/47 "2021-10-29T06:05:58Z")

</div>

> [@pierre-gilles](#):
>
> Lucide ne propose pas de webfont?

Ca va arriver c’était plus une question technique vu que j’ai pas l’expérience de ses sujets là.

Je sais pas si ça vaut le coup de tester car c’est un gros boulot. Comment analyser les performances juste la console du browser ?

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Novembre 1, 2021, 4:28 UTC](https://community.gladysassistant.com/t/nouvelle-feature-signal-strength-ou-etat-de-la-connexion/6165/48 "2021-11-01T04:28:55Z")

</div>

> [@VonOx](#):
>
> Je sais pas si ça vaut le coup de tester car c’est un gros boulot. Comment analyser les performances juste la console du browser ?

**Deux façons:**

- Effectivement la console est ton ami, tu peux regarder dans l’onglet «&nbsp;Network&nbsp;» ce qu’il se passe vraiment quand tu load une icone (est-ce qu’il y a un load initial ou est-ce que ça fait un GET par icone?)
- Sinon, tu peux faire un build du front en local en générant une analyze du bundle avec la commande:

```auto
npm run build-with-stats

```

ça va te générer un fichier `stats.json` que tu peux visualiser avec un tool type [webpack-bundle-analyzer - npm](https://www.npmjs.com/package/webpack-bundle-analyzer)

Installable comme ça:

```auto
npm i -g webpack-bundle-analyzer

```

Et après:

```auto
webpack-bundle-analyzer stats.json

```

Ce qui t’affiche dans ton browser ce genre de chose:

 ![Screenshot 2021-11-01 at 12.27.28](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/d/d9eceba935513d5b89a5e87154191901dfe69eff.jpeg)

C’est hyper simple et pratique 🙂

---

<div class="post-metadata">

**Author:** ![AlexTrovato](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/alextrovato/32/10705_2.png) [@AlexTrovato](https://community.gladysassistant.com/u/AlexTrovato)\
**Post date:** [Novembre 1, 2021, 8:03 UTC](https://community.gladysassistant.com/t/nouvelle-feature-signal-strength-ou-etat-de-la-connexion/6165/49 "2021-11-01T08:03:18Z")

</div>

L’un d’autre vous travaille sur ce point ?  
La feature “signal” arrive a grand pas ! Mais on n’a encore rien pour l’afficher.

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Novembre 1, 2021, 9:01 UTC](https://community.gladysassistant.com/t/nouvelle-feature-signal-strength-ou-etat-de-la-connexion/6165/50 "2021-11-01T09:01:21Z")

</div>

Pas moi ! Mes deux focus du moments:

- Correction de tous les retours sur l’affichage graphique + dès que tout le monde sera satisfait, communication sur la feature
- Ensuite, intégration Alexa

---

<div class="post-metadata">

**Author:** ![VonOx](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/vonox/32/10128_2.png) [@VonOx](https://community.gladysassistant.com/u/VonOx)\
**Post date:** [Novembre 1, 2021, 9:43 UTC](https://community.gladysassistant.com/t/nouvelle-feature-signal-strength-ou-etat-de-la-connexion/6165/51 "2021-11-01T09:43:46Z")

</div>

Moi mais faut être patient.

FeatherIcon n’est plus maintenu et clairement abandonné, un fork communautaire existe avec un focus actuel de traiter les issues/demandes de feather.  
Feather n’a pas d’icônes signal 📶.  
En cours côté lucid [Add `signal*` icons by ericfennis · Pull Request #428 · lucide-icons/lucide · GitHub](https://github.com/lucide-icons/lucide/pull/428)

Le fork ne propose pas de webfont pour le moment mais ça arrive

> <https://github.com/lucide-icons/lucide/pull/401>
>
> \# Lucide Static
> 
> This package include the following lucide implementations:
> 
> …
> \- All svg files
> \- Javascript library containing strings of svgs. (Node.js)
> \- Icon fonts
> \- Svg sprite
> 
> Closes: #313

Je vous tiens informé ici:

- d’abord la migration feather - \> lucid
- puis implementation de la feature

---

<div class="post-metadata">

**Author:** ![AlexTrovato](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/alextrovato/32/10705_2.png) [@AlexTrovato](https://community.gladysassistant.com/u/AlexTrovato)\
**Post date:** [Novembre 1, 2021, 2:44 UTC](https://community.gladysassistant.com/t/nouvelle-feature-signal-strength-ou-etat-de-la-connexion/6165/52 "2021-11-01T14:44:31Z")

</div>

Pour l’intégration de la lib lucide, on peut travailler au plusieurs, ya plus de 400 références d’icônes côté front.  
J’ai essayé rapidement ce matin.

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Novembre 2, 2021, 1:17 UTC](https://community.gladysassistant.com/t/nouvelle-feature-signal-strength-ou-etat-de-la-connexion/6165/53 "2021-11-02T01:17:24Z")

</div>

@VonOx Sinon pourquoi ne pas juste rajouter les icônes de signal pour cette vue au lieu de changer toute la lib ? ça me parait un peu disproportionné de faire tout ce travail juste pour afficher quelques pauvres icônes de réseau 😃

Pourquoi ne pas télécharger les SVG de réseaux ?

Lucide a l’air sympa certes, mais bon pas de webfont c’est un peu bloquant…

---

<div class="post-metadata">

**Author:** ![VonOx](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/vonox/32/10128_2.png) [@VonOx](https://community.gladysassistant.com/u/VonOx)\
**Post date:** [Novembre 2, 2021, 6:17 UTC](https://community.gladysassistant.com/t/nouvelle-feature-signal-strength-ou-etat-de-la-connexion/6165/54 "2021-11-02T06:17:25Z")

</div>

Comme dit plus haut la webfont arrive, feather était joli mais très très faible en diversité d’icônes et je ne suis pas le seul de cet avis ( faut pas oublier qu’en face on a du mdi avec des milliers d’icônes ).

Si tu ne souhaite pas changer de lib ( c’est l’impression que tu donne) dit le de suite ça fera gagner du temps.

Bref le pourquoi, y’a plein de messages sur le forum.

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Novembre 2, 2021, 7:43 UTC](https://community.gladysassistant.com/t/nouvelle-feature-signal-strength-ou-etat-de-la-connexion/6165/55 "2021-11-02T07:43:02Z")

</div>

Non non pas de soucis pour changer de set d’icônes 🙂

Lucide a d’ailleurs l’air super, garde la sobriété de feather mais avec un peu plus d’icônes, ça me choque vraiment pas de passer à Lucide. A tester bien-sûr, mais dans l’idée, et niveau design je ne vois pas d’inconvénients.

Après, comme là le topic c’était le signal-strength, et que Lucide on connait pas leur timeline au niveau de la webfont, je proposais juste une alternative au cas où on veuille avoir quand même l’affichage de la signal-strength avant

Pour faire la migration normalement il n’y aura pas grand chose à faire (du moment que les clés des icônes n’ont pas changés depuis feather, sinon il faut faire une migration), on a un repo avec le theme, que j’avais forké cet été car tabler avait quelques bugs bloquant niveau Gladys:

> **[GitHub - GladysAssistant/theme-optimized](https://github.com/GladysAssistant/theme-optimized)**
>
> Contribute to GladysAssistant/theme-optimized development by creating an account on GitHub.

---

<div class="post-metadata">

**Author:** ![AlexTrovato](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/alextrovato/32/10705_2.png) [@AlexTrovato](https://community.gladysassistant.com/u/AlexTrovato)\
**Post date:** [Mars 5, 2022, 8:14 UTC](https://community.gladysassistant.com/t/nouvelle-feature-signal-strength-ou-etat-de-la-connexion/6165/56 "2022-03-05T08:14:52Z")

</div>

Bonjour ici,  
j’ai cru comprendre que l’intégration de la nouvelle collection d’icône n’était pas mince à faire.

Mais j’ai une autre question, j’ai cru comprendre qu’il aurait fallu que la valeur de cette feature soit entre 0 et 5.  
Ne serait-il pas plus judicieux d’utiliser les attributs min/max sur la feature pour déterminer la puissance et le ratio (x/5) ?  
Car je pense qu’on va très vite oublier cette contrainte lors du développement des services.  
Alors que côté front, on pourrait calculer le ratio entre min et max.  
Et pour les scènes en revanche… je ne me suis penché sur la question 🙂

---

<div class="post-metadata">

**Author:** ![VonOx](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/vonox/32/10128_2.png) [@VonOx](https://community.gladysassistant.com/u/VonOx)\
**Post date:** [Mars 5, 2022, 8:32 UTC](https://community.gladysassistant.com/t/nouvelle-feature-signal-strength-ou-etat-de-la-connexion/6165/57 "2022-03-05T08:32:02Z")

</div>

> [@AlexTrovato](#):
>
> Mais j’ai une autre question, j’ai cru comprendre qu’il aurait fallu que la valeur de cette feature soit entre 0 et 5.

Oui car il y’a 5 ou 6 icônes qui représente l’etat graphique

> [@AlexTrovato](#):
>
> Ne serait-il pas plus judicieux d’utiliser les attributs min/max sur la feature pour déterminer la puissance et le ratio (x/5) ?

Ça me semble être une bonne idée

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Mars 7, 2022, 8:58 UTC](https://community.gladysassistant.com/t/nouvelle-feature-signal-strength-ou-etat-de-la-connexion/6165/58 "2022-03-07T08:58:15Z")

</div>

> [@AlexTrovato](#):
>
> j’ai cru comprendre que l’intégration de la nouvelle collection d’icône n’était pas mince à faire.

Pourquoi ne pas juste intégrer ces icônes ( En mode on met les 5 svg dans Gladys, et on les import dans le components? )

> [@AlexTrovato](#):
>
> Alors que côté front, on pourrait calculer le ratio entre min et max.

Sauf que justement on avait pas dit que c’était le back qui faisait le calcul ?

Là ce que tu présuppose, c’est que c’est toujours une échelle linéaire, je suis pas sûr que ce soit toujours le cas.

( Par échelle linéaire, j’entend que si la valeur va de 0 à 100, alors 0 = 0 barre, 20 = 1 barre, 60 = 3 barres, …, 100 = 5 barres )

---

<div class="post-metadata">

**Author:** ![AlexTrovato](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/alextrovato/32/10705_2.png) [@AlexTrovato](https://community.gladysassistant.com/u/AlexTrovato)\
**Post date:** [Mars 7, 2022, 6:54 UTC](https://community.gladysassistant.com/t/nouvelle-feature-signal-strength-ou-etat-de-la-connexion/6165/59 "2022-03-07T18:54:12Z")

</div>

> Pourquoi ne pas juste intégrer ces icônes ( En mode on met les 5 svg dans Gladys, et on les import dans le components? )

Oui, ou même avec du CSS.

> Là ce que tu présuppose, c’est que c’est toujours une échelle linéaire, je suis pas sûr que ce soit toujours le cas.

En effet, c’est bien ce que je présuppose.  
Je ne connais que la distance avec le Bluetooth (rssi) et le lqi de z2m.  
Mais je n’ai pas fait d’étude plus poussée.

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Mars 23, 2022, 6:32 UTC](https://community.gladysassistant.com/t/nouvelle-feature-signal-strength-ou-etat-de-la-connexion/6165/60 "2022-03-23T18:32:10Z")

</div>

En parlant de set d’icône, j’avais jamais réalisé que Tabler (notre thème) avaient leur propre set d’icône, et c’est propre!

Vous en pensez quoi ?

> **[Tabler Icons: over 1600 vector icons for web design](https://tabler-icons.io/)**
>
> Free and open source icons designed with attention to detail to make your design stand out.

[Page précédente](https://community.gladysassistant.com/t/nouvelle-feature-signal-strength-ou-etat-de-la-connexion/6165.md?page=2)

[Page suivante](https://community.gladysassistant.com/t/nouvelle-feature-signal-strength-ou-etat-de-la-connexion/6165.md?page=4)
