Chess Agenda Webcomponent

Webcomponent Lit pour afficher l'agenda des tournois d'échecs de la FFE.

🚀 Développement

# Installer les dépendances
npm install

# Démarrer le serveur de développement
npm run dev

# Le webcomponent sera disponible sur http://localhost:3013

🏗️ Build

# Construire le webcomponent
npm run build

# Le fichier sera généré dans dist/chess-agenda.js

🎯 Utilisation

En développement

<script type="module" src="http://localhost:3013/src/chess-agenda.ts"></script>
<chess-agenda 
  departements="[37,41,36]" 
  club="Echiquier Tourangeau"
  limit="5">
</chess-agenda>

En production

<script type="module" src="https://votre-domaine.com/chess-agenda.js"></script>
<chess-agenda 
  departements="[37,41,36]" 
  club="Echiquier Tourangeau"
  limit="5">
</chess-agenda>

📋 Attributs

• departements : Array de numéros de départements (requis) - format JSON: [37,41,36]
• club : Nom du club à mettre en valeur (optionnel)
• limit : Nombre maximum de tournois à afficher (défaut: 10)
• showOnlyClub : Afficher seulement les tournois avec des joueurs du club (défaut: false)

🔧 Configuration API

Le webcomponent est complètement découplé du backend. L'URL de l'API est configurée dans le fichier src/global.ts et peut être modifiée selon l'environnement :

• Développement : http://localhost:3012
• Production : https://ffe-agenda-back.vercel.app

L'API utilise le format REST standard :

• department[]=37&department[]=41&department[]=36 pour les départements
• next=true pour filtrer les événements à venir (inclut les événements du jour)

🔗 Types

Les types sont définis dans le dossier src/_types/ et sont utilisés par le webcomponent pour assurer la cohérence des données avec l'API backend.