# 🚀 TEMPLATES FONCTIONNALITÉS AVANCÉES - EMBEDS DISCORD
> **Objectif** : Démontrer les **capacités complètes** de `creer_embed()` avec des exemples concrets
>
> **Utilisation** : Chaque template illustre une **fonctionnalité spécifique** - Utilisez comme référence !
---
## 🎨 TEMPLATES SPÉCIALISÉS
### 1. **ASCII_ART** - Graphiques ASCII et art
```typescript
// Utilise: generateAsciiChart(), autoTable, parseTable()
creer_embed({
channelId: 'VOTRE_ID',
theme: 'basic',
title: '📊 Graphiques ASCII',
description: 'Visualisations en texte pur',
fields: [
{
name: '📈 Évolution des ventes',
value: generateAsciiChart('line', [10, 15, 12, 18, 22, 20], ['Jan', 'Fév', 'Mar', 'Avr', 'Mai', 'Jun']),
inline: false
},
{
name: '📊 Répartition par catégorie',
value: generateAsciiChart('pie', [45, 30, 25], ['Tech', 'Business', 'Design']),
inline: true
},
{
name: '📉 Tendance mensuelle',
value: generateAsciiChart('sparkline', [100, 110, 105, 115, 120, 118]),
inline: true
},
{
name: '📋 Tableau de données',
value: '| Mois | Ventes | Croissance |\n|------|--------|-------------|\n| Jan | 1,234 | +5% |\n| Fév | 1,456 | +18% |\n| Mar | 1,389 | -5% |',
autoTable: true, // ← Formate automatiquement
inline: false
}
],
charts: [
{
type: 'line',
title: 'Performance Hebdomadaire',
data: [65, 70, 68, 75, 72, 80, 78],
labels: ['Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam', 'Dim'],
size: 'medium'
}
]
});
// FONCTIONNALITÉS DÉMONTRÉES:
// ✅ generateAsciiChart() - line, bar, pie, sparkline
// ✅ autoTable - Formate automatiquement les tableaux
// ✅ charts[] - Graphiques intégrés
// ✅ Variables {timestamp}, {date}, etc.
```
---
### 2. **FULLCOLOR_GRADIENT** - Dégradés et couleurs avancées
```typescript
// Utilise: gradient, color mapping, visualDesign
creer_embed({
channelId: 'VOTRE_ID',
theme: 'basic',
title: '🌈 Système de Couleurs Avancé',
description: 'Gestion complète des couleurs et dégradés',
gradient: { // ← Dégradé de couleurs
start: '#FF6B6B', // Rouge
end: '#4ECDC4' // Cyan
},
color: 'BLURPLE', // ← Couleur prédéfinie
visualDesign: { // ← Options de design
separator: 'neon', // line, dots, stars, arrows, wave, sparkles, fire, diamonds
badge: 'hot', // hot, new, trending, vip, verified, premium, live, beta
headerStyle: 'boxed', // minimal, boxed, banner, neon
showBorders: true // Bordures ASCII
},
fields: [
{ name: '🎨 Palette 1', value: 'Primary: #FF6B6B\nSecondary: #4ECDC4', inline: true },
{ name: '🎨 Palette 2', value: 'Primary: #A8E6CF\nSecondary: #DCEDC1', inline: true },
{ name: '✨ Effets', value: '• Bordures ASCII\n• Séparateurs néon\n• Badges dynamiques', inline: false }
],
buttons: [
{ label: '🔥 Hot', style: 'Primary', emoji: '🔥', action: 'none' },
{ label: '✨ New', style: 'Secondary', emoji: '✨', action: 'none' },
{ label: '⭐ Premium', style: 'Success', emoji: '⭐', action: 'none' }
]
});
// FONCTIONNALITÉS DÉMONTRÉES:
// ✅ gradient{} - Dégradés de couleurs
// ✅ color mapping - Noms de couleurs prédéfinis
// ✅ visualDesign{} - Séparateurs, badges, styles
// ✅ showBorders - Bordures ASCII
// ✅ Emoji dans boutons
```
---
### 3. **IMAGES_FULL_DISPLAY** - Gestion complète des images
```typescript
// Utilise: authorIcon, thumbnail, image, footerIcon, cryptoLogo, optimization
creer_embed({
channelId: 'VOTRE_ID',
theme: 'basic',
title: '🖼️ Gestion Complète des Images',
description: '4 positions d\'images + optimisation automatique',
authorName: 'Équipe Design', // ← Nom auteur
authorIcon: 'https://cdn.simpleicons.org/discord', // ← Icône auteur (PETITE)
thumbnail: 'https://cdn.simpleicons.org/figma', // ← Thumbnail (MOYENNE)
image: 'https://images.unsplash.com/photo-1557683316-973673baf926', // ← Image (GRANDE)
footerText: 'Propulsé par l\'équipe design', // ← Texte footer
footerIcon: 'https://cdn.simpleicons.org/adobe', // ← Icône footer (PETITE)
cryptoLogo: { // ← Logo crypto auto
symbol: 'BTC',
position: 'thumbnail',
format: 'png'
},
fields: [
{ name: '📏 Tailles Discord', value: 'Author/Footer: 16x16px\nThumbnail: 80x80px\nImage: 400x250px', inline: true },
{ name: '🔧 Optimisations', value: '• Redimensionnement auto\n• Formats supportés: PNG/JPG/WebP\n• Cache local activé', inline: true },
{ name: '📂 Positions', value: '1. authorIcon (haut-gauche)\n2. thumbnail (haut-droite)\n3. image (bas, pleine largeur)\n4. footerIcon (bas-gauche)', inline: false }
]
});
// FONCTIONNALITÉS DÉMONTRÉES:
// ✅ 4 positions d'images: authorIcon, thumbnail, image, footerIcon
// ✅ cryptoLogo - Logo crypto automatique
// ✅ Optimisation Phase 1 (cache, validation, fallback)
// ✅ CDN fiables (SimpleIcons, Unsplash)
// ✅ Phase 1 Enhancement (auto-optimisation)
```
---
### 4. **INTERACTIVE_SONDAGE** - Sondages avec boutons
```typescript
// Utilise: buttons, selectMenus, interaction handlers
creer_embed({
channelId: 'VOTRE_ID',
theme: 'basic',
title: '📊 Sondage Interactif',
description: 'Participez au vote !',
fields: [
{ name: '❓ Question', value: 'Quelle est votre fonctionnalité préférée ?', inline: false },
{ name: '📊 Options', value: 'Cliquez sur un bouton pour voter', inline: false }
],
buttons: [ // ← Boutons de vote
{
label: '🚀 Feature A',
style: 'Primary',
emoji: '🚀',
action: 'custom',
customData: {
message: '✅ Merci pour votre vote pour Feature A !',
ephemeral: true
},
persistent: true // ← Sauvegardé définitivement
},
{
label: '⚡ Feature B',
style: 'Secondary',
emoji: '⚡',
action: 'custom',
customData: {
message: '✅ Merci pour votre vote pour Feature B !',
ephemeral: true
},
persistent: true
},
{
label: '🎨 Feature C',
style: 'Success',
emoji: '🎨',
action: 'custom',
customData: {
message: '✅ Merci pour votre vote pour Feature C !',
ephemeral: true
},
persistent: true
}
],
selectMenus: [ // ← Menu de sélection
{
type: 'string',
placeholder: 'Choisissez une option',
options: [
{ label: 'Option 1', value: 'opt1', description: 'Première option' },
{ label: 'Option 2', value: 'opt2', description: 'Deuxième option' },
{ label: 'Option 3', value: 'opt3', description: 'Troisième option' }
],
action: 'custom',
customData: {
handler: 'sondageHandler'
},
persistent: true
}
]
});
// FONCTIONNALITÉS DÉMONTRÉES:
// ✅ buttons[] - Boutons interactifs avec actions
// ✅ selectMenus[] - Menus de sélection
// ✅ persistent - Boutons/menus sauvegardés
// ✅ customData - Données personnalisées
// ✅ Ephemeral responses - Messages privés
```
---
### 5. **MINI_JEUX** - Jeux intégrés dans embeds
```typescript
// Utilise: buttons, progress bars, gamification
creer_embed({
channelId: 'VOTRE_ID',
theme: 'basic',
title: '🎮 Mini-Jeu : Devinette',
description: 'Trouvez le nombre entre 1 et 100 !',
fields: [
{ name: '🎯 Objectif', value: 'Deviner le nombre mystère', inline: false },
{ name: '🔢 Votre proposition', value: 'Utilisez les boutons pour choisir', inline: false },
{ name: '💡 Indice', value: 'Le nombre est entre 1 et 100', inline: false }
],
progressBars: [ // ← Barres de progression
{ fieldIndex: 2, label: 'Progression', value: 3, max: 10, length: 20 }
],
buttons: [
{ label: '🔢 1-20', style: 'Primary', action: 'custom', customData: { range: '1-20' } },
{ label: '🔢 21-40', style: 'Primary', action: 'custom', customData: { range: '21-40' } },
{ label: '🔢 41-60', style: 'Primary', action: 'custom', customData: { range: '41-60' } },
{ label: '🔢 61-80', style: 'Primary', action: 'custom', customData: { range: '61-80' } },
{ label: '🔢 81-100', style: 'Primary', action: 'custom', customData: { range: '81-100' } },
{ label: '🔄 Nouvelle partie', style: 'Secondary', action: 'refresh' }
]
});
// FONCTIONNALITÉS DÉMONTRÉES:
// ✅ progressBars[] - Barres de progression automatiques
// ✅ buttons[] - Interface de jeu interactive
// ✅ action: refresh - Rafraîchir l'état
// ✅ Gamification - Scores, progression, indices
```
---
### 6. **EVENT_FETE** - Événements et célébrations
```typescript
// Utilise: festive theme, variables automatiques, animations
creer_embed({
channelId: 'VOTRE_ID',
theme: 'noel', // ← Thème saisonnier
title: '🎉 Événement Spécial ! 🎊',
description: `
🎊 **Célébrons ensemble !**
✨ **Détails de l'événement :**
• Date : {date}
• Heure : {time}
• Lieu : Discord
🎁 **Au programme :**
• Activité 1
• Activité 2
• Activité 3
🎈 **Plus d'infos :** {timestamp}
`.trim(),
fields: [
{ name: '🎯 Programme', value: '• 19h00: Accueil\n• 19h30: Activité principale\n• 20h30: Questions/Réponses', inline: true },
{ name: '🎁 Cadeaux', value: '• Tombola\n• Récompenses\n• Surprises', inline: true },
{ name: '👥 Participants', value: 'Inscrits: 24/50\nPlaces restantes: 26', inline: true },
{ name: '📍 Informations', value: 'Salon vocal #events\nStreaming disponible', inline: false }
],
buttons: [
{ label: '🎟️ S\'inscrire', style: 'Success', emoji: '🎟️', action: 'custom', customData: { message: 'Inscription confirmée !' } },
{ label: '📅 Ajouter à l\'agenda', style: 'Primary', emoji: '📅', action: 'link', value: 'https://calendar.google.com/event' },
{ label: '🔔 Rappel', style: 'Secondary', emoji: '🔔', action: 'custom', customData: { message: 'Rappel configuré !' } }
],
visualEffects: { // ← Effets visuels
animations: ['glow', 'pulse'],
particles: true,
intensity: 'high'
}
});
// FONCTIONNALITÉS DÉMONTRÉES:
// ✅ Thèmes saisonniers (noel)
// ✅ Variables automatiques ({date}, {time}, {timestamp})
// ✅ visualEffects{} - Animations, particules
// ✅ Boutons d'action multiples
// ✅ Mise en forme riche (émojis, listes)
```
---
### 7. **HIGHLIGHT_EXPERT** - Mise en valeur experte
```typescript
// Utilise: badges, visual separators, advanced formatting
creer_embed({
channelId: 'VOTRE_ID',
theme: 'basic',
title: '⭐ Expertise - Guide Avancé',
description: 'Conseils d\'expert pour optimiser vos embeds',
visualDesign: {
separator: 'stars', // ← Séparateurs stylisés
badge: 'verified', // ← Badge vérifié
headerStyle: 'neon', // ← Style néon
showBorders: true // ← Bordures ASCII
},
fields: [
{
name: '🔥 Conseil Expert #1',
value: '**Utilisez les variables automatiques :**\n{timestamp}, {date}, {time}\n\n✨ *Astuce :* Les variables se mettent à jour automatiquement',
inline: false
},
{
name: '💎 Conseil Expert #2',
value: '**Optimisez vos images :**\n• authorIcon: 64x64px (Discord → 16x16px)\n• thumbnail: 128x128px (Discord → 80x80px)\n• image: 1024x512px (Discord → 400x250px)',
inline: true
},
{
name: '⚡ Conseil Expert #3',
value: '**Phase 1 Enhancement :**\n• Cache local automatique\n• Fallback intelligent\n• Validation pré-exécution',
inline: true
},
{
name: '🏆 Conseil Expert #4',
value: '**Interactivité avancée :**\n• Boutons persistants\n• Menus de sélection\n• Actions personnalisées\n• Réponses éphémères',
inline: false
}
],
footerText: '⭐ Guide Expert - Mis à jour le {date}',
buttons: [
{ label: '📚 Voir docs', style: 'Primary', emoji: '📚', action: 'link', value: 'https://docs.example.com' },
{ label: '💬 Poser question', style: 'Secondary', emoji: '💬', action: 'custom', customData: { message: 'Posez votre question à l\'expert !' } },
{ label: '⭐ Noter', style: 'Success', emoji: '⭐', action: 'custom', customData: { message: 'Merci pour votre retour !' } }
]
});
// FONCTIONNALITÉS DÉMONTRÉES:
// ✅ visualDesign avancé - badges, séparateurs, styles
// ✅ Formatting riche - bold, italic, listes
// ✅ Multi-columns - inline fields
// ✅ Footer avec variables
// ✅ Boutons d'action variés
```
---
### 8. **AUTO_UPDATE_DASHBOARD** - Dashboard temps réel
```typescript
// Utilise: autoUpdate, analytics, variables
creer_embed({
channelId: 'VOTRE_ID',
theme: 'dashboard',
title: '📊 Dashboard Temps Réel',
description: 'Métriques mises à jour automatiquement',
fields: [
{ name: '👥 Utilisateurs Actifs', value: '1,247', inline: true },
{ name: '📈 Croissance', value: '+12.5%', inline: true },
{ name: '💰 Revenus', value: '4,567€', inline: true },
{ name: '⏱️ Latence API', value: '45ms', inline: true },
{ name: '📊 Uptime', value: '99.97%', inline: true },
{ name: '🔄 Dernière MAJ', value: '{timestamp}', inline: true }
],
autoUpdate: { // ← Mise à jour automatique
enabled: true,
interval: 60, // ← Toutes les 60 secondes
source: 'https://api.example.com/metrics'
},
enableAnalytics: true, // ← Tracking des interactions
buttons: [
{ label: '🔄 Actualiser', style: 'Primary', emoji: '🔄', action: 'refresh' },
{ label: '📊 Détails', style: 'Secondary', emoji: '📊', action: 'custom', customData: { embed: { title: 'Détails Métriques', description: '...' } } }
],
adaptiveLinks: [ // ← Liens adaptatifs
{
label: '📈 Voir Graphiques',
url: 'https://analytics.example.com/dashboard',
userSpecific: true
},
{
label: '📧 Rapport Email',
url: 'https://reports.example.com/send',
conditions: { 'role': 'admin' }
}
]
});
// FONCTIONNALITÉS DÉMONTRÉES:
// ✅ autoUpdate{} - Mise à jour automatique
// ✅ enableAnalytics - Tracking intégré
// ✅ adaptiveLinks[] - Liens intelligents
// ✅ refresh action - Bouton de refresh
// ✅ Variables temps réel
```
---
### 9. **LAYOUT_ADVANCED** - Mise en page sophistiquée
```typescript
// Utilise: layout, spacing, alignment, grid
creer_embed({
channelId: 'VOTRE_ID',
theme: 'basic',
title: '📐 Mise en Page Avancée',
description: 'Système de layout flexible',
layout: { // ← Système de mise en page
type: 'grid', // grid, stack, sidebar, centered, masonry
columns: 3, // Nombre de colonnes
spacing: 'normal', // compact, normal, spacious
alignment: 'center' // left, center, right
},
fields: [
{ name: '🔴 Colonne 1', value: 'Contenu 1', inline: true },
{ name: '🟢 Colonne 2', value: 'Contenu 2', inline: true },
{ name: '🔵 Colonne 3', value: 'Contenu 3', inline: true },
{ name: '📊 Section 2', value: 'Ligne complète', inline: false },
{ name: '⚡ Item 1', value: 'Inline', inline: true },
{ name: '⚡ Item 2', value: 'Inline', inline: true }
],
visualDesign: {
separator: 'wave',
headerStyle: 'banner',
showBorders: true
}
});
// FONCTIONNALITÉS DÉMONTRÉES:
// ✅ layout{} - Système de mise en page flexible
// ✅ columns - Grille multi-colonnes
// ✅ spacing - Contrôle de l'espacement
// ✅ alignment - Alignement du contenu
// ✅ visualDesign - Séparateurs, styles
```
---
### 10. **RESPONSIVE_ADAPTIVE** - Contenu adaptatif
```typescript
// Utilise: conditional display, user-specific content
creer_embed({
channelId: 'VOTRE_ID',
theme: 'basic',
title: '📱 Contenu Adaptatif',
description: 'S\'adapte selon l\'utilisateur et le contexte',
adaptiveLinks: [ // ← Liens adaptatifs
{
label: '👤 Mon Profil',
url: 'https://example.com/profile',
userSpecific: true // ← Ajoute ?user=ID
},
{
label: '📊 Dashboard',
url: 'https://example.com/dashboard',
conditions: { // ← Affichage conditionnel
'role': 'admin'
}
},
{
label: '🎁 Récompenses',
url: 'https://example.com/rewards',
conditions: {
'premium': true
}
}
],
fields: [
{
name: '👤 Informations Utilisateur',
value: 'ID: {user_id}\nRang: {user_rank}\nInscription: {user_join_date}',
inline: true
},
{
name: '🎯 Actions Personnalisées',
value: 'Selon votre profil...',
inline: true
},
{
name: '📈 Votre Progression',
value: '▓▓▓▓▓░░░░░ 50%\nNiveau: 12/25\nPoints: 1,234/2,500',
inline: false
}
]
});
// FONCTIONNALITÉS DÉMONTRÉES:
// ✅ adaptiveLinks[] - Liens qui s'adaptent
// ✅ userSpecific - URLs personnalisées
// ✅ conditions - Affichage conditionnel
// ✅ Variables utilisateur
// ✅ Progression bars personnalisées
```
---
### 11. **MEDIA_RICH** - Multimédia et contenus intégrés
```typescript
// Utilise: URLs cliquables, médias intégrés, rich embeds
creer_embed({
channelId: 'VOTRE_ID',
theme: 'basic',
title: '🎬 Contenu Multimédia',
description: 'Intégration de contenus riches et médias',
url: 'https://youtube.com/watch?v=EXAMPLE', // ← URL cliquable sur le titre
image: 'https://i.imgur.com/EXAMPLE.jpg', // ← Aperçu vidéo/image
fields: [
{ name: '🎥 Type', value: 'Vidéo YouTube', inline: true },
{ name: '⏱️ Durée', value: '12:34', inline: true },
{ name: '👁️ Vues', value: '1,234,567', inline: true },
{ name: '📎 Ressources', value: '[📄 Documentation](https://docs.example.com)\n[💾 Télécharger](https://files.example.com)\n[🔗 Code Source](https://github.com/example)', inline: false }
],
buttons: [
{ label: '▶️ Regarder', style: 'Primary', emoji: '▶️', action: 'link', value: 'https://youtube.com/watch?v=EXAMPLE' },
{ label: '📥 Télécharger', style: 'Secondary', emoji: '📥', action: 'link', value: 'https://files.example.com/download' },
{ label: '⭐ Favori', style: 'Success', emoji: '⭐', action: 'custom', customData: { message: 'Ajouté aux favoris !' } }
],
richEmbeds: [ // ← Rich embeds intégrés
{
title: 'Tutoriel Vidéo',
description: 'Guide pas-à-pas',
url: 'https://tutorial.example.com',
image: 'https://i.imgur.com/TUTORIAL.jpg'
}
]
});
// FONCTIONNALITÉS DÉMONTRÉES:
// ✅ url{} - URL cliquable sur le titre
// ✅ Media preview - Aperçu d'image/vidéo
// ✅ Markdown links - Liens formatés
// ✅ richEmbeds[] - Embeds imbriqués
// ✅ Boutons vers médias externes
```
---
### 12. **SYSTEM_NOTIFICATION** - Alertes et notifications système
```typescript
// Utilise: alerts, status, monitoring, urgency levels
creer_embed({
channelId: 'VOTRE_ID',
theme: 'status_update',
title: '🚨 Alerte Système',
description: 'Notification importante détectée',
visualDesign: {
separator: 'fire', // ← Séparateur d'urgence
badge: 'live', // ← Badge "LIVE"
headerStyle: 'boxed',
showBorders: true
},
fields: [
{ name: '🚨 Niveau', value: 'CRITIQUE - Rouge', inline: true },
{ name: '📍 Service', value: 'API Gateway', inline: true },
{ name: '⏰ Détection', value: '{timestamp}', inline: true },
{ name: '📊 Impact', value: '• Latence: +500ms\n• Erreurs: 15%\n• Utilisateurs affectés: ~200', inline: false }
],
buttons: [
{ label: '🔧 Diagnostiquer', style: 'Danger', emoji: '🔧', action: 'custom', customData: { action: 'diagnostic' } },
{ label: '📞 Escalader', style: 'Primary', emoji: '📞', action: 'custom', customData: { action: 'escalate' } },
{ label: '✅ Marquer Résolu', style: 'Success', emoji: '✅', action: 'custom', customData: { action: 'resolve' } }
],
priority: 'high', // ← Priorité de la notification
persistent: true, // ← Sauvegarder la notification
alertConfig: {
sound: 'alarm', // Son d'alerte
ping: true, // Mentionner les admins
autoResolve: false // Résolution manuelle
}
});
// FONCTIONNALITÉS DÉMONTRÉES:
// ✅ visualDesign urgence - Séparateur, badges
// ✅ priority - Niveaux de priorité
// ✅ persistent - Notification sauvegardée
// ✅ alertConfig - Configuration d'alerte
// ✅ Actions de mitigation
```
---
### 13. **PROGRESS_TRACKER** - Suivi de progression détaillé
```typescript
// Utilise: progress bars, milestones, ETA, completion
creer_embed({
channelId: 'VOTRE_ID',
theme: 'basic',
title: '📊 Suivi de Progression',
description: 'État d\'avancement du projet',
fields: [
{
name: '📈 Progression Générale',
value: '▓▓▓▓▓▓▓▓▓░ 75%\n█████████░░░░░░░░',
inline: false
},
{
name: '🎯 Phase Actuelle',
value: '• Développ. API: 100% ✅\n• Tests Unitaires: 100% ✅\n• Intégration: 75% 🔄\n• Documentation: 50% ⏳',
inline: true
},
{
name: '⏱️ Temps Restant',
value: '• ETA: 3 jours\n• Début: {date}\n• Fin prévue: 28/12/2025\n• Durée totale: 15 jours',
inline: true
},
{
name: '👥 Équipe',
value: '• Développeurs: 4/5\n• Testeurs: 2/2\n• Design: 1/1\n• DevOps: 1/1',
inline: false
}
],
progressBars: [ // ← Barres de progression
{ fieldIndex: 1, label: 'API', value: 100, max: 100, length: 20 },
{ fieldIndex: 1, label: 'Tests', value: 100, max: 100, length: 20 },
{ fieldIndex: 1, label: 'Intégration', value: 75, max: 100, length: 20 },
{ fieldIndex: 1, label: 'Documentation', value: 50, max: 100, length: 20 }
],
milestones: [ // ← Jalons atteints
{ name: 'Architecture validée', date: '2025-12-20', status: 'complete' },
{ name: 'API développée', date: '2025-12-22', status: 'complete' },
{ name: 'Tests passés', date: '2025-12-23', status: 'complete' },
{ name: 'Release candidate', date: '2025-12-28', status: 'upcoming' }
],
autoUpdate: { enabled: true, interval: 3600 }, // Mise à jour chaque heure
buttons: [
{ label: '📋 Détails', style: 'Primary', emoji: '📋', action: 'link', value: 'https://project.example.com' },
{ label: '🔄 Actualiser', style: 'Secondary', emoji: '🔄', action: 'refresh' }
]
});
// FONCTIONNALITÉS DÉMONTRÉES:
// ✅ progressBars[] - Barres de progression multiples
// ✅ milestones[] - Jalons du projet
// ✅ ETA - Temps estimé
// ✅ autoUpdate - Mise à jour périodique
// ✅ Visualisation texte (ASCII bars)
```
---
### 14. **USER_PROFILE_ADVANCED** - Profils utilisateur complets
```typescript
// Utilise: user data, achievements, stats, customization
creer_embed({
channelId: 'VOTRE_ID',
theme: 'basic',
title: '👤 Profil Utilisateur',
description: 'Informations détaillées et statistiques',
authorName: '👤 PseudoUtilisateur',
authorIcon: 'https://cdn.discordapp.com/avatars/123/abc.png',
thumbnail: 'https://cdn.discordapp.com/emojis/123.png',
fields: [
{
name: '🎖️ Badges',
value: '⭐ Premium | 🔥 Veteran | 🎯 Expert | 🏆 Winner',
inline: false
},
{
name: '📊 Statistiques',
value: '• Messages: 1,234\n• Réactions: 5,678\n• Serveurs: 12\n• Connexion: 45j',
inline: true
},
{
name: '🏆 Réalisations',
value: '• 1er message: ✅\n• 100 messages: ✅\n• 1000 messages: ⏳\n• Contributeur: ✅',
inline: true
},
{
name: '📅 Activité',
value: '• Inscrit le: 15/03/2024\n• Dernière connexion: {date}\n• Temps total: 156h\n• Rôle: Membre',
inline: false
}
],
progressBars: [
{ fieldIndex: 2, label: 'Messages', value: 1234, max: 2000, length: 20 }
],
footerText: '👤 Profil de PseudoUtilisateur • Mis à jour le {timestamp}',
footerIcon: 'https://cdn.discordapp.com/emojis/VERIFIED.png',
buttons: [
{ label: '💬 Message', style: 'Primary', emoji: '💬', action: 'custom', customData: { action: 'dm_user' } },
{ label: '👥 Ajouter Ami', style: 'Secondary', emoji: '👥', action: 'custom', customData: { action: 'friend_request' } },
{ label: '🔔 Notifier', style: 'Success', emoji: '🔔', action: 'custom', customData: { action: 'toggle_notifications' } }
],
userData: { // ← Données utilisateur personnalisées
level: 12,
xp: 1234,
title: 'Expert',
color: '#00FF00'
}
});
// FONCTIONNALITÉS DÉMONTRÉES:
// ✅ userData{} - Données personnalisées
// ✅ Badges et achievements
// ✅ Statistiques complètes
// ✅ Progress bars utilisateur
// ✅ Actions sociales (DM, ami, notif)
```
---
### 15. **MARKETPLACE_SHOP** - Boutique et e-commerce
```typescript
// Utilise: products, pricing, cart, checkout
creer_embed({
channelId: 'VOTRE_ID',
theme: 'product_showcase',
title: '🛒 Boutique - Produits Premium',
description: 'Découvrez notre sélection de produits',
image: 'https://images.unsplash.com/photo-1556742049-0cfed4f6a45d',
fields: [
{
name: '💎 Produit Star',
value: '**Pack Premium**\n• Accès VIP\n• Fonctionnalités exclusives\n• Support prioritaire\n• Mises à jour gratuites',
inline: true
},
{
name: '💰 Prix',
value: '~~29.99€~~ **19.99€**\nÉconomisez 10€ !\n\n🔄 Livraison instantanée',
inline: true
},
{
name: '⭐ Évaluations',
value: '★★★★★ 4.8/5\n• 1,247 avis\n• 98% satisfaction\n• Recommandé',
inline: true
},
{
name: '📦 Contenu',
value: '• Accès illimité\n• Mises à jour incluses\n• Support 24/7\n• Garantie 30j',
inline: false
}
],
buttons: [
{
label: '🛒 Acheter Maintenant',
style: 'Primary',
emoji: '🛒',
action: 'custom',
customData: {
action: 'checkout',
product: 'premium_pack',
price: 19.99,
instant: true
},
persistent: true
},
{
label: '🛍️ Ajouter au Panier',
style: 'Secondary',
emoji: '🛍️',
action: 'custom',
customData: {
action: 'add_to_cart',
product: 'premium_pack'
}
},
{
label: '💬 Poser Question',
style: 'Success',
emoji: '💬',
action: 'custom',
customData: {
action: 'contact_seller',
product: 'premium_pack'
}
}
],
selectMenus: [
{
type: 'string',
placeholder: 'Choisir une option',
options: [
{ label: 'Pack Mensuel - 19.99€', value: 'monthly', description: 'Abonnement mensuel' },
{ label: 'Pack Annuel - 199.99€', value: 'yearly', description: 'Abonnement annuel (économie 40€)' },
{ label: 'Pack à Vie - 499.99€', value: 'lifetime', description: 'Paiement unique' }
],
action: 'custom',
customData: {
action: 'select_plan'
}
}
],
pricing: { // ← Configuration prix
currency: 'EUR',
vat: 20, // TVA 20%
discounts: { // Codes promo
'PROMO10': 10,
'NEWUSER': 15,
'BUNDLE': 25
}
}
});
// FONCTIONNALITÉS DÉMONTRÉES:
// ✅ pricing{} - Gestion des prix et promotions
// ✅ selectMenus - Choix d'options
// ✅ Buttons d'achat et panier
// ✅ Pricing tiers (mensuel, annuel, à vie)
// ✅ Actions e-commerce personnalisées
```
---
## 💡 FONCTIONNALITÉS AVANCÉES DÉMONTRÉES
| Catégorie | Fonctionnalités | Templates |
|-----------|-----------------|-----------|
| **📊 Visualisation** | ASCII charts, tableaux auto, graphiques | ASCII_ART |
| **🎨 Couleurs** | Gradients, palettes, badges, bordures | FULLCOLOR_GRADIENT |
| **🖼️ Images** | 4 positions, crypto logos, optimisation Phase 1 | IMAGES_FULL_DISPLAY |
| **🎮 Interactivité** | Boutons, menus, persistants, éphémères | INTERACTIVE_SONDAGE |
| **🎯 Gamification** | Progress bars, scores, achievements | MINI_JEUX |
| **🎉 Événements** | Thèmes saisonniers, animations, rappels | EVENT_FETE |
| **⭐ Expert** | Badges, formatting avancé, conseils | HIGHLIGHT_EXPERT |
| **📈 Temps Réel** | Auto-update, analytics, monitoring | AUTO_UPDATE_DASHBOARD |
| **📐 Layout** | Grid, spacing, alignment, responsive | LAYOUT_ADVANCED |
| **📱 Adaptatif** | User-specific, conditions, personnalisation | RESPONSIVE_ADAPTIVE |
| **🎬 Multimédia** | URLs cliquables, médias intégrés, rich embeds | MEDIA_RICH |
| **🚨 Alertes** | Notifications système, monitoring, urgence | SYSTEM_NOTIFICATION |
| **📊 Progression** | Suivi détaillé, milestones, ETA | PROGRESS_TRACKER |
| **👤 Profils** | Utilisateurs, badges, stats, achievements | USER_PROFILE_ADVANCED |
| **🛒 E-commerce** | Boutique, pricing, panier, checkout | MARKETPLACE_SHOP |
---
## 🎯 RÉCAPITULATIF COMPLET - 15 TEMPLATES
| # | Template | Fonctionnalité Principale | Exemple d'Usage |
|---|----------|---------------------------|-----------------|
| 1 | **ASCII_ART** | Graphiques ASCII et tableaux | Rapports, données, analytics |
| 2 | **FULLCOLOR_GRADIENT** | Couleurs et effets visuels | Branding, design, événements |
| 3 | **IMAGES_FULL_DISPLAY** | Gestion complète des images | Présentations, portfolios |
| 4 | **INTERACTIVE_SONDAGE** | Sondages et votes | Feedback, enquêtes, choix |
| 5 | **MINI_JEUX** | Jeux intégrés | Engagement, gamification |
| 6 | **EVENT_FETE** | Événements et célébrations | Annonces, invitations |
| 7 | **HIGHLIGHT_EXPERT** | Mise en valeur experte | Guides, tutoriels, expertise |
| 8 | **AUTO_UPDATE_DASHBOARD** | Tableau de bord temps réel | Monitoring, métriques |
| 9 | **LAYOUT_ADVANCED** | Mise en page flexible | Designs complexes, structures |
| 10 | **RESPONSIVE_ADAPTIVE** | Contenu adaptatif | Personnalisation, UX |
| 11 | **MEDIA_RICH** | Contenus multimédias | Vidéos, tutoriels, docs |
| 12 | **SYSTEM_NOTIFICATION** | Alertes système | Monitoring, IT, support |
| 13 | **PROGRESS_TRACKER** | Suivi de progression | Projets, tâches, roadmaps |
| 14 | **USER_PROFILE_ADVANCED** | Profils utilisateurs | Réseaux sociaux, gaming |
| 15 | **MARKETPLACE_SHOP** | E-commerce et boutique | Ventes, produits, services |
---
## 🚀 FONCTIONNALITÉS CLÉS DÉMONTRÉES
### **Phase 1 Enhancement (Système Phase 1)**
- ✅ Cache local d'images automatique
- ✅ Fallback intelligent (URL → Emoji)
- ✅ Validation pré-exécution
- ✅ Optimisation selon positions Discord
- ✅ Monitoring des URLs (health checks)
### **Fonctionnalités Avancées**
- ✅ **Visualisation** : ASCII charts, progress bars, graphiques
- ✅ **Couleurs** : Gradients, palettes, badges, bordures ASCII
- ✅ **Images** : 4 positions (authorIcon, thumbnail, image, footerIcon)
- ✅ **Interactivité** : Boutons (Primary, Secondary, Success, Danger), Menus de sélection
- ✅ **Données** : Variables automatiques ({timestamp}, {date}, {time})
- ✅ **Layout** : Grid, spacing, alignment, responsive
- ✅ **Temps réel** : Auto-update, analytics, monitoring
- ✅ **Personnalisation** : User-specific, conditions, adaptive links
### **Cas d'Usage Professionnels**
- 📊 **Rapports & Analytics** : Templates 1, 8, 13
- 🎨 **Design & Branding** : Templates 2, 9, 11
- 🛒 **E-commerce** : Template 15
- 👥 **Communauté** : Templates 4, 5, 14
- 🚨 **IT & Monitoring** : Templates 8, 12
- 🎉 **Événements** : Templates 6, 11
- 📚 **Documentation** : Templates 7, 11
- 📈 **Projets** : Template 13
---
## 💡 CONSEILS D'UTILISATION
### **1. Choisir le bon template**
```typescript
// 📊 Besoin de visualiser des données ?
→ Utilisez ASCII_ART ou AUTO_UPDATE_DASHBOARD
// 🛒 Vendre un produit ?
→ Utilisez MARKETPLACE_SHOP
// 🎮 Engagement communautaire ?
→ Utilisez INTERACTIVE_SONDAGE ou MINI_JEUX
// 📊 Suivre un projet ?
→ Utilisez PROGRESS_TRACKER
```
### **2. Combiner les fonctionnalités**
```typescript
// Exemple : Dashboard avec tout
creer_embed({
theme: 'dashboard',
image: 'URL_IMAGE', // Images
charts: [...], // Graphiques
autoUpdate: { enabled: true }, // Temps réel
buttons: [...], // Interactivité
adaptiveLinks: [...], // Personnalisation
progressBars: [...] // Progression
});
```
### **3. Personnaliser selon le contexte**
```typescript
// Tous les templates sont des EXEMPLES !
// → Modifiez le contenu
// → Adaptez les couleurs
// → Changez les champs
// → Ajustez les actions
```
---
## 📚 DOCUMENTATION LIÉE
- **[EXEMPLES_THEMES_EMBED.md](EXEMPLES_THEMES_EMBED.md)** - Thèmes de base (10 thèmes)
- **[PHASE1_IMPLEMENTATION.md](PHASE1_IMPLEMENTATION.md)** - Système Phase 1
- **[README_PHASE1.md](README_PHASE1.md)** - Vue d'ensemble
- **[GUIDE_INTEGRATION_PHASE1.md](GUIDE_INTEGRATION_PHASE1.md)** - Intégration
---
## 🎉 CONCLUSION
Ces **15 templates spécialisés** montrent **TOUTES les capacités** de `creer_embed()` :
### **Phase 1 (Urgent)** ✅
- Fallback automatique
- Cache local
- Validation URLs
- Optimisation images
### **Fonctionnalités Avancées** ✅
- **15 templates** couvrant tous les cas d'usage
- **Visualisation** : ASCII, graphiques, progress bars
- **Interactivité** : Boutons, menus, actions
- **Temps réel** : Auto-update, monitoring
- **Personnalisation** : Adaptive, user-specific
**Utilisez ces templates comme référence pour exploiter pleinement l'outil `creer_embed()` !** 🚀🎨✨
