Vai al contenuto
verdict:

Astro 6.2.0

notable

Note di rilascio

note: la sintesi e le note di rilascio sono in inglese

note: nessuna sintesi per questa release più vecchia

Sintetizziamo le release recenti. Le note di rilascio originali di questa versione sono qui sotto.

release-notesgithub.com/withastro/astro · 184 righe
  1. ### Minor Changes
  3. - [#16187](https://github.com/withastro/astro/pull/16187) [`fe58071`](https://github.com/withastro/astro/commit/fe58071817f447f832d9ce4341c0b5991d3c0cda) Thanks [@gllmt](https://github.com/gllmt)! - Adds a `waitUntil` option to the `RenderOptions` so that adapters can forward runtime background-task hooks to Astro.
  5. When provided by an adapter, runtime cache providers receive `context.waitUntil` in
  6. `CacheProvider.onRequest()`, which allows background cache work such as stale-while-revalidate
  7. without blocking the response. The Cloudflare adapter now forwards
  8. `ExecutionContext.waitUntil` to this API.
  10. - [#16290](https://github.com/withastro/astro/pull/16290) [`a49637a`](https://github.com/withastro/astro/commit/a49637ab82a6ce8506a7272f331d1101f782b3e0) Thanks [@ViVaLaDaniel](https://github.com/ViVaLaDaniel)! - Ensures that `server.allowedHosts` (and `vite.preview.allowedHosts`) configuration is respected when using `astro preview` with the `@astrojs/cloudflare` adapter. This improves security by preventing DNS rebinding attacks when previewing Cloudflare builds locally.
  12. - [#15725](https://github.com/withastro/astro/pull/15725) [`4108ec1`](https://github.com/withastro/astro/commit/4108ec1e256c5e9d97fb29f1097a5095b73cfb8b) Thanks [@meyer](https://github.com/meyer)! - Adds support for a new `'jsx'` value for the `compressHTML` option. When set, whitespace is stripped using JSX whitespace rules instead of the default HTML compression strategy.
  14. ```js
  15. // astro.config.mjs
  16. import { defineConfig } from 'astro/config';
  18. export default defineConfig({
  19. compressHTML: 'jsx',
  20. });
  21. ```
  23. In JSX, whitespaces never matter, as such, no amount of indentation, or newlines will not affect the rendered output. For instance, the following code:
  25. ```jsx
  26. <div>
  27. <span>foo</span>
  28. <span>bar</span>
  29. </div>
  30. ```
  32. will be rendered as `foobar`, whereas with HTML whitespace rules, a space would be present between the words due to the newline and indentation between the tags.
  34. - [#16477](https://github.com/withastro/astro/pull/16477) [`28fb3e1`](https://github.com/withastro/astro/commit/28fb3e16cdf181d49fbc22fbde41958fe9b9ab9e) Thanks [@ematipico](https://github.com/ematipico)! - Adds experimental support for configurable log handlers.
  36. This experimental feature provides better control over Astro's logging infrastructure by allowing users to replace the default console output with custom logging implementations (e.g., structured JSON). This is particularly useful for users using on-demand rendering and wishing to connect their log aggregation services, such as Kibana, Logstash, CloudWatch, Grafana, or Loki.
  38. By default, Astro provides three built-in log handlers (`json`, `node`, and `console`), but you can also create your own.
  40. #### JSON logging
  42. JSON logging can be enabled via the CLI for the `build`, `dev`, and `sync` commands using the `experimentalJson` flag:
  44. ```js
  45. // astro.config.mjs
  46. import { defineConfig, logHandlers } from 'astro/config';
  48. export default defineConfig({
  49. experimental: {
  50. logger: logHandlers.json({
  51. pretty: true,
  52. level: 'warn',
  53. }),
  54. },
  55. });
  56. ```
  58. #### Custom logger
  60. You can also create your own custom logger by implementing the correct interface:
  62. ```js
  63. // astro.config.mjs
  64. import { defineConfig } from 'astro/config';
  66. export default defineConfig({
  67. experimental: {
  68. logger: {
  69. entrypoint: '@org/custom-logger',
  70. },
  71. },
  72. });
  73. ```
  75. ```ts
  76. // @org/custom-logger.js
  77. import type { AstroLoggerDestination, AstroLoggerMessage } from 'astro';
  78. import { matchesLevel } from 'astor/logger';
  80. function customLogger(level = 'info'): AstroLoggerDestination {
  81. return {
  82. write(message: AstroLoggerMessage) {
  83. if (matchesLevel(message.level, level)) {
  84. // write message somewhere
  85. }
  86. },
  87. };
  88. }
  90. export default customLogger;
  91. ```
  93. For more information on enabling and using this feature in your project, see the [Experimental Logger docs](https://docs.astro.build/en/reference/experimental-flags/logger/).
  95. For a complete overview and to give feedback on this experimental API, see the [Custom logger RFC](https://github.com/withastro/roadmap/blob/logger/proposals/0059-custom-logger.md).
  97. - [#16333](https://github.com/withastro/astro/pull/16333) [`0f7c3c8`](https://github.com/withastro/astro/commit/0f7c3c8e3dfe0fff58bd6e68c40f6f8fb280144e) Thanks [@florian-lefebvre](https://github.com/florian-lefebvre)! - Adds an experimental flag `svgOptimizer` that enables automatic optimization of your SVG components using the provided optimizer. This supersedes the `svgo` experimental flag, which is now removed.
  99. When enabled, your imported SVG files used as components will be optimized for smaller file sizes and better performance while maintaining visual quality. This can significantly reduce the size of your SVG assets by removing unnecessary metadata, comments, and redundant code.
  101. Astro ships with a [SVGO](https://svgo.dev/) based optimizer, but any can be used.
  103. To enable this feature, add the experimental flag in your Astro config and remove `svgo` if it was enabled:
  105. ```diff
  106. // astro.config.mjs
  107. -import { defineConfig } from "astro/config";
  108. +import { defineConfig, svgoOptimizer } from "astro/config";
  110. export default defineConfig({
  111. + experimental: {
  112. + svgOptimizer: svgoOptimizer()
  113. - svgo: true
  114. + }
  115. });
  116. ```
  118. For more information on enabling and using this feature in your project, see the [experimental SVG optimization docs](https://docs.astro.build/en/reference/experimental-flags/svg-optimization/).
  120. - [#16302](https://github.com/withastro/astro/pull/16302) [`f6f8e80`](https://github.com/withastro/astro/commit/f6f8e8097e93e29d00f419e5594f2c081bb32478) Thanks [@florian-lefebvre](https://github.com/florian-lefebvre)! - Adds a new `experimental_getFontFileURL()` method to resolve font file URLs when using the Fonts API
  122. The `fontData` object exported from `astro:assets` was introduced to provide low-level access to font family data for advanced usage. One of the goals of this API was to be able to resolve buffers using URLs. However, it turned out to be impractical, especially during prerendering.
  124. Astro now exports a new `experimental_getFontFileURL()` helper function from `astro:assets` to resolve font file URLs from `fontData`. For example, when using [satori](https://github.com/vercel/satori) to generate Open Graph images:
  126. ```diff
  127. // src/pages/og.png.ts
  129. import type { APIRoute } from "astro";
  130. -import { fontData } from "astro:assets";
  131. +import { fontData, experimental_getFontFileURL } from "astro:assets";
  132. -import { outDir } from "astro:config/server";
  133. -import { readFile } from "node:fs/promises";
  134. import satori from "satori";
  135. import { html } from "satori-html";
  136. import sharp from "sharp";
  138. export const GET: APIRoute = async (context) => {
  139. const fontPath = fontData["--font-roboto"][0]?.src[0]?.url;
  141. if (fontPath === undefined) {
  142. throw new Error("Cannot find the font path.");
  143. }
  145. - const data = import.meta.env.DEV
  146. - ? await fetch(new URL(fontPath, context.url.origin)).then(async (res) => res.arrayBuffer())
  147. - : await readFile(new URL(`.${fontPath}`, outDir));
  148. + const url = experimental_getFontFileURL(fontPath, context.url);
  149. + const data = await fetch(url).then((res) => res.arrayBuffer());
  151. const svg = await satori(
  152. html`<div style="color: black;">hello, world</div>`,
  153. {
  154. width: 600,
  155. height: 400,
  156. fonts: [
  157. {
  158. name: "Roboto",
  159. data,
  160. weight: 400,
  161. style: "normal",
  162. },
  163. ],
  164. },
  165. );
  167. const pngBuffer = await sharp(Buffer.from(svg))
  168. .resize(600, 400)
  169. .png()
  170. .toBuffer();
  172. return new Response(new Uint8Array(pngBuffer), {
  173. headers: {
  174. "Content-Type": "image/png",
  175. },
  176. });
  177. };
  178. ```
  180. See the [Fonts API documentation](https://docs.astro.build/en/guides/fonts/#accessing-font-data-programmatically) for more information.
  182. ### Patch Changes
  184. - [#15980](https://github.com/withastro/astro/pull/15980) [`8812382`](https://github.com/withastro/astro/commit/88123826690dde1e0019aa801fe7d18085f27271) Thanks [@seroperson](https://github.com/seroperson)! - Prevents script deduplication inside `<template>` elements

vedi su githubimported 2026-09-28 via npm