Packages disponibles
Les packages npm qu’un site peut utiliser avec Atelier201 et comment en ajouter un.
Un site est compilé sans accès au réseau, à partir de packages préinstallés. Vous pouvez en ajouter n’importe lequel à un site. Si un package ne figure pas dans la liste, ou si Atelier201 ne dispose pas de la version demandée, la compilation échoue avec dependencies_unavailable et indique le nom du package.
| Pour | Packages |
|---|---|
| Astro | astro 7.4.2, @astrojs/mdx 8.1.2, @astrojs/rss 4.0.19, @astrojs/sitemap 3.7.4 |
| Styles | tailwindcss 4.3.3, @tailwindcss/vite 4.3.3, @tailwindcss/typography 0.5.20, tw-animate-css 1.4.0 |
| Composants interactifs | @astrojs/react 7.1.2, react 19.3.1, react-dom 19.3.1 |
| Composants shadcn | @base-ui/react 1.9.0, class-variance-authority 0.7.1, clsx 2.1.1, tailwind-merge 3.7.0, cmdk 1.1.1 |
| Icônes | @lucide/astro 1.65.0, lucide-react 1.65.0 |
| Traitement Markdown et HTML | marked 18.1.2, hast-util-from-html 2.0.3, hast-util-to-mdast 10.1.2, hast-util-to-string 3.0.1, mdast-util-gfm 3.1.0, mdast-util-to-markdown 2.2.1 |
| Polices (hébergées avec le site, OFL) | @fontsource-variable/albert-sans 5.3.0, @fontsource-variable/archivo 5.3.0, @fontsource-variable/big-shoulders 5.3.0, @fontsource-variable/bodoni-moda 5.3.0, @fontsource-variable/bricolage-grotesque 5.3.0, @fontsource-variable/cormorant-garamond 5.3.0, @fontsource-variable/dm-sans 5.3.0, @fontsource-variable/eb-garamond 5.3.0, @fontsource-variable/fraunces 5.3.0, @fontsource-variable/geist 5.3.0, @fontsource-variable/geist-mono 5.3.0, @fontsource-variable/hanken-grotesk 5.3.0, @fontsource-variable/ibm-plex-sans 5.3.0, @fontsource-variable/instrument-sans 5.3.0, @fontsource-variable/inter 5.3.0, @fontsource-variable/inter-tight 5.3.0, @fontsource-variable/jost 5.3.0, @fontsource-variable/literata 5.3.0, @fontsource-variable/manrope 5.3.0, @fontsource-variable/newsreader 5.3.0, @fontsource-variable/onest 5.3.1, @fontsource-variable/schibsted-grotesk 5.3.0, @fontsource-variable/space-grotesk 5.3.0, @fontsource-variable/unbounded 5.3.0, @fontsource-variable/work-sans 5.3.0, @fontsource/anton 5.3.0, @fontsource/dm-mono 5.3.0, @fontsource/dm-serif-display 5.3.0, @fontsource/ibm-plex-mono 5.3.0, @fontsource/instrument-serif 5.3.0, @fontsource/young-serif 5.3.0, @fontsource/zilla-slab 5.3.0 |
Les packages dont ceux-ci dépendent, comme sharp pour les images, sont également disponibles dans la version installée par leurs dépendances.
Ajouter un package
Déclarez le package dans dependencies du fichier package.json du site, avec une plage de versions qui accepte celle d’Atelier201 ("react": "^19.3.0" convient pour 19.3.1). La compilation vérifie chaque package déclaré par rapport à la liste et utilise les versions préinstallées. Aucun install n’est donc lancé et le fichier lockfile n’est pas lu. Les entrées devDependencies pour des packages qu’Atelier201 ne propose pas, comme typescript ou @types/react, sont ignorées lors de la compilation.
L’assistant et les agents connectés connaissent cette liste : demandez Tailwind, un composant React ou des composants shadcn, et ils les configureront.
Migrer un site existant
Un site Astro qui utilise déjà ces packages se compile tel quel, à condition que ses plages de versions acceptent celles indiquées ci-dessus. Avant d’en importer un :
- conservez
output: "static"et n’utilisez aucun adaptateur ; - déplacez les outils de typage et de vérification (
typescript,@types/*,@astrojs/check) dansdevDependencies; - supprimez les packages d’analyse d’audience comme
posthog-js: les outils d’analyse et autres balises se configurent dans les intégrations du site, dans ses paramètres.
Vous pouvez demander au support l’ajout d’un package qu’Atelier201 ne propose pas encore.