astro 4.12.0 → 4.12.1

package/client.d.ts

@@ -70,7 +70,14 @@ declare module 'astro:assets' {
 	export type RemoteImageProps = import('./dist/type-utils.js').Simplify<
 		import('./dist/assets/types.js').RemoteImageProps<ImgAttributes>
 	>;
-	export const { getImage, getConfiguredImageService, imageConfig, Image, Picture }: AstroAssets;
+	export const {
+		getImage,
+		getConfiguredImageService,
+		imageConfig,
+		Image,
+		Picture,
+		inferRemoteSize,
+	}: AstroAssets;
 }
 
 type ImageMetadata = import('./dist/assets/types.js').ImageMetadata;

package/dist/container/index.d.ts

@@ -66,6 +66,10 @@ export type AddServerRenderer = {
     renderer: SSRLoadedRendererValue;
     name: string;
 };
+export type AddClientRenderer = {
+    name: string;
+    entrypoint: string;
+};
 export type AstroContainerUserConfig = Omit<AstroUserConfig, 'integrations' | 'adapter'>;
 /**
  * Options that are used for the entire lifecycle of the current instance of the container.
@@ -130,7 +134,7 @@ export declare class experimental_AstroContainer {
      */
     static create(containerOptions?: AstroContainerOptions): Promise<experimental_AstroContainer>;
     /**
-     * Use this function to manually add a renderer to the container.
+     * Use this function to manually add a **server** renderer to the container.
      *
      * This function is preferred when you require to use the container with a renderer in environments such as on-demand pages.
      *
@@ -153,6 +157,30 @@ export declare class experimental_AstroContainer {
      * @param options.renderer The server renderer exported by integration.
      */
     addServerRenderer(options: AddServerRenderer): void;
+    /**
+     * Use this function to manually add a **client** renderer to the container.
+     *
+     * When rendering components that use the `client:*` directives, you need to use this function.
+     *
+     * ## Example
+     *
+     * ```js
+     * import reactRenderer from "@astrojs/react/server.js";
+     * import { experimental_AstroContainer as AstroContainer } from "astro/container"
+     *
+     * const container = await AstroContainer.create();
+     * container.addServerRenderer(reactRenderer);
+     * container.addClientRenderer({
+     * 	name: "@astrojs/react",
+     * 	entrypoint: "@astrojs/react/client.js"
+     * });
+     * ```
+     *
+     * @param options {object}
+     * @param options.name The name of the renderer. The name **isn't** arbitrary, and it should match the name of the package.
+     * @param options.entrypoint The entrypoint of the client renderer.
+     */
+    addClientRenderer(options: AddClientRenderer): void;
     private static createFromManifest;
     /**
      * @description

package/dist/container/index.js

@@ -1,4 +1,5 @@
 import { posix } from "node:path";
+import { getDefaultClientDirectives } from "../core/client-directive/index.js";
 import { ASTRO_CONFIG_DEFAULTS } from "../core/config/schema.js";
 import { validateConfig } from "../core/config/validate.js";
 import { Logger } from "../core/logger/core.js";
@@ -23,7 +24,7 @@ function createManifest(manifest, renderers, middleware) {
     entryModules: manifest?.entryModules ?? {},
     routes: manifest?.routes ?? [],
     adapterName: "",
-    clientDirectives: manifest?.clientDirectives ?? /* @__PURE__ */ new Map(),
+    clientDirectives: manifest?.clientDirectives ?? getDefaultClientDirectives(),
     renderers: renderers ?? manifest?.renderers ?? [],
     base: manifest?.base ?? ASTRO_CONFIG_DEFAULTS.base,
     componentMetadata: manifest?.componentMetadata ?? /* @__PURE__ */ new Map(),
@@ -96,7 +97,7 @@ class experimental_AstroContainer {
     });
   }
   /**
-   * Use this function to manually add a renderer to the container.
+   * Use this function to manually add a **server** renderer to the container.
    *
    * This function is preferred when you require to use the container with a renderer in environments such as on-demand pages.
    *
@@ -137,6 +138,41 @@ class experimental_AstroContainer {
       });
     }
   }
+  /**
+   * Use this function to manually add a **client** renderer to the container.
+   *
+   * When rendering components that use the `client:*` directives, you need to use this function.
+   *
+   * ## Example
+   *
+   * ```js
+   * import reactRenderer from "@astrojs/react/server.js";
+   * import { experimental_AstroContainer as AstroContainer } from "astro/container"
+   *
+   * const container = await AstroContainer.create();
+   * container.addServerRenderer(reactRenderer);
+   * container.addClientRenderer({
+   * 	name: "@astrojs/react",
+   * 	entrypoint: "@astrojs/react/client.js"
+   * });
+   * ```
+   *
+   * @param options {object}
+   * @param options.name The name of the renderer. The name **isn't** arbitrary, and it should match the name of the package.
+   * @param options.entrypoint The entrypoint of the client renderer.
+   */
+  addClientRenderer(options) {
+    const { entrypoint, name } = options;
+    const rendererIndex = this.#pipeline.manifest.renderers.findIndex((r) => r.name === name);
+    if (rendererIndex === -1) {
+      throw new Error(
+        "You tried to add the " + name + " client renderer, but its server renderer wasn't added. You must add the server renderer first. Use the `addServerRenderer` function."
+      );
+    }
+    const renderer = this.#pipeline.manifest.renderers[rendererIndex];
+    renderer.clientEntrypoint = entrypoint;
+    this.#pipeline.manifest.renderers[rendererIndex] = renderer;
+  }
   // NOTE: we keep this private via TS instead via `#` so it's still available on the surface, so we can play with it.
   // @ematipico: I plan to use it for a possible integration that could help people
   static async createFromManifest(manifest) {

package/dist/core/constants.js

@@ -1,4 +1,4 @@
-const ASTRO_VERSION = "4.12.0";
+const ASTRO_VERSION = "4.12.1";
 const REROUTE_DIRECTIVE_HEADER = "X-Astro-Reroute";
 const REWRITE_DIRECTIVE_HEADER_KEY = "X-Astro-Rewrite";
 const REWRITE_DIRECTIVE_HEADER_VALUE = "yes";

package/dist/core/dev/dev.js

@@ -19,7 +19,7 @@ async function dev(inlineConfig) {
   await telemetry.record([]);
   const restart = await createContainerWithAutomaticRestart({ inlineConfig, fs });
   const logger = restart.container.logger;
-  const currentVersion = "4.12.0";
+  const currentVersion = "4.12.1";
   const isPrerelease = currentVersion.includes("-");
   if (!isPrerelease) {
     try {

package/dist/core/messages.js

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

package/dist/runtime/client/dev-toolbar/toolbar.js

@@ -31,6 +31,11 @@ class AstroDevToolbar extends HTMLElement {
 				z-index: 999999;
 				view-transition-name: astro-dev-toolbar;
 				display: contents;
+
+				/* Hide the dev toolbar on window.print() (CTRL + P) */
+				@media print {
+					display: none;
+				}
 			}
 
 			::view-transition-old(astro-dev-toolbar),

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

@@ -387,8 +387,11 @@ async function renderComponent(result, displayName, Component, props, slots = {}
     handleCancellation
   );
   function handleCancellation(e) {
-    if (result.cancelled) return { render() {
-    } };
+    if (result.cancelled)
+      return {
+        render() {
+        }
+      };
     throw e;
   }
 }

package/package.json

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