astro 3.4.0 → 3.4.2

package/dist/runtime/client/dev-overlay/plugins/xray.js

@@ -7,7 +7,13 @@ var xray_default = {
   init(canvas) {
     let islandsOverlays = [];
     addIslandsOverlay();
+    document.addEventListener("astro:after-swap", addIslandsOverlay);
+    document.addEventListener("astro:page-load", refreshIslandsOverlayPositions);
     function addIslandsOverlay() {
+      islandsOverlays.forEach(({ highlightElement }) => {
+        highlightElement.remove();
+      });
+      islandsOverlays = [];
       const islands = document.querySelectorAll("astro-island");
       islands.forEach((island) => {
         const computedStyle = window.getComputedStyle(island);
@@ -23,16 +29,17 @@ var xray_default = {
         islandsOverlays.push({ highlightElement: highlight, island: islandElement });
       });
       ["scroll", "resize"].forEach((event) => {
-        window.addEventListener(event, () => {
-          islandsOverlays.forEach(({ highlightElement, island: islandElement }) => {
-            const newRect = islandElement.getBoundingClientRect();
-            positionHighlight(highlightElement, newRect);
-          });
-        });
+        window.addEventListener(event, refreshIslandsOverlayPositions);
+      });
+    }
+    function refreshIslandsOverlayPositions() {
+      islandsOverlays.forEach(({ highlightElement, island: islandElement }) => {
+        const rect = islandElement.getBoundingClientRect();
+        positionHighlight(highlightElement, rect);
       });
     }
     function buildIslandTooltip(island) {
-      const tooltip = document.createElement("astro-overlay-tooltip");
+      const tooltip = document.createElement("astro-dev-overlay-tooltip");
       tooltip.sections = [];
       const islandProps = island.getAttribute("props") ? JSON.parse(island.getAttribute("props")) : {};
       const islandClientDirective = island.getAttribute("client");

package/dist/runtime/client/dev-overlay/ui-library/tooltip.js

@@ -45,6 +45,11 @@ class DevOverlayTooltip extends HTMLElement {
 				padding: 8px;
 			}
 
+			.section-content {
+				max-height: 250px;
+    		overflow-y: auto;
+			}
+
 			.modal-title {
 				display: flex;
 				justify-content: space-between;
@@ -103,7 +108,7 @@ class DevOverlayTooltip extends HTMLElement {
       sectionElement.innerHTML = `
 				${section.title ? `<div class="modal-title"><span class="modal-main-title">
 						${section.icon ? this.getElementForIcon(section.icon) : ""}${section.title}</span>${section.inlineTitle ?? ""}</div>` : ""}
-				${section.content ? `<div>${section.content}</div>` : ""}
+				${section.content ? `<div class="section-content">${section.content}</div>` : ""}
 				${section.clickDescription ? `<span class="modal-cta">${section.clickDescription}</span>` : ""}
 			`;
       fragment.append(sectionElement);

package/dist/runtime/client/dev-overlay/ui-library/window.js

@@ -24,7 +24,7 @@ class DevOverlayWindow extends HTMLElement {
 					font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 					color: rgba(204, 206, 216, 1);
 					position: fixed;
-					z-index: 9999999999;
+					z-index: 999999999;
 					top: 55%;
 					left: 50%;
 					transform: translate(-50%, -50%);

package/dist/runtime/server/render/astro/instance.js

@@ -16,8 +16,15 @@ class AstroComponentInstance {
     this.factory = factory;
     this.slotValues = {};
     for (const name in slots) {
-      const value = slots[name](result);
-      this.slotValues[name] = () => value;
+      let didRender = false;
+      let value = slots[name](result);
+      this.slotValues[name] = () => {
+        if (!didRender) {
+          didRender = true;
+          return value;
+        }
+        return slots[name](result);
+      };
     }
   }
   async init(result) {

package/dist/transitions/router.js

@@ -9,10 +9,7 @@ const announce = () => {
   let div = document.createElement("div");
   div.setAttribute("aria-live", "assertive");
   div.setAttribute("aria-atomic", "true");
-  div.setAttribute(
-    "style",
-    "position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px"
-  );
+  div.className = "astro-route-announcer";
   document.body.append(div);
   setTimeout(
     () => {
@@ -362,9 +359,14 @@ if (inBrowser) {
 async function prepareForClientOnlyComponents(newDocument, toLocation) {
   if (newDocument.body.querySelector(`astro-island[client='only']`)) {
     const nextPage = document.createElement("iframe");
-    nextPage.setAttribute("src", toLocation.href);
+    nextPage.srcdoc = (newDocument.doctype ? "<!DOCTYPE html>" : "") + newDocument.documentElement.outerHTML;
     nextPage.style.display = "none";
     document.body.append(nextPage);
+    nextPage.contentWindow.console = Object.keys(console).reduce((acc, key) => {
+      acc[key] = () => {
+      };
+      return acc;
+    }, {});
     await hydrationDone(nextPage);
     const nextHead = nextPage.contentDocument?.head;
     if (nextHead) {
@@ -375,7 +377,7 @@ async function prepareForClientOnlyComponents(newDocument, toLocation) {
       viteIds.forEach((id) => {
         const style = document.head.querySelector(`style[${VITE_ID}="${id}"]`);
         if (style && !newDocument.head.querySelector(`style[${VITE_ID}="${id}"]`)) {
-          newDocument.head.appendChild(style);
+          newDocument.head.appendChild(style.cloneNode(true));
         }
       });
     }

package/dist/vite-plugin-astro-server/route.js

@@ -204,7 +204,7 @@ async function getScriptsAndStyles({ pipeline, filePath }) {
       scripts.add({
         props: {
           type: "module",
-          src: await resolveIdToUrl(moduleLoader, "astro/runtime/client/dev-overlay/overlay.js")
+          src: await resolveIdToUrl(moduleLoader, "astro/runtime/client/dev-overlay/entrypoint.js")
         },
         children: ""
       });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astro",
-  "version": "3.4.0",
+  "version": "3.4.2",
   "description": "Astro is a modern site builder with web best practices, performance, and DX front-of-mind.",
   "type": "module",
   "author": "withastro",
@@ -138,6 +138,7 @@
     "js-yaml": "^4.1.0",
     "kleur": "^4.1.4",
     "magic-string": "^0.30.3",
+    "mdast-util-to-hast": "12.3.0",
     "mime": "^3.0.0",
     "ora": "^7.0.1",
     "p-limit": "^4.0.0",
@@ -160,7 +161,7 @@
     "vitefu": "^0.2.4",
     "which-pm": "^2.1.1",
     "yargs-parser": "^21.1.1",
-    "zod": "3.21.1",
+    "zod": "^3.22.4",
     "@astrojs/internal-helpers": "0.2.1",
     "@astrojs/markdown-remark": "3.3.0",
     "@astrojs/telemetry": "3.0.4"