astro 4.0.9 → 4.1.1

package/astro-jsx.d.ts

@@ -499,6 +499,15 @@ declare namespace astroHTML.JSX {
 		KebabCSSDOMProperties & DOMCSSProperties & AllCSSProperties
 	>;
 
+	interface CSSProperties extends StyleObject {
+		/**
+		 * Extend namespace to add properties or an index signature of your own.
+		 *
+		 * For more information, visit:
+		 * https://docs.astro.build/en/guides/typescript/#built-in-html-attributes
+		 */
+	}
+
 	interface HTMLAttributes extends AriaAttributes, DOMAttributes, AstroBuiltinAttributes {
 		// Standard HTML Attributes
 		accesskey?: string | undefined | null;
@@ -547,7 +556,7 @@ declare namespace astroHTML.JSX {
 		popover?: boolean | string | undefined | null;
 		slot?: string | undefined | null;
 		spellcheck?: 'true' | 'false' | boolean | undefined | null;
-		style?: string | StyleObject | undefined | null;
+		style?: string | CSSProperties | undefined | null;
 		tabindex?: number | string | undefined | null;
 		title?: string | undefined | null;
 		translate?: 'yes' | 'no' | '' | undefined | null;

package/config.d.ts

@@ -2,6 +2,7 @@ type ViteUserConfig = import('vite').UserConfig;
 type ViteUserConfigFn = import('vite').UserConfigFn;
 type AstroUserConfig = import('./dist/@types/astro.js').AstroUserConfig;
 type ImageServiceConfig = import('./dist/@types/astro.js').ImageServiceConfig;
+type SharpImageServiceConfig = import('./dist/assets/services/sharp.js').SharpImageServiceConfig;
 
 /**
  * See the full Astro Configuration API Documentation
@@ -17,7 +18,7 @@ export function getViteConfig(config: ViteUserConfig): ViteUserConfigFn;
 /**
  * Return the configuration needed to use the Sharp-based image service
  */
-export function sharpImageService(): ImageServiceConfig;
+export function sharpImageService(config?: SharpImageServiceConfig): ImageServiceConfig;
 
 /**
  * Return the configuration needed to use the Squoosh-based image service

package/config.mjs

@@ -1,9 +1,9 @@
 export { defineConfig, getViteConfig } from './dist/config/index.js';
 
-export function sharpImageService() {
+export function sharpImageService(config = {}) {
 	return {
 		entrypoint: 'astro/assets/services/sharp',
-		config: {},
+		config,
 	};
 }
 

package/dist/@types/astro.d.ts

@@ -27,14 +27,15 @@ export type { ExternalImageService, ImageService, LocalImageService, } from '../
 export type { GetImageResult, ImageInputFormat, ImageMetadata, ImageOutputFormat, ImageQuality, ImageQualityPreset, ImageTransform, UnresolvedImageTransform, } from '../assets/types.js';
 export type { RemotePattern } from '../assets/utils/remotePattern.js';
 export type { SSRManifest } from '../core/app/types.js';
-export type { AstroCookies } from '../core/cookies/index.js';
+export type { AstroCookieGetOptions, AstroCookieSetOptions, AstroCookies, } from '../core/cookies/index.js';
 export interface AstroBuiltinProps {
     'client:load'?: boolean;
     'client:idle'?: boolean;
     'client:media'?: string;
-    'client:visible'?: boolean;
+    'client:visible'?: ClientVisibleOptions | boolean;
     'client:only'?: boolean | string;
 }
+export type ClientVisibleOptions = Pick<IntersectionObserverInit, 'rootMargin'>;
 export interface TransitionAnimation {
     name: string;
     delay?: number | string;
@@ -95,7 +96,7 @@ export interface CLIFlags {
     host?: string | boolean;
     port?: number;
     config?: string;
-    open?: boolean;
+    open?: string | boolean;
 }
 /**
  * Astro global available in all contexts in .astro files
@@ -299,19 +300,21 @@ type ServerConfig = {
     headers?: OutgoingHttpHeaders;
     /**
      * @name server.open
-     * @type {boolean}
+     * @type {string | boolean}
      * @default `false`
-     * @version 2.1.8
+     * @version 4.1.0
      * @description
-     * Control whether the dev server should open in your browser window on startup.
+     * Controls whether the dev server should open in your browser window on startup.
+     *
+     * Pass a full URL string (e.g. "http://example.com") or a pathname (e.g. "/about") to specify the URL to open.
      *
      * ```js
      * {
-     *   server: { open: true }
+     *   server: { open: "/about" }
      * }
      * ```
      */
-    open?: boolean;
+    open?: string | boolean;
 };
 export interface ViteUserConfig extends vite.UserConfig {
     ssr?: vite.SSROptions;
@@ -853,7 +856,7 @@ export interface AstroUserConfig {
         /**
          * @docs
          * @name prefetch.defaultStrategy
-         * @type {'tap' | 'hover' | 'viewport'}
+         * @type {'tap' | 'hover' | 'viewport' | 'load'}
          * @default `'hover'`
          * @description
          * The default prefetch strategy to use when the `data-astro-prefetch` attribute is set on a link with no value.
@@ -861,6 +864,7 @@ export interface AstroUserConfig {
          * - `'tap'`: Prefetch just before you click on the link.
          * - `'hover'`: Prefetch when you hover over or focus on the link. (default)
          * - `'viewport'`: Prefetch as the links enter the viewport.
+         * - `'load'`: Prefetch all links on the page after the page is loaded.
          *
          * You can override this default value and select a different strategy for any individual link by setting a value on the attribute.
          *
@@ -868,7 +872,7 @@ export interface AstroUserConfig {
          * <a href="/about" data-astro-prefetch="viewport">About</a>
          * ```
          */
-        defaultStrategy?: 'tap' | 'hover' | 'viewport';
+        defaultStrategy?: 'tap' | 'hover' | 'viewport' | 'load';
     };
     /**
      * @docs
@@ -922,16 +926,19 @@ export interface AstroUserConfig {
      * ```
      */
     /**
+     * @docs
      * @name server.open
-     * @type {boolean}
+     * @type {string | boolean}
      * @default `false`
-     * @version 2.1.8
+     * @version 4.1.0
      * @description
-     * Control whether the dev server should open in your browser window on startup.
+     * Controls whether the dev server should open in your browser window on startup.
+     *
+     * Pass a full URL string (e.g. "http://example.com") or a pathname (e.g. "/about") to specify the URL to open.
      *
      * ```js
      * {
-     *   server: { open: true }
+     *   server: { open: "/about" }
      * }
      * ```
      */
@@ -990,13 +997,31 @@ export interface AstroUserConfig {
          * ```js
          * {
          *   image: {
-         *     // Example: Enable the Sharp-based image service
-         *     service: { entrypoint: 'astro/assets/services/sharp' },
+         *     // Example: Enable the Sharp-based image service with a custom config
+         *     service: {
+         * 			 entrypoint: 'astro/assets/services/sharp',
+         * 			 config: {
+         * 				 limitInputPixels: false,
+         *       },
+         * 		 },
          *   },
          * }
          * ```
          */
         service?: ImageServiceConfig;
+        /**
+         * @docs
+         * @name image.service.config.limitInputPixels
+         * @kind h4
+         * @type {number | boolean}
+         * @default `true`
+         * @version 4.1.0
+         * @description
+         *
+         * Whether or not to limit the size of images that the Sharp image service will process.
+         *
+         * Set `false` to bypass the default image size limit for the Sharp image service and process large images.
+         */
         /**
          * @docs
          * @name image.domains
@@ -2000,7 +2025,7 @@ export interface APIContext<Props extends Record<string, any> = Record<string, a
      */
     currentLocale: string | undefined;
 }
-export type APIRoute<Props extends Record<string, any> = Record<string, any>> = (context: APIContext<Props>) => Response | Promise<Response>;
+export type APIRoute<Props extends Record<string, any> = Record<string, any>, APIParams extends Record<string, string | undefined> = Record<string, string | undefined>> = (context: APIContext<Props, APIParams>) => Response | Promise<Response>;
 export interface EndpointHandler {
     [method: string]: APIRoute;
 }
@@ -2025,6 +2050,18 @@ export interface SSRLoadedRenderer extends AstroRenderer {
             attrs?: Record<string, string>;
         }>;
         supportsAstroStaticSlot?: boolean;
+        /**
+         * If provided, Astro will call this function and inject the returned
+         * script in the HTML before the first component handled by this renderer.
+         *
+         * This feature is needed by some renderers (in particular, by Solid). The
+         * Solid official hydration script sets up a page-level data structure.
+         * It is mainly used to transfer data between the server side render phase
+         * and the browser application state. Solid Components rendered later in
+         * the HTML may inject tiny scripts into the HTML that call into this
+         * page-level data structure.
+         */
+        renderHydrationScript?: () => string;
     };
 }
 export type HookParameters<Hook extends keyof AstroIntegration['hooks'], Fn = AstroIntegration['hooks'][Hook]> = Fn extends (...args: any) => any ? Parameters<Fn>[0] : never;
@@ -2209,6 +2246,12 @@ export interface SSRResult {
  */
 export interface SSRMetadata {
     hasHydrationScript: boolean;
+    /**
+     * Names of renderers that have injected their hydration scripts
+     * into the current page. For example, Solid SSR needs a hydration
+     * script in the page HTML before the first Solid component.
+     */
+    rendererSpecificHydrationScripts: Set<string>;
     hasDirectives: Set<string>;
     hasRenderedHead: boolean;
     headInTree: boolean;

package/dist/assets/services/sharp.d.ts

@@ -1,3 +1,10 @@
+import type { SharpOptions } from 'sharp';
 import { type LocalImageService } from './service.js';
-declare const sharpService: LocalImageService;
+export interface SharpImageServiceConfig {
+    /**
+     * The `limitInputPixels` option passed to Sharp. See https://sharp.pixelplumbing.com/api-constructor for more information
+     */
+    limitInputPixels?: SharpOptions['limitInputPixels'];
+}
+declare const sharpService: LocalImageService<SharpImageServiceConfig>;
 export default sharpService;

package/dist/assets/services/sharp.js

@@ -25,13 +25,17 @@ const sharpService = {
   parseURL: baseService.parseURL,
   getHTMLAttributes: baseService.getHTMLAttributes,
   getSrcSet: baseService.getSrcSet,
-  async transform(inputBuffer, transformOptions) {
+  async transform(inputBuffer, transformOptions, config) {
     if (!sharp)
       sharp = await loadSharp();
     const transform = transformOptions;
     if (transform.format === "svg")
       return { data: inputBuffer, format: "svg" };
-    let result = sharp(inputBuffer, { failOnError: false, pages: -1 });
+    const result = sharp(inputBuffer, {
+      failOnError: false,
+      pages: -1,
+      limitInputPixels: config.service.config.limitInputPixels
+    });
     result.rotate();
     if (transform.height && !transform.width) {
       result.resize({ height: Math.round(transform.height) });

package/dist/cli/add/index.js

@@ -24,7 +24,7 @@ import * as msg from "../../core/messages.js";
 import { printHelp } from "../../core/messages.js";
 import { appendForwardSlash } from "../../core/path.js";
 import { apply as applyPolyfill } from "../../core/polyfill.js";
-import { parseNpmName } from "../../core/util.js";
+import { ensureProcessNodeEnv, parseNpmName } from "../../core/util.js";
 import { eventCliSession, telemetry } from "../../events/index.js";
 import { createLoggerFromFlags, flagsToAstroInlineConfig } from "../flags.js";
 import { generate, parse, t, visit } from "./babel.js";
@@ -71,6 +71,7 @@ async function getRegistry() {
   }
 }
 async function add(names, { flags }) {
+  ensureProcessNodeEnv("production");
   const inlineConfig = flagsToAstroInlineConfig(flags);
   const { userConfig } = await resolveConfig(inlineConfig, "add");
   telemetry.record(eventCliSession("add", userConfig));
@@ -133,6 +134,9 @@ async function add(names, { flags }) {
           possibleConfigFiles: [
             "./tailwind.config.cjs",
             "./tailwind.config.mjs",
+            "./tailwind.config.ts",
+            "./tailwind.config.mts",
+            "./tailwind.config.cts",
             "./tailwind.config.js"
           ],
           defaultConfigFile: "./tailwind.config.mjs",
@@ -614,7 +618,7 @@ ${message}`
       } catch (err) {
         spinner.fail();
         logger.debug("add", "Error installing dependencies", err);
-        console.error("\n", err.stdout, "\n");
+        console.error("\n", err.stdout || err.message, "\n");
         return 3 /* failure */;
       }
     } else {

package/dist/cli/check/index.js

@@ -1,7 +1,9 @@
 import path from "node:path";
 import { createLoggerFromFlags, flagsToAstroInlineConfig } from "../flags.js";
 import { getPackage } from "../install-package.js";
+import { ensureProcessNodeEnv } from "../../core/util.js";
 async function check(flags) {
+  ensureProcessNodeEnv("production");
   const logger = createLoggerFromFlags(flags);
   const getPackageOpts = { skipAsk: flags.yes || flags.y, cwd: flags.root };
   const checkPackage = await getPackage(

package/dist/cli/flags.js

@@ -14,7 +14,7 @@ function flagsToAstroInlineConfig(flags) {
     server: {
       port: typeof flags.port === "number" ? flags.port : void 0,
       host: typeof flags.host === "string" || typeof flags.host === "boolean" ? flags.host : void 0,
-      open: typeof flags.open === "boolean" ? flags.open : void 0
+      open: typeof flags.open === "string" || typeof flags.open === "boolean" ? flags.open : void 0
     }
   };
 }

package/dist/cli/index.js

@@ -98,9 +98,6 @@ async function runCommand(cmd, flags) {
     const { enableVerboseLogging } = await import("../core/logger/node.js");
     enableVerboseLogging();
   }
-  if (!process.env.NODE_ENV) {
-    process.env.NODE_ENV = cmd === "dev" ? "development" : "production";
-  }
   const { notify } = await import("./telemetry/index.js");
   await notify();
   switch (cmd) {

package/dist/core/build/index.js

@@ -23,7 +23,9 @@ import { createRouteManifest } from "../routing/index.js";
 import { collectPagesData } from "./page-data.js";
 import { staticBuild, viteBuild } from "./static-build.js";
 import { getTimeStat } from "./util.js";
+import { ensureProcessNodeEnv } from "../util.js";
 async function build(inlineConfig, options = {}) {
+  ensureProcessNodeEnv("production");
   applyPolyfill();
   const logger = createNodeLogger(inlineConfig);
   const { userConfig, astroConfig } = await resolveConfig(inlineConfig, "build");

package/dist/core/config/config.js

@@ -34,9 +34,9 @@ function resolveFlags(flags) {
     site: typeof flags.site === "string" ? flags.site : void 0,
     base: typeof flags.base === "string" ? flags.base : void 0,
     port: typeof flags.port === "number" ? flags.port : void 0,
-    open: typeof flags.open === "boolean" ? flags.open : void 0,
     config: typeof flags.config === "string" ? flags.config : void 0,
-    host: typeof flags.host === "string" || typeof flags.host === "boolean" ? flags.host : void 0
+    host: typeof flags.host === "string" || typeof flags.host === "boolean" ? flags.host : void 0,
+    open: typeof flags.open === "string" || typeof flags.open === "boolean" ? flags.open : void 0
   };
 }
 function resolveRoot(cwd) {

package/dist/core/config/schema.d.ts

@@ -76,24 +76,24 @@ export declare const AstroConfigSchema: z.ZodObject<{
         inlineStylesheets?: "always" | "never" | "auto" | undefined;
     }>>;
     server: z.ZodEffects<z.ZodDefault<z.ZodObject<{
-        open: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+        open: z.ZodDefault<z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>>;
         host: z.ZodDefault<z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>>;
         port: z.ZodDefault<z.ZodOptional<z.ZodNumber>>;
         headers: z.ZodOptional<z.ZodType<OutgoingHttpHeaders, z.ZodTypeDef, OutgoingHttpHeaders>>;
     }, "strip", z.ZodTypeAny, {
         host: string | boolean;
         port: number;
-        open: boolean;
+        open: string | boolean;
         headers?: OutgoingHttpHeaders | undefined;
     }, {
-        open?: boolean | undefined;
+        open?: string | boolean | undefined;
         host?: string | boolean | undefined;
         port?: number | undefined;
         headers?: OutgoingHttpHeaders | undefined;
     }>>, {
         host: string | boolean;
         port: number;
-        open: boolean;
+        open: string | boolean;
         headers?: OutgoingHttpHeaders | undefined;
     }, unknown>;
     redirects: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodUnion<[z.ZodString, z.ZodObject<{
@@ -108,13 +108,13 @@ export declare const AstroConfigSchema: z.ZodObject<{
     }>]>>>;
     prefetch: z.ZodOptional<z.ZodUnion<[z.ZodBoolean, z.ZodObject<{
         prefetchAll: z.ZodOptional<z.ZodBoolean>;
-        defaultStrategy: z.ZodOptional<z.ZodEnum<["tap", "hover", "viewport"]>>;
+        defaultStrategy: z.ZodOptional<z.ZodEnum<["tap", "hover", "viewport", "load"]>>;
     }, "strip", z.ZodTypeAny, {
         prefetchAll?: boolean | undefined;
-        defaultStrategy?: "tap" | "hover" | "viewport" | undefined;
+        defaultStrategy?: "tap" | "hover" | "viewport" | "load" | undefined;
     }, {
         prefetchAll?: boolean | undefined;
-        defaultStrategy?: "tap" | "hover" | "viewport" | undefined;
+        defaultStrategy?: "tap" | "hover" | "viewport" | "load" | undefined;
     }>]>>;
     image: z.ZodDefault<z.ZodObject<{
         endpoint: z.ZodOptional<z.ZodString>;
@@ -324,7 +324,7 @@ export declare const AstroConfigSchema: z.ZodObject<{
     server: {
         host: string | boolean;
         port: number;
-        open: boolean;
+        open: string | boolean;
         headers?: OutgoingHttpHeaders | undefined;
     };
     redirects: Record<string, string | {
@@ -389,7 +389,7 @@ export declare const AstroConfigSchema: z.ZodObject<{
     } | undefined;
     prefetch?: boolean | {
         prefetchAll?: boolean | undefined;
-        defaultStrategy?: "tap" | "hover" | "viewport" | undefined;
+        defaultStrategy?: "tap" | "hover" | "viewport" | "load" | undefined;
     } | undefined;
     i18n?: {
         defaultLocale: string;
@@ -434,7 +434,7 @@ export declare const AstroConfigSchema: z.ZodObject<{
     }> | undefined;
     prefetch?: boolean | {
         prefetchAll?: boolean | undefined;
-        defaultStrategy?: "tap" | "hover" | "viewport" | undefined;
+        defaultStrategy?: "tap" | "hover" | "viewport" | "load" | undefined;
     } | undefined;
     image?: {
         endpoint?: string | undefined;
@@ -590,13 +590,13 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
     }[], unknown>;
     prefetch: z.ZodOptional<z.ZodUnion<[z.ZodBoolean, z.ZodObject<{
         prefetchAll: z.ZodOptional<z.ZodBoolean>;
-        defaultStrategy: z.ZodOptional<z.ZodEnum<["tap", "hover", "viewport"]>>;
+        defaultStrategy: z.ZodOptional<z.ZodEnum<["tap", "hover", "viewport", "load"]>>;
     }, "strip", z.ZodTypeAny, {
         prefetchAll?: boolean | undefined;
-        defaultStrategy?: "tap" | "hover" | "viewport" | undefined;
+        defaultStrategy?: "tap" | "hover" | "viewport" | "load" | undefined;
     }, {
         prefetchAll?: boolean | undefined;
-        defaultStrategy?: "tap" | "hover" | "viewport" | undefined;
+        defaultStrategy?: "tap" | "hover" | "viewport" | "load" | undefined;
     }>]>>;
     devToolbar: z.ZodDefault<z.ZodObject<{
         enabled: z.ZodDefault<z.ZodBoolean>;
@@ -767,27 +767,27 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
         inlineStylesheets?: "always" | "never" | "auto" | undefined;
     }>>>;
     server: z.ZodEffects<z.ZodDefault<z.ZodOptional<z.ZodObject<{
+        open: z.ZodDefault<z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>>;
         host: z.ZodDefault<z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>>;
         port: z.ZodDefault<z.ZodOptional<z.ZodNumber>>;
-        open: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
         headers: z.ZodOptional<z.ZodType<OutgoingHttpHeaders, z.ZodTypeDef, OutgoingHttpHeaders>>;
         streaming: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
     }, "strip", z.ZodTypeAny, {
         host: string | boolean;
         port: number;
-        open: boolean;
+        open: string | boolean;
         streaming: boolean;
         headers?: OutgoingHttpHeaders | undefined;
     }, {
+        open?: string | boolean | undefined;
         host?: string | boolean | undefined;
         port?: number | undefined;
-        open?: boolean | undefined;
         headers?: OutgoingHttpHeaders | undefined;
         streaming?: boolean | undefined;
     }>>>, {
         host: string | boolean;
         port: number;
-        open: boolean;
+        open: string | boolean;
         streaming: boolean;
         headers?: OutgoingHttpHeaders | undefined;
     }, unknown>;
@@ -809,7 +809,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
     server: {
         host: string | boolean;
         port: number;
-        open: boolean;
+        open: string | boolean;
         streaming: boolean;
         headers?: OutgoingHttpHeaders | undefined;
     };
@@ -875,7 +875,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
     } | undefined;
     prefetch?: boolean | {
         prefetchAll?: boolean | undefined;
-        defaultStrategy?: "tap" | "hover" | "viewport" | undefined;
+        defaultStrategy?: "tap" | "hover" | "viewport" | "load" | undefined;
     } | undefined;
     i18n?: {
         defaultLocale: string;
@@ -917,7 +917,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
     integrations?: unknown;
     prefetch?: boolean | {
         prefetchAll?: boolean | undefined;
-        defaultStrategy?: "tap" | "hover" | "viewport" | undefined;
+        defaultStrategy?: "tap" | "hover" | "viewport" | "load" | undefined;
     } | undefined;
     devToolbar?: {
         enabled?: boolean | undefined;
@@ -989,7 +989,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
     server: {
         host: string | boolean;
         port: number;
-        open: boolean;
+        open: string | boolean;
         streaming: boolean;
         headers?: OutgoingHttpHeaders | undefined;
     };
@@ -1055,7 +1055,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
     } | undefined;
     prefetch?: boolean | {
         prefetchAll?: boolean | undefined;
-        defaultStrategy?: "tap" | "hover" | "viewport" | undefined;
+        defaultStrategy?: "tap" | "hover" | "viewport" | "load" | undefined;
     } | undefined;
     i18n?: {
         defaultLocale: string;
@@ -1097,7 +1097,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
     integrations?: unknown;
     prefetch?: boolean | {
         prefetchAll?: boolean | undefined;
-        defaultStrategy?: "tap" | "hover" | "viewport" | undefined;
+        defaultStrategy?: "tap" | "hover" | "viewport" | "load" | undefined;
     } | undefined;
     devToolbar?: {
         enabled?: boolean | undefined;
@@ -1169,7 +1169,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
     server: {
         host: string | boolean;
         port: number;
-        open: boolean;
+        open: string | boolean;
         streaming: boolean;
         headers?: OutgoingHttpHeaders | undefined;
     };
@@ -1235,7 +1235,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
     } | undefined;
     prefetch?: boolean | {
         prefetchAll?: boolean | undefined;
-        defaultStrategy?: "tap" | "hover" | "viewport" | undefined;
+        defaultStrategy?: "tap" | "hover" | "viewport" | "load" | undefined;
     } | undefined;
     i18n?: {
         defaultLocale: string;
@@ -1277,7 +1277,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
     integrations?: unknown;
     prefetch?: boolean | {
         prefetchAll?: boolean | undefined;
-        defaultStrategy?: "tap" | "hover" | "viewport" | undefined;
+        defaultStrategy?: "tap" | "hover" | "viewport" | "load" | undefined;
     } | undefined;
     devToolbar?: {
         enabled?: boolean | undefined;

package/dist/core/config/schema.js

@@ -80,7 +80,7 @@ const AstroConfigSchema = z.object({
     (val) => typeof val === "function" ? val({ command: "error" }) : val,
     // validate
     z.object({
-      open: z.boolean().optional().default(ASTRO_CONFIG_DEFAULTS.server.open),
+      open: z.union([z.string(), z.boolean()]).optional().default(ASTRO_CONFIG_DEFAULTS.server.open),
       host: z.union([z.string(), z.boolean()]).optional().default(ASTRO_CONFIG_DEFAULTS.server.host),
       port: z.number().optional().default(ASTRO_CONFIG_DEFAULTS.server.port),
       headers: z.custom().optional()
@@ -108,7 +108,7 @@ const AstroConfigSchema = z.object({
     z.boolean(),
     z.object({
       prefetchAll: z.boolean().optional(),
-      defaultStrategy: z.enum(["tap", "hover", "viewport"]).optional()
+      defaultStrategy: z.enum(["tap", "hover", "viewport", "load"]).optional()
     })
   ]).optional(),
   image: z.object({
@@ -289,9 +289,9 @@ function createRelativeSchema(cmd, fileProtocolRoot) {
       },
       // validate
       z.object({
+        open: z.union([z.string(), z.boolean()]).optional().default(ASTRO_CONFIG_DEFAULTS.server.open),
         host: z.union([z.string(), z.boolean()]).optional().default(ASTRO_CONFIG_DEFAULTS.server.host),
         port: z.number().optional().default(ASTRO_CONFIG_DEFAULTS.server.port),
-        open: z.boolean().optional().default(ASTRO_CONFIG_DEFAULTS.server.open),
         headers: z.custom().optional(),
         streaming: z.boolean().optional().default(true)
       }).optional().default({})

package/dist/core/constants.js

@@ -1,4 +1,4 @@
-const ASTRO_VERSION = "4.0.9";
+const ASTRO_VERSION = "4.1.1";
 const SUPPORTED_MARKDOWN_FILE_EXTENSIONS = [
   ".markdown",
   ".mdown",

package/dist/core/cookies/cookies.d.ts

@@ -1,4 +1,4 @@
-interface AstroCookieSetOptions {
+export interface AstroCookieSetOptions {
     domain?: string;
     expires?: Date;
     httpOnly?: boolean;
@@ -6,6 +6,10 @@ interface AstroCookieSetOptions {
     path?: string;
     sameSite?: boolean | 'lax' | 'none' | 'strict';
     secure?: boolean;
+    encode?: (value: string) => string;
+}
+export interface AstroCookieGetOptions {
+    decode?: (value: string) => string;
 }
 type AstroCookieDeleteOptions = Pick<AstroCookieSetOptions, 'domain' | 'path'>;
 interface AstroCookieInterface {
@@ -44,14 +48,14 @@ declare class AstroCookies implements AstroCookiesInterface {
      * @param key The cookie to get.
      * @returns An object containing the cookie value as well as convenience methods for converting its value.
      */
-    get(key: string): AstroCookie | undefined;
+    get(key: string, options?: AstroCookieGetOptions | undefined): AstroCookie | undefined;
     /**
      * Astro.cookies.has(key) returns a boolean indicating whether this cookie is either
      * part of the initial request or set via Astro.cookies.set(key)
      * @param key The cookie to check for.
      * @returns
      */
-    has(key: string): boolean;
+    has(key: string, options?: AstroCookieGetOptions | undefined): boolean;
     /**
      * Astro.cookies.set(key, value) is used to set a cookie's value. If provided
      * an object it will be stringified via JSON.stringify(value). Additionally you

package/dist/core/cookies/cookies.js

@@ -62,7 +62,7 @@ class AstroCookies {
    * @param key The cookie to get.
    * @returns An object containing the cookie value as well as convenience methods for converting its value.
    */
-  get(key) {
+  get(key, options = void 0) {
     if (this.#outgoing?.has(key)) {
       let [serializedValue, , isSetValue] = this.#outgoing.get(key);
       if (isSetValue) {
@@ -71,7 +71,7 @@ class AstroCookies {
         return void 0;
       }
     }
-    const values = this.#ensureParsed();
+    const values = this.#ensureParsed(options);
     if (key in values) {
       const value = values[key];
       return new AstroCookie(value);
@@ -83,12 +83,12 @@ class AstroCookies {
    * @param key The cookie to check for.
    * @returns
    */
-  has(key) {
+  has(key, options = void 0) {
     if (this.#outgoing?.has(key)) {
       let [, , isSetValue] = this.#outgoing.get(key);
       return isSetValue;
     }
-    const values = this.#ensureParsed();
+    const values = this.#ensureParsed(options);
     return !!values[key];
   }
   /**
@@ -140,9 +140,9 @@ class AstroCookies {
       yield value[1];
     }
   }
-  #ensureParsed() {
+  #ensureParsed(options = void 0) {
     if (!this.#requestValues) {
-      this.#parse();
+      this.#parse(options);
     }
     if (!this.#requestValues) {
       this.#requestValues = {};
@@ -155,12 +155,12 @@ class AstroCookies {
     }
     return this.#outgoing;
   }
-  #parse() {
+  #parse(options = void 0) {
     const raw = this.#request.headers.get("cookie");
     if (!raw) {
       return;
     }
-    this.#requestValues = parse(raw);
+    this.#requestValues = parse(raw, options);
   }
 }
 export {

package/dist/core/cookies/index.d.ts

@@ -1,2 +1,3 @@
 export { AstroCookies } from './cookies.js';
 export { attachCookiesToResponse, getSetCookiesFromResponse, responseHasCookies, } from './response.js';
+export type { AstroCookieSetOptions, AstroCookieGetOptions } from './cookies.js';

package/dist/core/dev/container.js

@@ -26,9 +26,9 @@ async function createContainer({
   settings = injectImageEndpoint(settings, "dev");
   const {
     base,
-    server: { host, headers, open: shouldOpen }
+    server: { host, headers, open: serverOpen }
   } = settings.config;
-  const open = shouldOpen ? base : false;
+  const open = typeof serverOpen == "string" ? serverOpen : serverOpen ? base : false;
   const rendererClientEntries = settings.renderers.map((r) => r.clientEntrypoint).filter(Boolean);
   const viteConfig = await createVite(
     {

package/dist/core/dev/dev.js

@@ -6,7 +6,9 @@ import { telemetry } from "../../events/index.js";
 import * as msg from "../messages.js";
 import { startContainer } from "./container.js";
 import { createContainerWithAutomaticRestart } from "./restart.js";
+import { ensureProcessNodeEnv } from "../util.js";
 async function dev(inlineConfig) {
+  ensureProcessNodeEnv("development");
   const devStart = performance.now();
   await telemetry.record([]);
   const restart = await createContainerWithAutomaticRestart({ inlineConfig, fs });
@@ -21,7 +23,7 @@ async function dev(inlineConfig) {
       base: restart.container.settings.config.base
     })
   );
-  const currentVersion = "4.0.9";
+  const currentVersion = "4.1.1";
   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.0.9";
+  const version = "4.1.1";
   const localPrefix = `${dim("\u2503")} Local    `;
   const networkPrefix = `${dim("\u2503")} Network  `;
   const emptyPrefix = " ".repeat(11);
@@ -258,7 +258,7 @@ function printHelp({
     message.push(
       linebreak(),
       `  ${bgGreen(black(` ${commandName} `))} ${green(
-        `v${"4.0.9"}`
+        `v${"4.1.1"}`
       )} ${headline}`
     );
   }

package/dist/core/preview/index.js

@@ -1,3 +1,4 @@
+import fs from "node:fs";
 import { createRequire } from "node:module";
 import { fileURLToPath, pathToFileURL } from "node:url";
 import { AstroIntegrationLogger } from "../../core/logger/core.js";
@@ -9,7 +10,9 @@ import { createNodeLogger } from "../config/logging.js";
 import { createSettings } from "../config/settings.js";
 import createStaticPreviewServer from "./static-preview-server.js";
 import { getResolvedHostForHttpServer } from "./util.js";
+import { ensureProcessNodeEnv } from "../util.js";
 async function preview(inlineConfig) {
+  ensureProcessNodeEnv("production");
   const logger = createNodeLogger(inlineConfig);
   const { userConfig, astroConfig } = await resolveConfig(inlineConfig ?? {}, "preview");
   telemetry.record(eventCliSession("preview", userConfig));
@@ -21,6 +24,12 @@ async function preview(inlineConfig) {
   });
   await runHookConfigDone({ settings, logger });
   if (settings.config.output === "static") {
+    if (!fs.existsSync(settings.config.outDir)) {
+      const outDirPath = fileURLToPath(settings.config.outDir);
+      throw new Error(
+        `[preview] The output directory ${outDirPath} does not exist. Did you run \`astro build\`?`
+      );
+    }
     const server2 = await createStaticPreviewServer(settings, logger);
     return server2;
   }

package/dist/core/render/result.js

@@ -198,6 +198,7 @@ function createResult(args) {
     response,
     _metadata: {
       hasHydrationScript: false,
+      rendererSpecificHydrationScripts: /* @__PURE__ */ new Set(),
       hasRenderedHead: false,
       hasDirectives: /* @__PURE__ */ new Set(),
       headInTree: false,

package/dist/core/routing/manifest/create.js

@@ -224,7 +224,7 @@ function createRouteManifest({ settings, cwd, fsMod }, logger) {
       } else {
         components.push(item.file);
         const component = item.file;
-        const trailingSlash = item.isPage ? settings.config.trailingSlash : "never";
+        const { trailingSlash } = settings.config;
         const pattern = getPattern(segments, settings.config, trailingSlash);
         const generate = getRouteGenerator(segments, trailingSlash);
         const pathname = segments.every((segment) => segment.length === 1 && !segment[0].dynamic) ? `/${segments.map((segment) => segment[0].content).join("/")}` : null;

package/dist/core/sync/index.js

@@ -15,7 +15,9 @@ import { createNodeLogger } from "../config/logging.js";
 import { createSettings } from "../config/settings.js";
 import { createVite } from "../create-vite.js";
 import { AstroError, AstroErrorData, createSafeError, isAstroError } from "../errors/index.js";
+import { ensureProcessNodeEnv } from "../util.js";
 async function sync(inlineConfig, options) {
+  ensureProcessNodeEnv("production");
   const logger = createNodeLogger(inlineConfig);
   const { userConfig, astroConfig } = await resolveConfig(inlineConfig ?? {}, "sync");
   telemetry.record(eventCliSession("sync", userConfig));

package/dist/core/util.d.ts

@@ -50,3 +50,7 @@ export declare function resolveJsToTs(filePath: string): string;
  * Resolve the hydration paths so that it can be imported in the client
  */
 export declare function resolvePath(specifier: string, importer: string): string;
+/**
+ * Set a default NODE_ENV so Vite doesn't set an incorrect default when loading the Astro config
+ */
+export declare function ensureProcessNodeEnv(defaultNodeEnv: string): void;

package/dist/core/util.js

@@ -174,11 +174,17 @@ function resolvePath(specifier, importer) {
     return specifier;
   }
 }
+function ensureProcessNodeEnv(defaultNodeEnv) {
+  if (!process.env.NODE_ENV) {
+    process.env.NODE_ENV = defaultNodeEnv;
+  }
+}
 export {
   NULL_BYTE_PLACEHOLDER,
   VALID_ID_PREFIX,
   arraify,
   emoji,
+  ensureProcessNodeEnv,
   getOutputFilename,
   isEndpoint,
   isMarkdownFile,

package/dist/prefetch/index.js

@@ -17,6 +17,7 @@ function init(defaultOpts) {
   initTapStrategy();
   initHoverStrategy();
   initViewportStrategy();
+  initLoadStrategy();
 }
 function initTapStrategy() {
   for (const event of ["touchstart", "mousedown"]) {
@@ -111,6 +112,15 @@ function createViewportIntersectionObserver() {
     }
   });
 }
+function initLoadStrategy() {
+  onPageLoad(() => {
+    for (const anchor of document.getElementsByTagName("a")) {
+      if (elMatchesStrategy(anchor, "load")) {
+        prefetch(anchor.href, { with: "link" });
+      }
+    }
+  });
+}
 function prefetch(url, opts) {
   const ignoreSlowConnection = opts?.ignoreSlowConnection ?? false;
   if (!canPrefetchUrl(url, ignoreSlowConnection))
@@ -163,7 +173,7 @@ function elMatchesStrategy(el, strategy) {
 function isSlowConnection() {
   if ("connection" in navigator) {
     const conn = navigator.connection;
-    return conn.saveData || /(2|3)g/.test(conn.effectiveType);
+    return conn.saveData || /2g/.test(conn.effectiveType);
   }
   return false;
 }

package/dist/runtime/client/dev-overlay/plugins/audit/a11y.js

@@ -22,6 +22,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+import { aria, roles } from "aria-query";
+import { AXObjectRoles, elementAXObjects } from "axobject-query";
 const a11y_required_attributes = {
   a: ["href"],
   area: ["alt", "aria-label", "aria-labelledby"],
@@ -413,6 +415,58 @@ const a11y = [
     message: "This will move elements out of the expected tab order, creating a confusing experience for keyboard users.",
     selector: '[tabindex]:not([tabindex="-1"]):not([tabindex="0"])'
   },
+  {
+    code: "a11y-role-has-required-aria-props",
+    title: "Missing attributes required for ARIA role",
+    message: (element) => {
+      const { __astro_role: role, __astro_missing_attributes: required } = element;
+      return `${element.localName} element is missing required attributes for its role (${role}): ${required.join(", ")}`;
+    },
+    selector: "*",
+    match(element) {
+      const role = getRole(element);
+      if (!role)
+        return false;
+      if (is_semantic_role_element(role, element.localName, getAttributeObject(element))) {
+        return;
+      }
+      const { requiredProps } = roles.get(role);
+      const required_role_props = Object.keys(requiredProps);
+      const missingProps = required_role_props.filter((prop) => !element.hasAttribute(prop));
+      if (missingProps.length > 0) {
+        element.__astro_role = role;
+        element.__astro_missing_attributes = missingProps;
+        return true;
+      }
+    }
+  },
+  {
+    code: "a11y-role-supports-aria-props",
+    title: "Unsupported ARIA attribute",
+    message: (element) => {
+      const { __astro_role: role, __astro_unsupported_attributes: unsupported } = element;
+      return `${element.localName} element has ARIA attributes that are not supported by its role (${role}): ${unsupported.join(
+        ", "
+      )}`;
+    },
+    selector: "*",
+    match(element) {
+      const role = getRole(element);
+      if (!role)
+        return false;
+      const { props } = roles.get(role);
+      const attributes = getAttributeObject(element);
+      const unsupportedAttributes = aria.keys().filter((attribute) => !(attribute in props));
+      const invalidAttributes = Object.keys(attributes).filter(
+        (key) => key.startsWith("aria-") && unsupportedAttributes.includes(key)
+      );
+      if (invalidAttributes.length > 0) {
+        element.__astro_role = role;
+        element.__astro_unsupported_attributes = invalidAttributes;
+        return true;
+      }
+    }
+  },
   {
     code: "a11y-structure",
     title: "Invalid DOM structure",
@@ -447,6 +501,16 @@ const a11y = [
     }
   }
 ];
+const a11y_labelable = [
+  "button",
+  "input",
+  "keygen",
+  "meter",
+  "output",
+  "progress",
+  "select",
+  "textarea"
+];
 const a11y_non_interactive_element_to_interactive_role_exceptions = {
   ul: ["listbox", "menu", "menubar", "radiogroup", "tablist", "tree", "treegrid"],
   ol: ["listbox", "menu", "menubar", "radiogroup", "tablist", "tree", "treegrid"],
@@ -455,6 +519,68 @@ const a11y_non_interactive_element_to_interactive_role_exceptions = {
   td: ["gridcell"],
   fieldset: ["radiogroup", "presentation"]
 };
+const combobox_if_list = ["email", "search", "tel", "text", "url"];
+function input_implicit_role(attributes) {
+  if (!("type" in attributes))
+    return;
+  const { type, list } = attributes;
+  if (!type)
+    return;
+  if (list && combobox_if_list.includes(type)) {
+    return "combobox";
+  }
+  return input_type_to_implicit_role.get(type);
+}
+function menuitem_implicit_role(attributes) {
+  if (!("type" in attributes))
+    return;
+  const { type } = attributes;
+  if (!type)
+    return;
+  return menuitem_type_to_implicit_role.get(type);
+}
+function getRole(element) {
+  if (element.hasAttribute("role")) {
+    return element.getAttribute("role");
+  }
+  return getImplicitRole(element);
+}
+function getImplicitRole(element) {
+  const name = element.localName;
+  const attrs = getAttributeObject(element);
+  if (name === "menuitem") {
+    return menuitem_implicit_role(attrs);
+  } else if (name === "input") {
+    return input_implicit_role(attrs);
+  } else {
+    return a11y_implicit_semantics.get(name);
+  }
+}
+function getAttributeObject(element) {
+  let obj = {};
+  for (let i = 0; i < element.attributes.length; i++) {
+    const attribute = element.attributes.item(i);
+    obj[attribute.name] = attribute.value;
+  }
+  return obj;
+}
+function is_semantic_role_element(role, tag_name, attributes) {
+  for (const [schema, ax_object] of elementAXObjects.entries()) {
+    if (schema.name === tag_name && (!schema.attributes || schema.attributes.every((attr) => attributes[attr.name] === attr.value))) {
+      for (const name of ax_object) {
+        const axRoles = AXObjectRoles.get(name);
+        if (axRoles) {
+          for (const { name: _name } of axRoles) {
+            if (_name === role) {
+              return true;
+            }
+          }
+        }
+      }
+    }
+  }
+  return false;
+}
 export {
   a11y
 };

package/dist/runtime/client/visible.js

@@ -1,8 +1,12 @@
-const visibleDirective = (load, _options, el) => {
+const visibleDirective = (load, options, el) => {
   const cb = async () => {
     const hydrate = await load();
     await hydrate();
   };
+  const rawOptions = typeof options.value === "object" ? options.value : void 0;
+  const ioOptions = {
+    rootMargin: rawOptions?.rootMargin
+  };
   const io = new IntersectionObserver((entries) => {
     for (const entry of entries) {
       if (!entry.isIntersecting)
@@ -11,7 +15,7 @@ const visibleDirective = (load, _options, el) => {
       cb();
       break;
     }
-  });
+  }, ioOptions);
   for (const child of el.children) {
     io.observe(child);
   }

package/dist/runtime/client/visible.prebuilt.d.ts

@@ -3,5 +3,5 @@
  * Do not edit this directly, but instead edit that file and rerun the prebuild
  * to generate this file.
  */
-declare const _default: "(()=>{var r=(i,c,s)=>{let n=async()=>{await(await i())()},t=new IntersectionObserver(e=>{for(let o of e)if(o.isIntersecting){t.disconnect(),n();break}});for(let e of s.children)t.observe(e)};(self.Astro||(self.Astro={})).visible=r;window.dispatchEvent(new Event(\"astro:visible\"));})();";
+declare const _default: "(()=>{var l=(s,i,o)=>{let r=async()=>{await(await s())()},t=typeof i.value==\"object\"?i.value:void 0,c={rootMargin:t==null?void 0:t.rootMargin},n=new IntersectionObserver(e=>{for(let a of e)if(a.isIntersecting){n.disconnect(),r();break}},c);for(let e of o.children)n.observe(e)};(self.Astro||(self.Astro={})).visible=l;window.dispatchEvent(new Event(\"astro:visible\"));})();";
 export default _default;

package/dist/runtime/client/visible.prebuilt.js

@@ -1,4 +1,4 @@
-var visible_prebuilt_default = `(()=>{var r=(i,c,s)=>{let n=async()=>{await(await i())()},t=new IntersectionObserver(e=>{for(let o of e)if(o.isIntersecting){t.disconnect(),n();break}});for(let e of s.children)t.observe(e)};(self.Astro||(self.Astro={})).visible=r;window.dispatchEvent(new Event("astro:visible"));})();`;
+var visible_prebuilt_default = `(()=>{var l=(s,i,o)=>{let r=async()=>{await(await s())()},t=typeof i.value=="object"?i.value:void 0,c={rootMargin:t==null?void 0:t.rootMargin},n=new IntersectionObserver(e=>{for(let a of e)if(a.isIntersecting){n.disconnect(),r();break}},c);for(let e of o.children)n.observe(e)};(self.Astro||(self.Astro={})).visible=l;window.dispatchEvent(new Event("astro:visible"));})();`;
 export {
   visible_prebuilt_default as default
 };

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

@@ -39,6 +39,15 @@ function stringifyChunk(result, chunk) {
         }
         return renderAllHeadContent(result);
       }
+      case "renderer-hydration-script": {
+        const { rendererSpecificHydrationScripts } = result._metadata;
+        const { rendererName } = instruction;
+        if (!rendererSpecificHydrationScripts.has(rendererName)) {
+          rendererSpecificHydrationScripts.add(rendererName);
+          return instruction.render();
+        }
+        return "";
+      }
       default: {
         throw new Error(`Unknown chunk type: ${chunk.type}`);
       }

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

@@ -291,6 +291,15 @@ ${serializeProps(
         }
       }
       destination.write(createRenderInstruction({ type: "directive", hydration }));
+      if (hydration.directive !== "only" && renderer?.ssr.renderHydrationScript) {
+        destination.write(
+          createRenderInstruction({
+            type: "renderer-hydration-script",
+            rendererName: renderer.name,
+            render: renderer.ssr.renderHydrationScript
+          })
+        );
+      }
       destination.write(markHTMLString(renderElement("astro-island", island, false)));
     }
   };

package/dist/runtime/server/render/instruction.d.ts

@@ -6,11 +6,21 @@ export type RenderDirectiveInstruction = {
 export type RenderHeadInstruction = {
     type: 'head';
 };
+/**
+ * Render a renderer-specific hydration script before the first component of that
+ * framework
+ */
+export type RendererHydrationScriptInstruction = {
+    type: 'renderer-hydration-script';
+    rendererName: string;
+    render: () => string;
+};
 export type MaybeRenderHeadInstruction = {
     type: 'maybe-head';
 };
-export type RenderInstruction = RenderDirectiveInstruction | RenderHeadInstruction | MaybeRenderHeadInstruction;
+export type RenderInstruction = RenderDirectiveInstruction | RenderHeadInstruction | MaybeRenderHeadInstruction | RendererHydrationScriptInstruction;
 export declare function createRenderInstruction(instruction: RenderDirectiveInstruction): RenderDirectiveInstruction;
+export declare function createRenderInstruction(instruction: RendererHydrationScriptInstruction): RendererHydrationScriptInstruction;
 export declare function createRenderInstruction(instruction: RenderHeadInstruction): RenderHeadInstruction;
 export declare function createRenderInstruction(instruction: MaybeRenderHeadInstruction): MaybeRenderHeadInstruction;
 export declare function isRenderInstruction(chunk: any): chunk is RenderInstruction;

package/dist/transitions/router.js

@@ -114,8 +114,10 @@ function runScripts() {
   }
   return wait;
 }
-const moveToLocation = (to, from, options, historyState) => {
+const moveToLocation = (to, from, options, pageTitleForBrowserHistory, historyState) => {
   const intraPage = samePage(from, to);
+  const targetPageTitle = document.title;
+  document.title = pageTitleForBrowserHistory;
   let scrolledToTop = false;
   if (to.href !== location.href && !historyState) {
     if (options.history === "replace") {
@@ -148,7 +150,9 @@ const moveToLocation = (to, from, options, historyState) => {
   } else {
     if (to.hash) {
       history.scrollRestoration = "auto";
+      const savedState = history.state;
       location.href = to.href;
+      history.state || replaceState(savedState, "");
     } else {
       if (!scrolledToTop) {
         scrollTo({ left: 0, top: 0, behavior: "instant" });
@@ -156,6 +160,7 @@ const moveToLocation = (to, from, options, historyState) => {
     }
     history.scrollRestoration = "manual";
   }
+  document.title = targetPageTitle;
 };
 function preloadStyleLinks(newDocument) {
   const links = [];
@@ -279,8 +284,9 @@ async function updateDOM(preparationEvent, options, historyState, fallback) {
   } else {
     throw new DOMException("Transition was skipped");
   }
+  const pageTitleForBrowserHistory = document.title;
   const swapEvent = await doSwap(preparationEvent, viewTransition, defaultSwap);
-  moveToLocation(swapEvent.to, swapEvent.from, options, historyState);
+  moveToLocation(swapEvent.to, swapEvent.from, options, pageTitleForBrowserHistory, historyState);
   triggerEvent(TRANSITION_AFTER_SWAP);
   if (fallback === "animate" && !skipTransition) {
     animate("new").then(() => viewTransitionFinished());
@@ -296,7 +302,7 @@ async function transition(direction, from, to, options, historyState) {
     updateScrollPosition({ scrollX, scrollY });
   }
   if (samePage(from, to) && !!to.hash) {
-    moveToLocation(to, from, options, historyState);
+    moveToLocation(to, from, options, document.title, historyState);
     return;
   }
   const prepEvent = await doPreparation(

package/dist/vite-plugin-dev-overlay/vite-plugin-dev-overlay.js

@@ -3,6 +3,14 @@ const resolvedVirtualModuleId = "\0" + VIRTUAL_MODULE_ID;
 function astroDevOverlay({ settings }) {
   return {
     name: "astro:dev-overlay",
+    config() {
+      return {
+        optimizeDeps: {
+          // Optimize CJS dependencies used by the dev toolbar
+          include: ["astro > aria-query", "astro > axobject-query"]
+        }
+      };
+    },
     resolveId(id) {
       if (id === VIRTUAL_MODULE_ID) {
         return resolvedVirtualModuleId;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astro",
-  "version": "4.0.9",
+  "version": "4.1.1",
   "description": "Astro is a modern site builder with web best practices, performance, and DX front-of-mind.",
   "type": "module",
   "author": "withastro",
@@ -110,6 +110,8 @@
     "@babel/types": "^7.23.3",
     "@types/babel__core": "^7.20.4",
     "acorn": "^8.11.2",
+    "aria-query": "^5.3.0",
+    "axobject-query": "^4.0.0",
     "boxen": "^7.1.1",
     "chokidar": "^3.5.3",
     "ci-info": "^4.0.0",
@@ -169,6 +171,7 @@
   "devDependencies": {
     "@astrojs/check": "^0.3.1",
     "@playwright/test": "1.40.0",
+    "@types/aria-query": "^5.0.4",
     "@types/babel__generator": "^7.6.7",
     "@types/babel__traverse": "^7.20.4",
     "@types/chai": "^4.3.10",