Migration des composants
Utilisez cette page pour migrer un composant vers le modèle de documentation partagé. La matrice d’audit est générée à partir du front matter des composants et du Markdown source; elle reste donc à jour à mesure que les migrations sont réalisées.
Matrice d’audit#
| Composant | Catégorie | Statut | Source consignée | Manifeste |
|---|---|---|---|---|
| Annonce | Contenu | Implémenté | Consignée | Inclus |
| Articles associés | Navigation | Implémenté | Consignée | Inclus |
| Avatar | Contenu | Implémenté | Consignée | Inclus |
| Badge | Contenu | Implémenté | Consignée | Inclus |
| Barre latérale de documentation | Navigation | Implémenté | Consignée | Inclus |
| Bloc de code | Contenu | Implémenté | Consignée | Inclus |
| Bouton | Action | Implémenté | Consignée | Inclus |
| Cartes | Contenu | Implémenté | Consignée | Inclus |
| Changelog | Données | Implémenté | Consignée | Inclus |
| Copier en Markdown | Action | Implémenté | Consignée | Inclus |
| En-tête de page | Mise en page | Implémenté | Consignée | Inclus |
| État du site | Contenu | Implémenté | Consignée | Inclus |
| Fil d’Ariane | Navigation | Implémenté | Consignée | Inclus |
| Groupes de boutons | Action | Implémenté | Consignée | Inclus |
| Index d’ancrage | Navigation | Implémenté | Consignée | Inclus |
| Infobulle | Contenu | Implémenté | Consignée | Inclus |
| Lien compagnon | Navigation | Implémenté | Consignée | Inclus |
| Lien d’évitement | Navigation | Implémenté | Consignée | Inclus |
| Liste de descriptions | Données | Implémenté | Consignée | Inclus |
| Liste déroulante | Action | Implémenté | Consignée | Inclus |
| Navigation | Navigation | Implémenté | Consignée | Inclus |
| Navigation de collection | Navigation | Implémenté | Consignée | Inclus |
| Pagination | Navigation | Implémenté | Consignée | Inclus |
| Pied de page | Mise en page | Implémenté | Consignée | Inclus |
| Rangée de filtres | Données | Implémenté | Consignée | Inclus |
| Rangée de métadonnées | Données | Implémenté | Consignée | Inclus |
| Recherche | Action | Implémenté | Consignée | Inclus |
| Retour en haut | Navigation | Implémenté | Consignée | Inclus |
| Sélecteur de langue | Navigation | Implémenté | Consignée | Inclus |
| Sélecteur de thème | Action | Implémenté | Consignée | Inclus |
| Table de données | Données | Implémenté | Consignée | Inclus |
| Vidéo intégrée | Contenu | Implémenté | Consignée | Inclus |
Source consignée indique si la page a une carte de preuves interface_implementation vérifiée. En attente d’implémentation est l’état attendu d’un composant spécifié : il n’a ni preuve source ni manifeste avant d’être construit. Manifeste indique si la page appelle {{< interface-manifest >}}. Aucune colonne ne déduit des détails d’implémentation; une personne responsable de la maintenance doit les vérifier dans le code source avant de les consigner.
Recette de migration#
- Définissez le profil principal dans les deux fichiers de langue :
interface_kind: "component",interface_categoryetinterface_status. Utilisez les valeurs définies dansdata/interfaces.yml. - Auditez l’implémentation. Consignez seulement les preuves vérifiées dans
interface_implementation, par mécanisme. Chaque valeur est le fichier source pertinent ou une clé i18n statique. Par exemple,partialénumère le chemin d’un partial,csscelui d’une feuille de style eti18nles clés utilisées directement par le composant. N’ajoutez pas de champinterface_sourceaux nouveaux enregistrements ni à ceux mis à jour. - Ajoutez
interface_consumersseulement pour les pages ou gabarits connus qui utilisent le composant. Utilisezlayoutpour un gabarit source; pour une page, déclarez lesitecible et utilisez une clé i18nlabel_keylorsqu’elle se trouve sur un autre site. - Ajoutez
related_interfacesseulement lorsqu’un autre composant ou shortcode a une relation directe utile. - Placez
{{< interface-manifest >}}après le matériel d’implémentation et avant## Accessibilité. Il rend un### Manifeste d’interfaceavec le composant partagé Liste de descriptions. - Vérifiez les pages anglaise et française rendues, puis mettez à jour
lastmoddans les deux fichiers.
Ordre de migration#
Migrez les composants implémentés par catégorie. Commencez par la navigation puisque l’index d’ancrage établit le patron et que ses consommateurs sont déjà connus. Continuez avec les composants de données, puis d’action, de contenu et de mise en page. Laissez les composants spécifiés sans sources d’implémentation ni manifeste tant que l’implémentation n’existe pas.
Chaque composant implémenté doit utiliser la forme de carte de preuves dans les deux fichiers de langue; npm run lint:interfaces impose ce contrat et la parité bilingue. Laissez un composant spécifié sans preuves d’implémentation ni manifeste jusqu’à sa construction. L’index groupé des composants lit le champ canonique interface_category.