Mi objetivo

Esta página sirve como un aide-mémoire, pero puede ser útil para otros.

Me gustaría probar los cambios en las tarjetas de Home Assistant, con el fin de proponer mejoras a los desarrolladores.

En esta página, editaré un mapa de la serie de cartas de Pronote de delphiki.

Organización de archivos en Home Assistant

Los mapas son scripts JavaScript que normalmente se guardan en /homeassistant/www/community

En estas carpetas, encontramos el archivo JS y su versión compactada en GZ.

Organización de archivos en GitHub

Así que tomo el ejemplo de Depósito con tarjeta Pronote.

Los archivos fuente de las tarjetas están en lovelace-xx/src/cards.

Obtengo un archivo de tarjeta JS y lo coloco en mi HA

En mi ejemplo del día, recuperaré la tarjeta ausencias-card.js y lo coloco en la carpeta /homeassistant/www/community/lovelace-pronote/cards de mi HA.

Debo declarar esta tarjeta como un recurso en HA

En Configuración / Paneles / Recursos (3 puntos en la parte superior derecha), hago clic en

Por lo tanto, estoy agregando mi archivo JS: /hacsfiles/lovelace-pronote/cards/absences-card.js

Se acabó, en esta etapa la tarjeta funcionará en el Dashboard.

Me preguntaba si la tarjeta pronote.js debería eliminarse de los recursos para probar la nueva tarjeta, con el fin de evitar la doble notificación. Aparentemente no, es la noticia la que se tiene en cuenta. No sé cómo HA gestiona la prioridad de los códigos JS, voy a completar este párrafo si puedo entender.

Estoy probando una tarjeta de ausencia en el Dashboard

Tipo: custom:pronote-ausencias-entidad de tarjeta: Sensor.pronote _xx _coralie _ ausencias mostrar _header: Auténtico nombre del niño_: Coralie

Funciona:

Estoy haciendo una prueba de modificación.

Hago una prueba de modificación para verificar que mi código absences-card.js es el que genera la tarjeta.

Edito el archivo absences-card.js y cambiaré la línea

<ha-icon icon="mdi:check"></ha-icon>

por línea

<ha-icon icon="mdi:account-school-outline"></ha-icon>

para cambiar la marca de verificación de ausencia.

Importante !!!! Hay que actualizar el archivo JS que se almacena en caché en el navegador, por lo que hay que abrirlo y hacer un pequeño F5.

Así que en otra ventana del navegador, abro el archivo:

http://homeassistant.local:8123/hacsfiles/lovelace-pronote/cards/absences-card.js

Vuelvo a mi pestaña Pronote y actualizo la página, la marca ha cambiado:

Así que puedo cambiar el código

Así que en este punto, puedo cambiar el código del archivo JS que genera la tarjeta.

Asi que, si puedo ofrecer mejoras a los desarrolladores, en lugar de jugar …

Cualquier parecido con personas existentes o que han existido es puramente fortuito e involuntario. 🥳