astro 4.5.13 → 4.5.15

package/dist/assets/services/sharp.js

@@ -17,6 +17,7 @@ async function loadSharp() {
   } catch (e) {
     throw new AstroError(AstroErrorData.MissingSharp);
   }
+  sharpImport.cache(false);
   return sharpImport;
 }
 const sharpService = {

package/dist/assets/types.d.ts

@@ -104,6 +104,28 @@ type ImageSharedProps<T> = T & {
      * ```
      */
     height?: number | `${number}`;
+    /**
+     * Desired output format for the image. Defaults to `webp`.
+     *
+     * **Example**:
+     * ```astro
+     * <Image src={...} format="avif" alt="..." />
+     * ```
+     */
+    format?: ImageOutputFormat;
+    /**
+     * Desired quality for the image. Value can either be a preset such as `low` or `high`, or a numeric value from 0 to 100.
+     *
+     * The perceptual quality of the output image is service-specific.
+     * For instance, a certain service might decide that `high` results in a very beautiful image, but another could choose for it to be at best passable.
+     *
+     * **Example**:
+     * ```astro
+     * <Image src={...} quality='high' alt="..." />
+     * <Image src={...} quality={300} alt="..." />
+     * ```
+     */
+    quality?: ImageQuality;
 } & ({
     /**
      * A list of widths to generate images for. The value of this property will be used to assign the `srcset` property on the final `img` element.
@@ -137,28 +159,6 @@ export type LocalImageProps<T> = ImageSharedProps<T> & {
     src: ImageMetadata | Promise<{
         default: ImageMetadata;
     }>;
-    /**
-     * Desired output format for the image. Defaults to `webp`.
-     *
-     * **Example**:
-     * ```astro
-     * <Image src={...} format="avif" alt="..." />
-     * ```
-     */
-    format?: ImageOutputFormat;
-    /**
-     * Desired quality for the image. Value can either be a preset such as `low` or `high`, or a numeric value from 0 to 100.
-     *
-     * The perceptual quality of the output image is service-specific.
-     * For instance, a certain service might decide that `high` results in a very beautiful image, but another could choose for it to be at best passable.
-     *
-     * **Example**:
-     * ```astro
-     * <Image src={...} quality='high' alt="..." />
-     * <Image src={...} quality={300} alt="..." />
-     * ```
-     */
-    quality?: ImageQuality;
 };
 export type RemoteImageProps<T> = (ImageSharedProps<T> & {
     /**

package/dist/cli/add/index.js

@@ -728,9 +728,7 @@ async function validateIntegrations(integrations) {
             if (firstPartyPkgCheck.message) {
               spinner.warn(yellow(firstPartyPkgCheck.message));
             }
-            spinner.warn(
-              yellow(`${bold(integration)} is not an official Astro package. Use at your own risk!`)
-            );
+            spinner.warn(yellow(`${bold(integration)} is not an official Astro package.`));
             const response = await prompts({
               type: "confirm",
               name: "askToContinue",

package/dist/core/app/node.js

@@ -34,8 +34,9 @@ class NodeApp extends App {
    */
   static createRequest(req, { skipBody = false } = {}) {
     const protocol = req.headers["x-forwarded-proto"] ?? ("encrypted" in req.socket && req.socket.encrypted ? "https" : "http");
-    const hostname = req.headers.host || req.headers[":authority"];
-    const url = `${protocol}://${hostname}${req.url}`;
+    const hostname = req.headers["x-forwarded-host"] ?? req.headers.host ?? req.headers[":authority"];
+    const port = req.headers["x-forwarded-port"];
+    const url = `${protocol}://${hostname}${port ? `:${port}` : ""}${req.url}`;
     const options = {
       method: req.method || "GET",
       headers: makeRequestHeaders(req)

package/dist/core/constants.js

@@ -1,4 +1,4 @@
-const ASTRO_VERSION = "4.5.13";
+const ASTRO_VERSION = "4.5.15";
 const REROUTE_DIRECTIVE_HEADER = "X-Astro-Reroute";
 const ROUTE_TYPE_HEADER = "X-Astro-Route-Type";
 const DEFAULT_404_COMPONENT = "astro-default-404";

package/dist/core/dev/dev.js

@@ -23,7 +23,7 @@ async function dev(inlineConfig) {
       base: restart.container.settings.config.base
     })
   );
-  const currentVersion = "4.5.13";
+  const currentVersion = "4.5.15";
   if (currentVersion.includes("-")) {
     logger.warn("SKIP_FORMAT", msg.prerelease({ currentVersion }));
   }

package/dist/core/messages.js

@@ -36,7 +36,7 @@ function serverStart({
   host,
   base
 }) {
-  const version = "4.5.13";
+  const version = "4.5.15";
   const localPrefix = `${dim("\u2503")} Local    `;
   const networkPrefix = `${dim("\u2503")} Network  `;
   const emptyPrefix = " ".repeat(11);
@@ -261,7 +261,7 @@ function printHelp({
     message.push(
       linebreak(),
       `  ${bgGreen(black(` ${commandName} `))} ${green(
-        `v${"4.5.13"}`
+        `v${"4.5.15"}`
       )} ${headline}`
     );
   }

package/dist/runtime/server/render/component.js

@@ -20,6 +20,7 @@ import { renderSlotToString, renderSlots } from "./slot.js";
 import { formatList, internalSpreadAttributes, renderElement, voidElementNames } from "./util.js";
 const needsHeadRenderingSymbol = Symbol.for("astro.needsHeadRendering");
 const rendererAliases = /* @__PURE__ */ new Map([["solid", "solid-js"]]);
+const clientOnlyValues = /* @__PURE__ */ new Set(["solid-js", "react", "preact", "vue", "svelte", "lit"]);
 function guessRenderers(componentUrl) {
   const extname = componentUrl?.split(".").pop();
   switch (extname) {
@@ -54,7 +55,7 @@ function removeStaticAstroSlot(html, supportsAstroStaticSlot = true) {
   return html.replace(exp, "");
 }
 async function renderFrameworkComponent(result, displayName, Component, _props, slots = {}) {
-  if (!Component && !_props["client:only"]) {
+  if (!Component && "client:only" in _props === false) {
     throw new Error(
       `Unable to render ${displayName} because it is ${Component}!
 Did you forget to import the component or is it possible there is a typo?`
@@ -122,11 +123,12 @@ Did you forget to import the component or is it possible there is a typo?`
     }
   } else {
     if (metadata.hydrateArgs) {
-      const passedName = metadata.hydrateArgs;
-      const rendererName = rendererAliases.has(passedName) ? rendererAliases.get(passedName) : passedName;
-      renderer = renderers.find(
-        ({ name }) => name === `@astrojs/${rendererName}` || name === rendererName
-      );
+      const rendererName = rendererAliases.has(metadata.hydrateArgs) ? rendererAliases.get(metadata.hydrateArgs) : metadata.hydrateArgs;
+      if (clientOnlyValues.has(rendererName)) {
+        renderer = renderers.find(
+          ({ name }) => name === `@astrojs/${rendererName}` || name === rendererName
+        );
+      }
     }
     if (!renderer && validRenderers.length === 1) {
       renderer = validRenderers[0];
@@ -141,13 +143,30 @@ Did you forget to import the component or is it possible there is a typo?`
   let componentServerRenderEndTime;
   if (!renderer) {
     if (metadata.hydrate === "only") {
-      throw new AstroError({
-        ...AstroErrorData.NoClientOnlyHint,
-        message: AstroErrorData.NoClientOnlyHint.message(metadata.displayName),
-        hint: AstroErrorData.NoClientOnlyHint.hint(
-          probableRendererNames.map((r) => r.replace("@astrojs/", "")).join("|")
-        )
-      });
+      const rendererName = rendererAliases.has(metadata.hydrateArgs) ? rendererAliases.get(metadata.hydrateArgs) : metadata.hydrateArgs;
+      if (clientOnlyValues.has(rendererName)) {
+        const plural = validRenderers.length > 1;
+        throw new AstroError({
+          ...AstroErrorData.NoMatchingRenderer,
+          message: AstroErrorData.NoMatchingRenderer.message(
+            metadata.displayName,
+            metadata?.componentUrl?.split(".").pop(),
+            plural,
+            validRenderers.length
+          ),
+          hint: AstroErrorData.NoMatchingRenderer.hint(
+            formatList(probableRendererNames.map((r) => "`" + r + "`"))
+          )
+        });
+      } else {
+        throw new AstroError({
+          ...AstroErrorData.NoClientOnlyHint,
+          message: AstroErrorData.NoClientOnlyHint.message(metadata.displayName),
+          hint: AstroErrorData.NoClientOnlyHint.hint(
+            probableRendererNames.map((r) => r.replace("@astrojs/", "")).join("|")
+          )
+        });
+      }
     } else if (typeof Component !== "string") {
       const matchingRenderers = validRenderers.filter(
         (r) => probableRendererNames.includes(r.name)
@@ -191,6 +210,12 @@ If you're still stuck, please open an issue on GitHub or join us at https://astr
     }
   } else {
     if (metadata.hydrate === "only") {
+      const rendererName = rendererAliases.has(metadata.hydrateArgs) ? rendererAliases.get(metadata.hydrateArgs) : metadata.hydrateArgs;
+      if (!clientOnlyValues.has(rendererName)) {
+        console.warn(
+          `The client:only directive for ${metadata.displayName} is not recognized. The renderer ${renderer.name} will be used. If you intended to use a different renderer, please provide a valid client:only directive.`
+        );
+      }
       html = await renderSlotToString(result, slots?.fallback);
     } else {
       const componentRenderStartTime = performance.now();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astro",
-  "version": "4.5.13",
+  "version": "4.5.15",
   "description": "Astro is a modern site builder with web best practices, performance, and DX front-of-mind.",
   "type": "module",
   "author": "withastro",