Pacotes disponíveis
Os pacotes npm que um site pode usar na compilação no Atelier201 e como adicionar um deles.
Os sites são compilados sem acesso à rede, usando pacotes instalados previamente. Qualquer um deles pode ser adicionado a um site. Se um pacote não estiver na lista ou a Atelier201 não tiver a versão necessária, a compilação falhará com dependencies_unavailable e indicará o nome do pacote.
| Para | Pacotes |
|---|---|
| Astro | astro 7.4.2, @astrojs/mdx 8.1.2, @astrojs/rss 4.0.19, @astrojs/sitemap 3.7.4 |
| Estilização | tailwindcss 4.3.3, @tailwindcss/vite 4.3.3, @tailwindcss/typography 0.5.20, tw-animate-css 1.4.0 |
| Componentes interativos | @astrojs/react 7.1.2, react 19.3.1, react-dom 19.3.1 |
| Componentes 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 |
| Ícones | @lucide/astro 1.65.0, lucide-react 1.65.0 |
| Processamento de Markdown e 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 |
| Fontes (hospedadas com o 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 |
Os pacotes dos quais eles dependem, como sharp para imagens, também estão disponíveis, nas versões instaladas por esses pacotes.
Como adicionar um pacote
Declare o pacote em dependencies no package.json do site, usando um intervalo que aceite a versão da Atelier201 ("react": "^19.3.0" funciona com a versão 19.3.1). A compilação verifica cada pacote declarado em relação à lista e usa as cópias pré-instaladas. Portanto, nenhuma instalação é executada e o arquivo de lock não é lido. Uma entrada em devDependencies que a Atelier201 não tenha, como typescript ou @types/react, fica de fora da compilação.
O assistente e os agentes conectados conhecem essa lista. Peça Tailwind, um componente React ou componentes shadcn, e eles os configuram.
Migrar um site existente
Um site Astro que já usa esses pacotes é compilado sem alterações, desde que os intervalos de versão aceitem as versões acima. Antes de importar um site:
- mantenha
output: "static"e não use um adaptador; - mova as ferramentas de tipos e verificação (
typescript,@types/*,@astrojs/check) paradevDependencies; - remova pacotes de análise, como
posthog-js: as ferramentas de análise e outras tags devem ser adicionadas às integrações do site nas configurações.
Você pode solicitar ao suporte um pacote que ainda não esteja disponível na Atelier201.