Mises à jour Produit

Cette version met à niveau le framework vers Astro 7 et introduit un ensemble de variantes visuelles pour le hero de la page d’accueil, afin que vous puissiez choisir le style qui convient le mieux à votre projet.

✨ Nouvelles Fonctionnalités

• 4 Variantes de Hero : centered (par défaut), split, cinematic et terminal — basculez entre elles avec une simple prop variant sur <Hero />.
• Pages de Démo en Direct : /demo/home-centered, /demo/home-split, /demo/home-cinematic et /demo/home-terminal affichent la page d’accueil complète avec chaque variante, accessibles depuis un nouveau menu Démos dans la navigation.
• Contenu de Page d’Accueil Partagé : Extraction du corps de la page d’accueil dans un composant réutilisable HomeContent afin que la vraie page d’accueil et toutes les pages de démo restent synchronisées.

⬆️ Mises à Niveau

• Astro 7 : Mise à niveau d’astro et de toutes les intégrations @astrojs/* vers leurs versions compatibles Astro 7.
• Wrangler 4.107 : Mise à jour pour satisfaire la nouvelle dépendance de l’adaptateur Cloudflare.

🐛 Corrections

• Terminal de la section Expérience Développeur : Correction d’un bug de mise en page où le nom de l’outil d’installation (npx) s’affichait sur sa propre ligne au lieu d’être avec ses arguments, rendant la simulation de terminal sur la page Fonctionnalités difficile à lire.
• Sélection de l’Adaptateur : Correction d’une régression où le site se construisait toujours avec l’adaptateur Vercel, quelle que soit la plateforme de déploiement ciblée.

🌍 Internationalisation (i18n)

• Ajout de clés de traduction pour les nouvelles statistiques du hero et les entrées de navigation « Démos » en anglais, français, allemand et arabe.

La mise à jour d’aujourd’hui marque une étape importante dans la stabilité et la sécurité de Cooper. Nous avons synchronisé l’ensemble des dépendances avec les derniers standards de l’industrie.

🛡️ Sécurité et Stabilité

• Zéro Vulnérabilité : Résolution de plus de 15 vulnérabilités de sécurité identifiées lors du dernier audit.
• Astro 6.1.3 : Synchronisation de toutes les intégrations officielles avec la dernière version du framework.
• Tailwind CSS 4.2 : Migration vers le nouveau moteur CSS-first ultra-rapide.
• Vite 7 : Utilisation du nouveau pipeline de build pour des performances accrues.

♿ Accessibilité (A11y)

• Conformité RGAA 4 et WCAG 2.1 : Audit systématique et correction des contrastes visuels (ratio 4.5:1) et de la structure pour répondre aux normes françaises (RGAA 4) et internationales.
• Hiérarchie Sémantique : Correction des niveaux de titres et suppression des IDs décoratifs pour une navigation fluide avec lecteurs d’écran.
• Libellés ARIA Sociaux : Ajout de libellés descriptifs et localisés pour tous les liens de réseaux sociaux.

🌍 Internationalisation (i18n)

• Support RTL Natif : Amélioration de la logique Droite-à-Gauche (RTL) pour l’arabe.
• Prépositions Localisées : Ajout de libellés contextuels pour l’anglais, le français, l’arabe et l’allemand.

🧹 Maintenance et DX

• Nettoyage : Suppression de la dépendance cmdk inutilisée pour alléger le bundle.
• Déploiement : Optimisation du pipeline de déploiement Cloudflare Workers.

Nous sommes ravis d’annoncer que Cooper a été mis à niveau vers Astro 6 !

🚀 Avantages d’Astro 6

• Builds plus rapides: Découvrez des temps de build considérablement réduits.
• Amélioration de l’expérience développeur: Intégrations et outils mis à niveau.
• Performances améliorées: Tirez parti des dernières fonctionnalités d’Astro.

🔍 Mise à niveau de la recherche

• Remplacement de Pagefind par Fuse.js: Passage à un moteur de recherche floue léger côté client pour des résultats de recherche plus rapides et plus flexibles.

Nous finalisons la feuille de route pour notre première version majeure. L’accent est mis sur trois piliers clés :

🌍 Internationalisation (i18n)

Nous construisons un système i18n robuste à partir de zéro.

• Support multilingue : Routage transparent pour en, fr, de et ar.
• Support RTL : Prise en charge de premier ordre pour les langues de droite à gauche comme l’arabe.
• Traductions typées : Un dictionnaire typé pour tous les composants de l’interface utilisateur.

🔍 Capacités de recherche

Intégration d’un puissant moteur de recherche statique pour des résultats instantanés.

• Intégration Pagefind : Indexation de recherche statique sans configuration.
• Palette de commande : Interface Cmd+K pour une navigation rapide.
• Indexation multilingue : Les résultats de recherche respectent la langue actuelle.

🔓 Open Source

Préparation du dépôt pour la diffusion publique.

• Licence MIT : Entièrement open source pour l’utilisation par la communauté.
• Guide de contribution : Directives claires pour les contributeurs.
• Dépôt public : Passage du développement privé au dépôt GitHub public.

Une mise à jour critique axée sur les dépendances de sécurité et l’optimisation de la compilation.

🛡️ Mises à Jour de Sécurité

• Mise à niveau de toutes les dépendances pour corriger les vulnérabilités connues.
• Implémentation des en-têtes Content Security Policy (CSP) dans la configuration par défaut.
• Assainissement des champs de saisie dans le formulaire de contact pour prévenir les attaques XSS.

🚀 Performance

• Optimisation des Images : Configuration améliorée d’astro:assets pour des fichiers WebP 20 % plus légers.
• Chargement Différé : Chargement natif différé activé pour toutes les images sous le pli.

[!IMPORTANT] Cette mise à jour est recommandée pour tous les déploiements en production.

Nous avons audité l’intégralité du code pour atteindre des scores Lighthouse parfaits.

⚡ Performance

• Intégration Partytown : Exécution hors fil principal pour les scripts tiers.
• Optimisation des Polices : Polices auto-hébergées avec font-display: swap activé par défaut.
• CSS Critique : Styles critiques en ligne pour un Premier Rendu de Contenu (FCP) instantané.

Composants

• Image : Nouveau composant wrapper Picture pour la direction artistique avancée.

Un contrôle total sur l’identité visuelle de votre marque grâce à notre nouveau moteur de thèmes.

🎨 Fonctionnalités de Thème

• Variables CSS Dynamiques : Changez les couleurs primaires à l’exécution sans recompiler.
• Thèmes Prédéfinis : Inclut les préréglages « Midnight », « Ocean » et « Forest ».
• Vérification du Contraste : Avertissement automatique dans la DevToolbar si le contraste des couleurs est trop faible.

Autres Changements

• Ajout du support de la direction RTL dans le composant LogoCloud.

Une version dédiée à rendre l’interface plus vivante et réactive.

✨ Améliorations UX

• Retour Bouton : Ajout d’états actifs et d’animations de mise à l’échelle subtiles au clic.
• Focus Formulaire : Bagues de focus améliorées avec des transitions animées.
• Transitions de Page : Transitions plus fluides entre les pages grâce à l’API Astro View Transitions.

Cette mise à jour se concentre sur l’élimination des bugs et le raffinement de l’expérience utilisateur.

🐛 Corrections de bugs

• Correction d’un décalage de mise en page dans le composant Hero sur Safari.
• Résolution des conflits z-index entre la Navbar et les superpositions Modal.
• Correction des ratios de contraste pour le texte en Mode Sombre afin de respecter les normes WCAG AA.

Améliorations

• Typographie : Ajustement des hauteurs de ligne pour une meilleure lisibilité sur les contenus longs.
• Pied de page : Espacement affiné et ajout des états de survol pour les icônes de réseaux sociaux.

Nous avons enrichi le kit UI avec de nouveaux composants essentiels pour construire plus vite.

Nouveaux composants

• Timeline : Visualisez l’historique de votre entreprise ou votre feuille de route.
• Logo Cloud : Affichez professionnellement les logos de partenaires avec un effet survol niveaux de gris vers couleur.
• Breadcrumbs : Navigation améliorée pour les pages imbriquées.

Également inclus :

• Mise à jour du Header avec positionnement sticky.
• Amélioration de l’accessibilité (ARIA labels) sur tous les boutons.

Le début de quelque chose de grand ! Cooper v0.0.1 est officiellement lancé.

Fonctionnalités principales

• ⚡ Intégration Astro v5 pour des performances fulguranges.
• 🎨 TailwindCSS avec support de thème personnalisé.
• 📱 Design Responsive approche mobile-first.
• 🌗 Mode Sombre pris en charge nativement.

Cette version pose les fondations pour des sites marketing à haute performance.