Météo-France Card

Cartes Lovelace pour Home Assistant affichant les données de l'intégration Météo-France. L'objectif du projet est de proposer des tuiles météo avancées (température, nuages, précipitations, vent, vigilance…) pour remplacer l'ancienne Meteo France Weather Card qui n'est plus maintenue.

🚧 Projet en cours de construction. 6 tuiles disponibles (dont une carte radar animée), toutes éditables en mode visuel (formulaire ha-form, aucun YAML obligatoire).

Prérequis

Cette carte affiche les données ; elle ne contacte pas l'API Météo-France directement. Les données proviennent de l'intégration Météo-France de Home Assistant (côté serveur, sans clé API à gérer).

1. Dans Home Assistant : Paramètres → Appareils et services → Ajouter une intégration → « Météo-France ».
2. Renseignez votre ville (ex. Lyon). Cela crée une entité weather.lyon ainsi que des capteurs (couverture nuageuse, pluie dans l'heure, vent…).

Installation

Via HACS (recommandé)

1. HACS → menu ⋮ → Dépôts personnalisés.
2. Ajoutez https://github.com/Coxyz/MeteoFranceCard avec la catégorie Lovelace (Dashboard).
3. Installez Météo-France Card, puis rechargez votre navigateur.

La ressource Lovelace est ajoutée automatiquement par HACS. En cas de besoin, ajoutez manuellement : /hacsfiles/MeteoFranceCard/meteofrance-card.js (type JavaScript Module).

Installation manuelle

1. Copiez dist/meteofrance-card.js dans <config>/www/.
2. Ajoutez la ressource Lovelace /local/meteofrance-card.js (type JavaScript Module).

Utilisation

Toutes les tuiles s'ajoutent depuis l'interface : Modifier le tableau de bord → Ajouter une carte → cherchez « Météo-France ». L'éditeur visuel s'ouvre automatiquement. Par défaut, l'entité météo proposée est celle de Home Assistant ; vous pouvez en choisir une autre dans le sélecteur.

Les tuiles

Carte (type:)	Rôle
custom:meteofrance-card	Température actuelle.
custom:meteofrance-summary-card	Vue complète : condition, température, humidité, pression, vent, visibilité (+ capteurs nuages / pluie / UV optionnels).
custom:meteofrance-wind-card	Vent : vitesse, direction (flèche + cardinal), rafales.
custom:meteofrance-rain-card	Pluie dans l'heure + probabilités pluie / neige / gel.
custom:meteofrance-details-card	Grille flexible de capteurs au choix (nuages, UV, pression…).
custom:meteofrance-radar-card	Carte interactive animée : vent, nuages, précipitations… avec couleurs selon l'intensité, zoom et bascule de couches.

Exemples YAML

# Tuile simple
type: custom:meteofrance-card
entity: weather.lyon
name: Lyon

# Vue complète avec capteurs Météo-France optionnels
type: custom:meteofrance-summary-card
entity: weather.lyon
cloud_cover_entity: sensor.lyon_couverture_nuageuse
next_rain_entity: sensor.lyon_pluie_prochaine
uv_entity: sensor.lyon_indice_uv

# Détails libres
type: custom:meteofrance-details-card
name: Détails Lyon
entities:
  - sensor.lyon_couverture_nuageuse
  - sensor.lyon_indice_uv
  - sensor.lyon_rafales_de_vent

# Carte radar animée (centrée par défaut sur le domicile HA)
type: custom:meteofrance-radar-card
overlay: radar          # wind | radar | rain | clouds | temp | gust | snow | pressure
product: arome          # modèle Météo-France AROME (France). Vide = ECMWF
zoom: 8
height: 380
show_toggle: true       # barre Vent / Pluie / Nuages / Temp / Rafales
# latitude: 45.76       # facultatif : pour cibler une autre ville
# longitude: 4.84

Les entity_id exacts des capteurs dépendent du nom de votre ville et de la langue de Home Assistant — utilisez l'éditeur visuel ou Outils de développement → États pour les retrouver.

ℹ️ Carte radar : elle intègre Windy via un iframe (gratuit, sans clé API). C'est un service tiers : la carte charge du contenu depuis embed.windy.com. Les couches animées (vent en particules, radar de précipitations, nuages…) et leurs échelles de couleurs proviennent de Windy ; le modèle AROME est celui de Météo-France.

Options communes

Option	Type	Défaut	Description
entity	string	météo par défaut de HA	Entité weather.* (cartes météo).
name	string	friendly_name de l'entité	Libellé affiché.
icon	string	selon la carte	Icône affichée (tuile température).

Développement

npm install      # installe les dépendances
npm run build    # produit dist/meteofrance-card.js
npm run watch    # rebuild à chaque modification

Licence

MIT