| dist | ||
| hacs.json | ||
| LICENSE | ||
| README.md | ||
CookCLI Card pour Home Assistant
Carte Lovelace personnalisée pour Home Assistant qui affiche la liste de toutes vos recettes exposées par l'intégration ha-cookcli, et permet de naviguer vers la page de détail de chaque recette générée par la stratégie ha-cookcli-strategy.
✨ Fonctionnalités
- 📋 Liste toutes vos recettes de cuisine dans une carte unique
- 🧭 Navigation vers la page de détail d'une recette au clic
- 🎨 Carte Lovelace personnalisée (
custom:cookcli-card) intégrable dans n'importe quel tableau de bord - 🔌 Fonctionne avec les données exposées par l'intégration ha-cookcli
🧩 Architecture
Cette carte fait partie d'un ensemble de trois composants qui fonctionnent ensemble :
| Composant | Rôle | Dépôt |
|---|---|---|
| Intégration | Se connecte au serveur CookCLI et expose les recettes à Home Assistant | ha-cookcli |
| Stratégie de tableau de bord | Crée automatiquement une page par recette (ingrédients + étapes) | ha-cookcli-strategy |
| Carte personnalisée | Liste toutes les recettes et permet de naviguer vers le détail d'une recette | ce dépôt |
📦 Installation
Prérequis
- Une instance Home Assistant fonctionnelle (version récente recommandée)
- L'intégration ha-cookcli installée et configurée
- La stratégie ha-cookcli-strategy installée (pour les pages de détail)
- HACS installé (recommandé)
Installation via HACS
- Ouvrez HACS dans Home Assistant.
- Allez dans Tableaux de bord → menu (⋮) → Dépôts personnalisés.
- Ajoutez l'URL du dépôt :
Catégorie : Dashboard (ou Lovelace)https://git.thethomaas.net/TheThomaas/ha-cookcli-card - Recherchez CookCLI Card dans HACS et installez-le.
- Videz le cache du navigateur ou rechargez les ressources Lovelace.
Installation manuelle
- Téléchargez ou clonez ce dépôt.
- Copiez le fichier
dist/cookcli-card.jsdans votre répertoireconfig/www/. - Ajoutez la ressource dans Paramètres → Tableaux de bord → Ressources :
url: /local/cookcli-card.js type: module - Rechargez les ressources Lovelace.
⚙️ Configuration
Ajout de la carte
Ajoutez la carte cookcli-card à n'importe quel tableau de bord. Exemple minimal en YAML :
type: custom:cookcli-card
Exemple avec titre
type: custom:cookcli-card
title: Mes recettes
Consultez le fichier
dist/cookcli-card.jspour la liste complète des options supportées (filtres, tri, titre, etc.).
Via l'éditeur visuel
- Ouvrez un tableau de bord en mode édition.
- Cliquez sur + Ajouter une carte.
- Recherchez CookCLI Card.
- Configurez les options puis validez.
🚀 Utilisation
- La carte affiche la liste de toutes vos recettes récupérées depuis l'intégration.
- Cliquez sur une recette pour être redirigé vers sa page de détail (générée par la stratégie).
- La page de détail affiche les ingrédients et les étapes de préparation.
📄 Licence
Ce projet est distribué sous licence présente dans le fichier LICENSE du dépôt.
🔗 Liens
- Intégration : https://git.thethomaas.net/TheThomaas/ha-cookcli
- Stratégie : https://git.thethomaas.net/TheThomaas/ha-cookcli-strategy
- Carte : https://git.thethomaas.net/TheThomaas/ha-cookcli-card
- CookCLI : https://github.com/cooklang/CookCLI
- Cooklang : https://cooklang.org/