Partage d’article — copie du lien & partage natif

[cedric07]

Résumé

Ajout d’un composant de partage d’article moderne, sans dépendre des réseaux sociaux tiers :

• Desktop : bouton « Copier le lien » (Clipboard API)
• Mobile : bouton « Partager » via la Web Share API native
• Fallback : si navigator.share est indisponible, le bouton copie reste affiché sur mobile

Fichiers principaux

Fichier	Rôle
components/parts/common/post-sharing.php	Markup + i18n PHP (data-* pour les messages JS)
src/js/classes/PostSharing.js	Comportement copie / partage
src/scss/05-components/_post-sharing.scss	Styles + bascule desktop/mobile
src/img/icons/sprite/{link,share,check-circle}.svg	Icônes du composant
languages/*	Chaînes FR + pot à jour

Utilisation

get_template_part( 'components/parts/common/post-sharing', null, [
	'url'   => get_permalink(),
	'title' => get_the_title(),
] );

i18n

Pas de traduction JS : les libellés dynamiques (succès / erreurs) sont passés en data-* depuis le PHP (esc_attr__), comme url et title. Les labels visibles utilisent esc_html__.

Accessibilité

• Boutons natifs type="button"
• Feedback annoncé via role="status" + aria-live="polite" (sr-only)
• Annulation du sheet natif (AbortError) non traitée comme une erreur
• État « copié » : label + icône check, puis retour à l’état initial

Plan de test

• Desktop : clic « Copier le lien » → label « Lien copié ! » + icône check, reset après ~3s
• Desktop : le bouton « Partager » est masqué
• Mobile (navigateur avec Web Share) : bouton « Partager » visible, sheet natif OK
• Mobile sans Web Share (ou desktop DevTools sans API) : fallback copie visible
• Lecteur d’écran : annonce du message de succès / d’erreur
• Contexte non sécurisé (HTTP) : message d’erreur copie si Clipboard API indisponible
• Chaînes FR présentes dans languages/fr_FR.po

---

Note

Low Risk
Front-end-only sharing UI using clipboard and Web Share APIs; no server-side or security-sensitive logic.

Overview
Adds a post sharing UI that avoids third-party social widgets: copy link on larger viewports (Clipboard API) and native share on small screens (Web Share API), with copy shown on mobile when navigator.share is missing.

The PHP partial outputs buttons, icons, and passes translated success/error strings via data-* attributes for PostSharing.js, which handles copy feedback (label/icon swap, ~3s reset), share via navigator.share, and role="status" announcements. Styles control desktop/mobile button visibility and the --no-native-share fallback.

Also adds link, share, and check-circle sprite icons, wires the component into the main JS/SCSS bundles, and refreshes POT / fr_FR strings (including unrelated catalog line updates). logo-beapi.svg is removed from the sprite set.

^{Reviewed by Cursor Bugbot for commit 9923ea3. Bugbot is set up for automated code reviews on this repo. Configure here.}

[cursor]

Cursor Bugbot has reviewed your changes using default effort and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit cb3ac16. Configure here.}