Astro 4.7

Por
Erika
Emanuele Stoppa
Matthew Phillips
Nate Moore
Bjorn Lu
Sarah Rainsberger

¡Astro 4.7 ya está disponible! Este lanzamiento incluye mejoras extensas a la API para crear toolbar apps, más formas de mantener tu proyecto de Astro actualizado, y más.

Los aspectos destacados completos del lanzamiento incluyen:

Para actualizar un proyecto existente, usa la herramienta CLI automatizada @astrojs/upgrade. Alternativamente, actualiza manualmente ejecutando el comando de actualización para tu gestor de paquetes:

# Recommended:
npx @astrojs/upgrade


# Manual:
npm install astro@latest
pnpm upgrade astro --latest
yarn upgrade astro --latest

Mejoras en la Dev Toolbar API

Astro 4.7 incluye mejoras considerables en la API para crear toolbar apps. Uno de nuestros principales objetivos en este lanzamiento fue facilitar la construcción y mantenimiento de toolbar apps, y estamos emocionados de traerte:

  • un helper defineToolbarApp() que facilita la definición de toolbar apps. Este patrón debería resultarte familiar ya que es similar a defineConfig() en tu configuración de Astro y defineMiddleware() para definir middleware.
  • nuevos helpers app y server para facilitar el envío y recepción de mensajes entre la toolbar y el servidor.
  • un proyecto starter completamente nuevo para construir toolbar apps. Esto te ayudará a empezar a construir tus propias toolbar apps en nada de tiempo. Ejecuta npm create astro@latest -- --template toolbar-app y empieza a construir tu toolbar app.
  • una receta que te guía paso a paso para construir tu propia toolbar app desde cero, incluyendo cómo construir tu app usando frameworks JSX como React o Preact.
  • documentación renovada de la Dev Toolbar App API, con todos los ejemplos actualizados para mostrar el uso de los nuevos métodos.

¡Esperamos que disfrutes estas mejoras y no podemos esperar a ver qué construyes con ellas!

Comprobador de actualizaciones

A partir de este lanzamiento, Astro ahora comprobará si hay actualizaciones cuando ejecutes el dev server. Si hay una nueva versión disponible, verás un mensaje en la terminal con instrucciones sobre cómo actualizar y en la dev toolbar.

Una captura de pantalla del mensaje que Astro muestra en la terminal cuando hay una actualización disponible: update > Nueva versión de Astro disponible: 4.6.3. Ejecuta npx @astrojs/upgrade para actualizar.

Para evitar bombardearte con demasiados mensajes de actualización, Astro solo comprobará si hay actualizaciones una vez cada 10 días y solo mostrará el mensaje si estás varias versiones por detrás. Puedes deshabilitar esta característica ejecutando astro preferences disable checkUpdates o estableciendo la variable de entorno ASTRO_DISABLE_UPDATE_CHECK a false.

allowJs: true para el preset más estricto de TypeScript

Nuestro preset strictest de TypeScript anteriormente incluía allowJs: false, para deshabilitar completamente el uso de archivos .js. Esto resultó ser un poco demasiado estricto para el usuario medio y a menudo causaba confusión. Ahora hemos cambiado esto a allowJs: true, lo que te permite usar archivos .js en tu proyecto.

Esto no debería ser un cambio disruptivo, pero si estás usando el preset strictest y quieres seguir deshabilitando los archivos .js, establece allowJs: false manualmente en tu tsconfig.json.

Corrección de Bugs

Como es habitual, Astro 4.7 incluye más correcciones de bugs y mejoras menores que no han podido entrar en este post! Consulta las notas del lanzamiento completas para saber más.