astro 4.5.8 → 4.5.10

package/astro-jsx.d.ts

@@ -526,7 +526,7 @@ declare namespace astroHTML.JSX {
 			| 'search'
 			| 'send'
 			| undefined
-		| null;
+			| null;
 		exportparts?: string | undefined | null;
 		hidden?: boolean | string | undefined | null;
 		id?: string | undefined | null;
@@ -584,6 +584,9 @@ declare namespace astroHTML.JSX {
 		results?: number | string | undefined | null;
 		security?: string | undefined | null;
 		unselectable?: 'on' | 'off' | undefined | null; // Internet Explorer
+
+		// Allow data- attribute
+		[key: `data-${string}`]: any;
 	}
 
 	type HTMLAttributeReferrerPolicy =
@@ -1344,6 +1347,9 @@ declare namespace astroHTML.JSX {
 		yChannelSelector?: string | undefined | null;
 		z?: number | string | undefined | null;
 		zoomAndPan?: string | undefined | null;
+
+		// Allow data- attribute
+		[key: `data-${string}`]: any;
 	}
 
 	interface DefinedIntrinsicElements {

package/components/Code.astro

@@ -80,7 +80,7 @@ const highlighter = await getCachedHighlighter({
 			? Object.keys(bundledLanguages).includes(lang)
 				? lang
 				: 'plaintext'
-			: lang,
+			: (lang as any),
 	],
 	theme,
 	themes,
@@ -89,7 +89,7 @@ const highlighter = await getCachedHighlighter({
 
 const html = highlighter.highlight(code, typeof lang === 'string' ? lang : lang.name, {
 	inline,
-	attributes: rest,
+	attributes: rest as any,
 });
 ---
 

package/components/Picture.astro

@@ -1,7 +1,7 @@
 ---
 import { getImage, type LocalImageProps, type RemoteImageProps } from 'astro:assets';
 import type { GetImageResult, ImageOutputFormat } from '../dist/@types/astro';
-import { isESMImportedImage } from '../dist/assets/utils/imageKind';
+import { isESMImportedImage, resolveSrc } from '../dist/assets/utils/imageKind';
 import { AstroError, AstroErrorData } from '../dist/core/errors/index.js';
 import type { HTMLAttributes } from '../types';
 
@@ -27,20 +27,27 @@ if (props.alt === undefined || props.alt === null) {
 	throw new AstroError(AstroErrorData.ImageMissingAlt);
 }
 
+const originalSrc = await resolveSrc(props.src);
 const optimizedImages: GetImageResult[] = await Promise.all(
 	formats.map(
 		async (format) =>
-			await getImage({ ...props, format: format, widths: props.widths, densities: props.densities })
+			await getImage({
+				...props,
+				src: originalSrc,
+				format: format,
+				widths: props.widths,
+				densities: props.densities,
+			})
 	)
 );
 
 let resultFallbackFormat = fallbackFormat ?? defaultFallbackFormat;
 if (
 	!fallbackFormat &&
-	isESMImportedImage(props.src) &&
-	specialFormatsFallback.includes(props.src.format)
+	isESMImportedImage(originalSrc) &&
+	originalSrc.format in specialFormatsFallback
 ) {
-	resultFallbackFormat = props.src.format;
+	resultFallbackFormat = originalSrc.format;
 }
 
 const fallbackImage = await getImage({

package/dist/assets/internal.js

@@ -1,7 +1,7 @@
 import { AstroError, AstroErrorData } from "../core/errors/index.js";
 import { DEFAULT_HASH_PROPS } from "./consts.js";
 import { isLocalService } from "./services/service.js";
-import { isESMImportedImage, isRemoteImage } from "./utils/imageKind.js";
+import { isESMImportedImage, isRemoteImage, resolveSrc } from "./utils/imageKind.js";
 import { probe } from "./utils/remoteProbe.js";
 async function getConfiguredImageService() {
   if (!globalThis?.astroAsset?.imageService) {
@@ -40,7 +40,7 @@ async function getImage(options, imageConfig) {
   const service = await getConfiguredImageService();
   const resolvedOptions = {
     ...options,
-    src: typeof options.src === "object" && "then" in options.src ? (await options.src).default ?? await options.src : options.src
+    src: await resolveSrc(options.src)
   };
   if (options.inferSize && isRemoteImage(resolvedOptions.src)) {
     try {

package/dist/assets/utils/imageKind.d.ts

@@ -1,3 +1,4 @@
-import type { ImageMetadata } from '../types.js';
+import type { ImageMetadata, UnresolvedImageTransform } from '../types.js';
 export declare function isESMImportedImage(src: ImageMetadata | string): src is ImageMetadata;
 export declare function isRemoteImage(src: ImageMetadata | string): src is string;
+export declare function resolveSrc(src: UnresolvedImageTransform['src']): Promise<string | ImageMetadata>;

package/dist/assets/utils/imageKind.js

@@ -4,7 +4,11 @@ function isESMImportedImage(src) {
 function isRemoteImage(src) {
   return typeof src === "string";
 }
+async function resolveSrc(src) {
+  return typeof src === "object" && "then" in src ? (await src).default ?? await src : src;
+}
 export {
   isESMImportedImage,
-  isRemoteImage
+  isRemoteImage,
+  resolveSrc
 };

package/dist/assets/vite-plugin-assets.js

@@ -57,12 +57,18 @@ function assets({
 					export { default as Picture } from "astro/components/Picture.astro";
 
 					export const imageConfig = ${JSON.stringify(settings.config.image)};
-					export const outDir = new URL(${JSON.stringify(
+					// This is used by the @astrojs/node integration to locate images.
+					// It's unused on other platforms, but on some platforms like Netlify (and presumably also Vercel)
+					// new URL("dist/...") is interpreted by the bundler as a signal to include that directory
+					// in the Lambda bundle, which would bloat the bundle with images.
+					// To prevent this, we mark the URL construction as pure,
+					// so that it's tree-shaken away for all platforms that don't need it.
+					export const outDir = /* #__PURE__ */ new URL(${JSON.stringify(
             new URL(
               isServerLikeOutput(settings.config) ? settings.config.build.client : settings.config.outDir
             )
           )});
-					export const assetsDir = new URL(${JSON.stringify(settings.config.build.assets)}, outDir);
+					export const assetsDir = /* #__PURE__ */ new URL(${JSON.stringify(settings.config.build.assets)}, outDir);
 					export const getImage = async (options) => await getImageInternal(options, imageConfig);
 				`;
         }

package/dist/content/vite-plugin-content-assets.js

@@ -1,7 +1,7 @@
 import { extname } from "node:path";
 import { pathToFileURL } from "node:url";
 import { getAssetsPrefix } from "../assets/utils/getAssetsPrefix.js";
-import { moduleIsTopLevelPage, walkParentInfos } from "../core/build/graph.js";
+import { getParentModuleInfos, moduleIsTopLevelPage } from "../core/build/graph.js";
 import { getPageDataByViteID } from "../core/build/internal.js";
 import { createViteLoader } from "../core/module-loader/vite.js";
 import { joinPaths, prependForwardSlash } from "../core/path.js";
@@ -147,7 +147,7 @@ function astroConfigBuildPlugin(options, internals) {
               }
             } else {
               for (const id of Object.keys(chunk.modules)) {
-                for (const [pageInfo] of walkParentInfos(id, ssrPluginContext)) {
+                for (const pageInfo of getParentModuleInfos(id, ssrPluginContext)) {
                   if (moduleIsTopLevelPage(pageInfo)) {
                     const pageViteID = pageInfo.id;
                     const pageData = getPageDataByViteID(internals, pageViteID);

package/dist/core/build/css-asset-name.js

@@ -1,13 +1,13 @@
 import crypto from "node:crypto";
 import npath from "node:path";
 import { viteID } from "../util.js";
-import { getTopLevelPages } from "./graph.js";
+import { getTopLevelPageModuleInfos } from "./graph.js";
 const confusingBaseNames = ["404", "500"];
 function shortHashedName(id, ctx) {
-  const parents = Array.from(getTopLevelPages(id, ctx));
+  const parents = getTopLevelPageModuleInfos(id, ctx);
   return createNameHash(
     getFirstParentId(parents),
-    parents.map(([page]) => page.id)
+    parents.map((page) => page.id)
   );
 }
 function createNameHash(baseId, hashIds) {
@@ -26,8 +26,8 @@ function createSlugger(settings) {
   const map = /* @__PURE__ */ new Map();
   const sep = "-";
   return function(id, ctx) {
-    const parents = Array.from(getTopLevelPages(id, ctx));
-    const allParentsKey = parents.map(([page]) => page.id).sort().join("-");
+    const parents = Array.from(getTopLevelPageModuleInfos(id, ctx));
+    const allParentsKey = parents.map((page) => page.id).sort().join("-");
     const firstParentId = getFirstParentId(parents) || indexPage;
     let dir = firstParentId;
     let key = "";
@@ -62,13 +62,13 @@ function createSlugger(settings) {
 }
 function getFirstParentId(parents) {
   for (const parent of parents) {
-    const id = parent[0].id;
+    const id = parent.id;
     const baseName = npath.parse(id).name;
     if (!confusingBaseNames.includes(baseName)) {
       return id;
     }
   }
-  return parents[0]?.[0].id;
+  return parents[0]?.id;
 }
 const charsToReplaceRe = /[.[\]]/g;
 const underscoresRe = /_+/g;

package/dist/core/build/graph.d.ts

@@ -1,8 +1,17 @@
 import type { GetModuleInfo, ModuleInfo } from 'rollup';
-export declare function walkParentInfos(id: string, ctx: {
+interface ExtendedModuleInfo {
+    info: ModuleInfo;
+    depth: number;
+    order: number;
+}
+export declare function getParentExtendedModuleInfos(id: string, ctx: {
     getModuleInfo: GetModuleInfo;
-}, until?: (importer: string) => boolean, depth?: number, order?: number, seen?: Set<string>, childId?: string): Generator<[ModuleInfo, number, number], void, unknown>;
+}, until?: (importer: string) => boolean, depth?: number, order?: number, childId?: string, seen?: Set<string>, accumulated?: ExtendedModuleInfo[]): ExtendedModuleInfo[];
+export declare function getParentModuleInfos(id: string, ctx: {
+    getModuleInfo: GetModuleInfo;
+}, until?: (importer: string) => boolean, seen?: Set<string>, accumulated?: ModuleInfo[]): ModuleInfo[];
 export declare function moduleIsTopLevelPage(info: ModuleInfo): boolean;
-export declare function getTopLevelPages(id: string, ctx: {
+export declare function getTopLevelPageModuleInfos(id: string, ctx: {
     getModuleInfo: GetModuleInfo;
-}): Generator<[ModuleInfo, number, number], void, unknown>;
+}): ModuleInfo[];
+export {};

package/dist/core/build/graph.js

@@ -1,5 +1,5 @@
 import { ASTRO_PAGE_RESOLVED_MODULE_ID } from "./plugins/plugin-pages.js";
-function* walkParentInfos(id, ctx, until, depth = 0, order = 0, seen = /* @__PURE__ */ new Set(), childId = "") {
+function getParentExtendedModuleInfos(id, ctx, until, depth = 0, order = 0, childId = "", seen = /* @__PURE__ */ new Set(), accumulated = []) {
   seen.add(id);
   const info = ctx.getModuleInfo(id);
   if (info) {
@@ -12,30 +12,43 @@ function* walkParentInfos(id, ctx, until, depth = 0, order = 0, seen = /* @__PUR
         order += idx;
       }
     }
-    yield [info, depth, order];
+    accumulated.push({ info, depth, order });
   }
-  if (until?.(id))
-    return;
-  const importers = (info?.importers || []).concat(info?.dynamicImporters || []);
-  for (const imp of importers) {
-    if (seen.has(imp)) {
-      continue;
+  if (info && !until?.(id)) {
+    const importers = info.importers.concat(info.dynamicImporters);
+    for (const imp of importers) {
+      if (!seen.has(imp)) {
+        getParentExtendedModuleInfos(imp, ctx, until, depth + 1, order, id, seen, accumulated);
+      }
     }
-    yield* walkParentInfos(imp, ctx, until, depth + 1, order, seen, id);
   }
+  return accumulated;
+}
+function getParentModuleInfos(id, ctx, until, seen = /* @__PURE__ */ new Set(), accumulated = []) {
+  seen.add(id);
+  const info = ctx.getModuleInfo(id);
+  if (info) {
+    accumulated.push(info);
+  }
+  if (info && !until?.(id)) {
+    const importers = info.importers.concat(info.dynamicImporters);
+    for (const imp of importers) {
+      if (!seen.has(imp)) {
+        getParentModuleInfos(imp, ctx, until, seen, accumulated);
+      }
+    }
+  }
+  return accumulated;
 }
 function moduleIsTopLevelPage(info) {
   return info.importers[0]?.includes(ASTRO_PAGE_RESOLVED_MODULE_ID) || info.dynamicImporters[0]?.includes(ASTRO_PAGE_RESOLVED_MODULE_ID);
 }
-function* getTopLevelPages(id, ctx) {
-  for (const res of walkParentInfos(id, ctx)) {
-    if (moduleIsTopLevelPage(res[0])) {
-      yield res;
-    }
-  }
+function getTopLevelPageModuleInfos(id, ctx) {
+  return getParentModuleInfos(id, ctx).filter(moduleIsTopLevelPage);
 }
 export {
-  getTopLevelPages,
-  moduleIsTopLevelPage,
-  walkParentInfos
+  getParentExtendedModuleInfos,
+  getParentModuleInfos,
+  getTopLevelPageModuleInfos,
+  moduleIsTopLevelPage
 };

package/dist/core/build/plugins/plugin-analyzer.js

@@ -1,6 +1,10 @@
 import { PROPAGATED_ASSET_FLAG } from "../../../content/consts.js";
 import { prependForwardSlash } from "../../../core/path.js";
-import { getTopLevelPages, moduleIsTopLevelPage, walkParentInfos } from "../graph.js";
+import {
+  getParentModuleInfos,
+  getTopLevelPageModuleInfos,
+  moduleIsTopLevelPage
+} from "../graph.js";
 import { getPageDataByViteID, trackClientOnlyPageDatas } from "../internal.js";
 function isPropagatedAsset(id) {
   try {
@@ -21,11 +25,9 @@ function vitePluginAnalyzer(options, internals) {
           hoistedScripts.add(hid);
         }
         if (hoistedScripts.size) {
-          for (const [parentInfo] of walkParentInfos(from, this, function until(importer) {
-            return isPropagatedAsset(importer);
-          })) {
+          for (const parentInfo of getParentModuleInfos(from, this, isPropagatedAsset)) {
             if (isPropagatedAsset(parentInfo.id)) {
-              for (const [nestedParentInfo] of walkParentInfos(from, this)) {
+              for (const nestedParentInfo of getParentModuleInfos(from, this)) {
                 if (moduleIsTopLevelPage(nestedParentInfo)) {
                   for (const hid of hoistedScripts) {
                     if (!pageScripts.has(nestedParentInfo.id)) {
@@ -131,7 +133,7 @@ function vitePluginAnalyzer(options, internals) {
               clientOnlys.push(resolvedId.id);
             }
           }
-          for (const [pageInfo] of getTopLevelPages(id, this)) {
+          for (const pageInfo of getTopLevelPageModuleInfos(id, this)) {
             const newPageData = getPageDataByViteID(internals, pageInfo.id);
             if (!newPageData)
               continue;

package/dist/core/build/plugins/plugin-css.js

@@ -1,7 +1,11 @@
 import { isBuildableCSSRequest } from "../../../vite-plugin-astro-server/util.js";
 import { PROPAGATED_ASSET_FLAG } from "../../../content/consts.js";
 import * as assetName from "../css-asset-name.js";
-import { moduleIsTopLevelPage, walkParentInfos } from "../graph.js";
+import {
+  getParentExtendedModuleInfos,
+  getParentModuleInfos,
+  moduleIsTopLevelPage
+} from "../graph.js";
 import {
   eachPageData,
   getPageDataByViteID,
@@ -46,9 +50,8 @@ function rollupPluginAstroBuildCSS(options) {
             if (options.target === "client") {
               return internals.cssModuleToChunkIdMap.get(id);
             }
-            for (const [pageInfo] of walkParentInfos(id, {
-              getModuleInfo: meta.getModuleInfo
-            })) {
+            const ctx = { getModuleInfo: meta.getModuleInfo };
+            for (const pageInfo of getParentModuleInfos(id, ctx)) {
               if (new URL(pageInfo.id, "file://").searchParams.has(PROPAGATED_ASSET_FLAG)) {
                 const chunkId2 = assetName.createNameHash(id, [id]);
                 internals.cssModuleToChunkIdMap.set(id, chunkId2);
@@ -87,7 +90,7 @@ function rollupPluginAstroBuildCSS(options) {
           }
         }
         for (const id of Object.keys(chunk.modules)) {
-          for (const [pageInfo, depth, order] of walkParentInfos(
+          for (const { info: pageInfo, depth, order } of getParentExtendedModuleInfos(
             id,
             this,
             function until(importer) {
@@ -95,8 +98,7 @@ function rollupPluginAstroBuildCSS(options) {
             }
           )) {
             if (new URL(pageInfo.id, "file://").searchParams.has(PROPAGATED_ASSET_FLAG)) {
-              for (const parent of walkParentInfos(id, this)) {
-                const parentInfo = parent[0];
+              for (const parentInfo of getParentModuleInfos(id, this)) {
                 if (moduleIsTopLevelPage(parentInfo) === false)
                   continue;
                 const pageViteID = parentInfo.id;
@@ -216,7 +218,7 @@ function rollupPluginAstroBuildCSS(options) {
   return [cssBuildPlugin, cssScopeToPlugin, singleCssPlugin, inlineStylesheetsPlugin];
 }
 function* getParentClientOnlys(id, ctx, internals) {
-  for (const [info] of walkParentInfos(id, ctx)) {
+  for (const info of getParentModuleInfos(id, ctx)) {
     yield* getPageDatasByClientOnlyID(internals, info.id);
   }
 }

package/dist/core/constants.js

@@ -1,4 +1,4 @@
-const ASTRO_VERSION = "4.5.8";
+const ASTRO_VERSION = "4.5.10";
 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.8";
+  const currentVersion = "4.5.10";
   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.8";
+  const version = "4.5.10";
   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.8"}`
+        `v${"4.5.10"}`
       )} ${headline}`
     );
   }

package/dist/runtime/server/jsx.js

@@ -9,25 +9,7 @@ import {
 } from "./index.js";
 import { renderComponentToString } from "./render/component.js";
 const ClientOnlyPlaceholder = "astro-client-only";
-class Skip {
-  constructor(vnode) {
-    this.vnode = vnode;
-    this.count = 0;
-  }
-  count;
-  increment() {
-    this.count++;
-  }
-  haveNoTried() {
-    return this.count === 0;
-  }
-  isCompleted() {
-    return this.count > 2;
-  }
-  static symbol = Symbol("astro:jsx:skip");
-}
-let originalConsoleError;
-let consoleFilterRefs = 0;
+const hasTriedRenderComponentSymbol = Symbol("hasTriedRenderComponent");
 async function renderJSX(result, vnode) {
   switch (true) {
     case vnode instanceof HTMLString:
@@ -46,19 +28,9 @@ async function renderJSX(result, vnode) {
         (await Promise.all(vnode.map((v) => renderJSX(result, v)))).join("")
       );
   }
-  let skip;
-  if (vnode.props) {
-    if (vnode.props[Skip.symbol]) {
-      skip = vnode.props[Skip.symbol];
-    } else {
-      skip = new Skip(vnode);
-    }
-  } else {
-    skip = new Skip(vnode);
-  }
-  return renderJSXVNode(result, vnode, skip);
+  return renderJSXVNode(result, vnode);
 }
-async function renderJSXVNode(result, vnode, skip) {
+async function renderJSXVNode(result, vnode) {
   if (isVNode(vnode)) {
     switch (true) {
       case !vnode.type: {
@@ -106,36 +78,20 @@ Did you forget to import the component or is it possible there is a typo?`);
         _slots.default.push(child);
       };
       var extractSlots = extractSlots2;
-      if (typeof vnode.type === "function" && vnode.type["astro:renderer"]) {
-        skip.increment();
-      }
       if (typeof vnode.type === "function" && vnode.props["server:root"]) {
         const output2 = await vnode.type(vnode.props ?? {});
         return await renderJSX(result, output2);
       }
       if (typeof vnode.type === "function") {
-        if (skip.haveNoTried() || skip.isCompleted()) {
-          useConsoleFilter();
-          try {
-            const output2 = await vnode.type(vnode.props ?? {});
-            let renderResult;
-            if (output2?.[AstroJSX]) {
-              renderResult = await renderJSXVNode(result, output2, skip);
-              return renderResult;
-            } else if (!output2) {
-              renderResult = await renderJSXVNode(result, output2, skip);
-              return renderResult;
-            }
-          } catch (e) {
-            if (skip.isCompleted()) {
-              throw e;
-            }
-            skip.increment();
-          } finally {
-            finishUsingConsoleFilter();
+        if (vnode.props[hasTriedRenderComponentSymbol]) {
+          const output2 = await vnode.type(vnode.props ?? {});
+          if (output2?.[AstroJSX] || !output2) {
+            return await renderJSXVNode(result, output2);
+          } else {
+            return;
           }
         } else {
-          skip.increment();
+          vnode.props[hasTriedRenderComponentSymbol] = true;
         }
       }
       const { children = null, ...props } = vnode.props ?? {};
@@ -161,7 +117,6 @@ Did you forget to import the component or is it possible there is a typo?`);
         );
       }
       await Promise.all(slotPromises);
-      props[Skip.symbol] = skip;
       let output;
       if (vnode.type === ClientOnlyPlaceholder && vnode.props["client:only"]) {
         output = await renderComponentToString(
@@ -199,27 +154,6 @@ function prerenderElementChildren(tag, children) {
     return children;
   }
 }
-function useConsoleFilter() {
-  consoleFilterRefs++;
-  if (!originalConsoleError) {
-    originalConsoleError = console.error;
-    try {
-      console.error = filteredConsoleError;
-    } catch (error) {
-    }
-  }
-}
-function finishUsingConsoleFilter() {
-  consoleFilterRefs--;
-}
-function filteredConsoleError(msg, ...rest) {
-  if (consoleFilterRefs > 0 && typeof msg === "string") {
-    const isKnownReactHookError = msg.includes("Warning: Invalid hook call.") && msg.includes("https://reactjs.org/link/invalid-hook-call");
-    if (isKnownReactHookError)
-      return;
-  }
-  originalConsoleError(msg, ...rest);
-}
 export {
   renderJSX
 };

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

@@ -382,17 +382,15 @@ async function renderComponentToString(result, displayName, Component, props, sl
   let str = "";
   let renderedFirstPageChunk = false;
   let head = "";
-  if (nonAstroPageNeedsHeadInjection(Component)) {
-    for (const headChunk of maybeRenderHead()) {
-      head += chunkToString(result, headChunk);
-    }
+  if (isPage && !result.partial && nonAstroPageNeedsHeadInjection(Component)) {
+    head += chunkToString(result, maybeRenderHead());
   }
   try {
     const destination = {
       write(chunk) {
-        if (isPage && !renderedFirstPageChunk) {
+        if (isPage && !result.partial && !renderedFirstPageChunk) {
           renderedFirstPageChunk = true;
-          if (!result.partial && !/<!doctype html/i.test(String(chunk))) {
+          if (!/<!doctype html/i.test(String(chunk))) {
             const doctype = result.compressHTML ? "<!DOCTYPE html>" : "<!DOCTYPE html>\n";
             str += doctype + head;
           }

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

@@ -1,5 +1,5 @@
 import type { SSRResult } from '../../../@types/astro.js';
 import type { MaybeRenderHeadInstruction, RenderHeadInstruction } from './instruction.js';
 export declare function renderAllHeadContent(result: SSRResult): any;
-export declare function renderHead(): Generator<RenderHeadInstruction>;
-export declare function maybeRenderHead(): Generator<MaybeRenderHeadInstruction>;
+export declare function renderHead(): RenderHeadInstruction;
+export declare function maybeRenderHead(): MaybeRenderHeadInstruction;

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

@@ -24,11 +24,11 @@ function renderAllHeadContent(result) {
   }
   return markHTMLString(content);
 }
-function* renderHead() {
-  yield createRenderInstruction({ type: "head" });
+function renderHead() {
+  return createRenderInstruction({ type: "head" });
 }
-function* maybeRenderHead() {
-  yield createRenderInstruction({ type: "maybe-head" });
+function maybeRenderHead() {
+  return createRenderInstruction({ type: "maybe-head" });
 }
 export {
   maybeRenderHead,

package/dist/transitions/router.js

@@ -463,12 +463,11 @@ async function prepareForClientOnlyComponents(newDocument, toLocation) {
     await hydrationDone(nextPage);
     const nextHead = nextPage.contentDocument?.head;
     if (nextHead) {
-      document.head.querySelectorAll(`style[${PERSIST_ATTR}=""]`).forEach((s) => s.removeAttribute(PERSIST_ATTR));
       const viteIds = [...nextHead.querySelectorAll(`style[${VITE_ID}]`)].map(
         (style) => style.getAttribute(VITE_ID)
       );
       viteIds.forEach((id) => {
-        const style = document.head.querySelector(`style[${VITE_ID}="${id}"]`);
+        const style = nextHead.querySelector(`style[${VITE_ID}="${id}"]`);
         if (style && !newDocument.head.querySelector(`style[${VITE_ID}="${id}"]`)) {
           newDocument.head.appendChild(style.cloneNode(true));
         }

package/dist/vite-plugin-head/index.js

@@ -1,4 +1,4 @@
-import { getTopLevelPages, walkParentInfos } from "../core/build/graph.js";
+import { getParentModuleInfos, getTopLevelPageModuleInfos } from "../core/build/graph.js";
 import { getAstroMetadata } from "../vite-plugin-astro/index.js";
 const injectExp = /(?:^\/\/|\/\/!)\s*astro-head-inject/;
 function configHeadVitePlugin() {
@@ -97,13 +97,13 @@ function astroHeadBuildPlugin(internals) {
                   if (modinfo) {
                     const meta = getAstroMetadata(modinfo);
                     if (meta?.containsHead) {
-                      for (const [pageInfo] of getTopLevelPages(id, this)) {
+                      for (const pageInfo of getTopLevelPageModuleInfos(id, this)) {
                         let metadata = getOrCreateMetadata(pageInfo.id);
                         metadata.containsHead = true;
                       }
                     }
                     if (meta?.propagation === "self") {
-                      for (const [info] of walkParentInfos(id, this)) {
+                      for (const info of getParentModuleInfos(id, this)) {
                         let metadata = getOrCreateMetadata(info.id);
                         if (metadata.propagation !== "self") {
                           metadata.propagation = "in-tree";
@@ -112,7 +112,7 @@ function astroHeadBuildPlugin(internals) {
                     }
                   }
                   if (mod.code && injectExp.test(mod.code)) {
-                    for (const [info] of walkParentInfos(id, this)) {
+                    for (const info of getParentModuleInfos(id, this)) {
                       getOrCreateMetadata(info.id).propagation = "in-tree";
                     }
                   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astro",
-  "version": "4.5.8",
+  "version": "4.5.10",
   "description": "Astro is a modern site builder with web best practices, performance, and DX front-of-mind.",
   "type": "module",
   "author": "withastro",
@@ -162,8 +162,8 @@
     "zod": "^3.22.4",
     "zod-to-json-schema": "^3.22.4",
     "@astrojs/internal-helpers": "0.3.0",
-    "@astrojs/markdown-remark": "4.3.1",
-    "@astrojs/telemetry": "3.0.4"
+    "@astrojs/telemetry": "3.0.4",
+    "@astrojs/markdown-remark": "4.3.2"
   },
   "optionalDependencies": {
     "sharp": "^0.32.6"

package/types.d.ts

@@ -4,6 +4,7 @@ import type { Simplify } from './dist/type-utils.js';
 
 /** Any supported HTML or SVG element name, as defined by the HTML specification */
 export type HTMLTag = keyof astroHTML.JSX.DefinedIntrinsicElements;
+
 /** The built-in attributes for any known HTML or SVG element name */
 export type HTMLAttributes<Tag extends HTMLTag> = Omit<
 	astroHTML.JSX.IntrinsicElements[Tag],
@@ -15,9 +16,10 @@ export type HTMLAttributes<Tag extends HTMLTag> = Omit<
  */
 export type CSSProperty = keyof astroHTML.JSX.KebabCSSDOMProperties;
 
-type PolymorphicAttributes<P extends { as: HTMLTag }> = Omit<P & HTMLAttributes<P['as']>, 'as'> & {
+type PolymorphicAttributes<P extends { as: HTMLTag }> = Omit<P, 'as'> & {
 	as?: P['as'];
-};
+} & HTMLAttributes<P['as']>;
+
 export type Polymorphic<P extends { as: HTMLTag }> = PolymorphicAttributes<
 	Omit<P, 'as'> & { as: NonNullable<P['as']> }
 >;