astro 2.10.5 → 2.10.7

package/components/ViewTransitions.astro

@@ -63,9 +63,16 @@ const { fallback = 'animate' } = Astro.props as Props;
 		return 'animate';
 	}
 
+	function markScriptsExec() {
+		for (const script of document.scripts) {
+			script.dataset.astroExec = '';
+		}
+	}
+
 	function runScripts() {
 		let wait = Promise.resolve();
 		for (const script of Array.from(document.scripts)) {
+			if (script.dataset.astroExec === '') continue;
 			const s = document.createElement('script');
 			s.innerHTML = script.innerHTML;
 			for (const attr of script.attributes) {
@@ -77,6 +84,7 @@ const { fallback = 'animate' } = Astro.props as Props;
 				}
 				s.setAttribute(attr.name, attr.value);
 			}
+			s.dataset.astroExec = '';
 			script.replaceWith(s);
 		}
 		return wait;
@@ -100,6 +108,19 @@ const { fallback = 'animate' } = Astro.props as Props;
 				const href = el.getAttribute('href');
 				return doc.head.querySelector(`link[rel=stylesheet][href="${href}"]`);
 			}
+			if (el.tagName === 'SCRIPT') {
+				let s1 = el as HTMLScriptElement;
+				for (const s2 of doc.scripts) {
+					if (
+						// Inline
+						(s1.textContent && s1.textContent === s2.textContent) ||
+						// External
+						(s1.type === s2.type && s1.src === s2.src)
+					) {
+						return s2;
+					}
+				}
+			}
 			return null;
 		};
 
@@ -132,6 +153,10 @@ const { fallback = 'animate' } = Astro.props as Props;
 				}
 			}
 
+			if (state?.scrollY === 0 && location.hash) {
+				const id = decodeURIComponent(location.hash.slice(1));
+				state.scrollY = document.getElementById(id)?.offsetTop || 0;
+			}
 			if (state?.scrollY != null) {
 				scrollTo(0, state.scrollY);
 			}
@@ -203,6 +228,7 @@ const { fallback = 'animate' } = Astro.props as Props;
 		} finally {
 			document.documentElement.removeAttribute('data-astro-transition');
 			await runScripts();
+			markScriptsExec();
 			onload();
 		}
 	}
@@ -221,6 +247,8 @@ const { fallback = 'animate' } = Astro.props as Props;
 	}
 
 	if (supportsViewTransitions || getFallback() !== 'none') {
+		markScriptsExec();
+
 		document.addEventListener('click', (ev) => {
 			let link = ev.target;
 			if (link instanceof Element && link.tagName !== 'A') {
@@ -235,7 +263,10 @@ const { fallback = 'animate' } = Astro.props as Props;
 				link.href &&
 				(!link.target || link.target === '_self') &&
 				link.origin === location.origin &&
-				!link.hash &&
+				!(
+					// Same page means same path and same query params
+					(location.pathname === link.pathname && location.search === link.search)
+				) &&
 				ev.button === 0 && // left clicks only
 				!ev.metaKey && // new tab (mac)
 				!ev.ctrlKey && // new tab (windows)

package/dist/content/runtime.js

@@ -49,7 +49,7 @@ function createGetCollection({
     );
     let entries = [];
     if (import.meta.env.PROD && cacheEntriesByCollection.has(collection)) {
-      entries = cacheEntriesByCollection.get(collection);
+      entries = [...cacheEntriesByCollection.get(collection)];
     } else {
       entries = await Promise.all(
         lazyImports.map(async (lazyImport) => {

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

@@ -42,7 +42,7 @@ function vitePluginMiddleware(opts, internals) {
         if (chunk.type === "asset") {
           continue;
         }
-        if (chunk.fileName === "middleware.mjs") {
+        if (chunk.fileName === "middleware.mjs" && opts.settings.config.build.excludeMiddleware) {
           internals.middlewareEntryPoint = new URL(chunkName, opts.settings.config.build.server);
         }
       }

package/dist/core/constants.js

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

package/dist/core/dev/dev.js

@@ -23,7 +23,7 @@ async function dev(inlineConfig) {
       base: restart.container.settings.config.base
     })
   );
-  const currentVersion = "2.10.5";
+  const currentVersion = "2.10.7";
   if (currentVersion.includes("-")) {
     warn(logging, null, msg.prerelease({ currentVersion }));
   }

package/dist/core/messages.js

@@ -47,7 +47,7 @@ function serverStart({
   base,
   isRestart = false
 }) {
-  const version = "2.10.5";
+  const version = "2.10.7";
   const localPrefix = `${dim("\u2503")} Local    `;
   const networkPrefix = `${dim("\u2503")} Network  `;
   const emptyPrefix = " ".repeat(11);
@@ -233,7 +233,7 @@ function printHelp({
     message.push(
       linebreak(),
       `  ${bgGreen(black(` ${commandName} `))} ${green(
-        `v${"2.10.5"}`
+        `v${"2.10.7"}`
       )} ${headline}`
     );
   }

package/dist/template/4xx.js

@@ -1,5 +1,4 @@
 import { escape } from "html-escaper";
-import { baseCSS } from "./css.js";
 function template({
   title,
   pathname,
@@ -13,14 +12,40 @@ function template({
 		<meta charset="UTF-8">
 		<title>${tabTitle}</title>
 		<style>
-			${baseCSS}
 			:root {
+				--gray-10: hsl(258, 7%, 10%);
+				--gray-20: hsl(258, 7%, 20%);
+				--gray-30: hsl(258, 7%, 30%);
+				--gray-40: hsl(258, 7%, 40%);
+				--gray-50: hsl(258, 7%, 50%);
+				--gray-60: hsl(258, 7%, 60%);
+				--gray-70: hsl(258, 7%, 70%);
+				--gray-80: hsl(258, 7%, 80%);
+				--gray-90: hsl(258, 7%, 90%);
 				--black: #13151A;
 				--accent-light: #E0CCFA;
 			}
 
-			body {
+			* {
+				box-sizing: border-box;
+			}
+
+			html {
 				background: var(--black);
+				color-scheme: dark;
+				accent-color: var(--accent-light);
+			}
+
+			body {
+				background-color: var(--gray-10);
+				color: var(--gray-80);
+				font-family: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
+				line-height: 1.5;
+				margin: 0;
+			}
+
+			a {
+				color: var(--accent-light);
 			}
 
 			.center {
@@ -37,6 +62,8 @@ function template({
 				color: white;
 				font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 				font-weight: 700;
+				margin-top: 1rem;
+				margin-bottom: 0;
 			}
 
 			.statusCode {
@@ -48,11 +75,14 @@ function template({
 				width: 124px;
 			}
 
-			pre {
+			pre, code {
 				padding: 2px 8px;
 				background: rgba(0,0,0, 0.25);
 				border: 1px solid rgba(255,255,255, 0.25);
 				border-radius: 4px;
+				font-size: 1.2em;
+				margin-top: 0;
+				max-width: 60em;
 			}
 		</style>
 	</head>

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

@@ -28,12 +28,10 @@ function createVitePluginAstroServer({
       viteServer.watcher.on("unlink", rebuildManifest.bind(null, true));
       viteServer.watcher.on("change", rebuildManifest.bind(null, false));
       return () => {
-        if (settings.config.base !== "/") {
-          viteServer.middlewares.stack.unshift({
-            route: "",
-            handle: baseMiddleware(settings, logging)
-          });
-        }
+        viteServer.middlewares.stack.unshift({
+          route: "",
+          handle: baseMiddleware(settings, logging)
+        });
         viteServer.middlewares.use(async function astroDevHandler(request, response) {
           if (request.url === void 0 || !request.method) {
             response.writeHead(500, "Incomplete request");

package/package.json

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

package/dist/template/css.d.ts

@@ -1,6 +0,0 @@
-/**
- *  CSS is exported as a string so the error pages:
- * 1. don’t need to resolve a deep internal CSS import
- * 2. don’t need external dependencies to render (they may be shown because of a dep!)
- */
-export declare const baseCSS = "\n:root {\n  --gray-10: hsl(258, 7%, 10%);\n  --gray-20: hsl(258, 7%, 20%);\n  --gray-30: hsl(258, 7%, 30%);\n  --gray-40: hsl(258, 7%, 40%);\n  --gray-50: hsl(258, 7%, 50%);\n  --gray-60: hsl(258, 7%, 60%);\n  --gray-70: hsl(258, 7%, 70%);\n  --gray-80: hsl(258, 7%, 80%);\n  --gray-90: hsl(258, 7%, 90%);\n  --orange: #ff5d01;\n}\n\n* {\n  box-sizing: border-box;\n}\n\nbody {\n  background-color: var(--gray-10);\n  color: var(--gray-80);\n  font-family: monospace;\n  line-height: 1.5;\n  margin: 0;\n}\n\na {\n  color: var(--orange);\n}\n\nh1 {\n  font-weight: 800;\n  margin-top: 1rem;\n  margin-bottom: 0;\n}\n\npre {\n  color:;\n  font-size: 1.2em;\n  margin-top: 0;\n  max-width: 60em;\n}\n";

package/dist/template/css.js

@@ -1,46 +0,0 @@
-const baseCSS = `
-:root {
-  --gray-10: hsl(258, 7%, 10%);
-  --gray-20: hsl(258, 7%, 20%);
-  --gray-30: hsl(258, 7%, 30%);
-  --gray-40: hsl(258, 7%, 40%);
-  --gray-50: hsl(258, 7%, 50%);
-  --gray-60: hsl(258, 7%, 60%);
-  --gray-70: hsl(258, 7%, 70%);
-  --gray-80: hsl(258, 7%, 80%);
-  --gray-90: hsl(258, 7%, 90%);
-  --orange: #ff5d01;
-}
-
-* {
-  box-sizing: border-box;
-}
-
-body {
-  background-color: var(--gray-10);
-  color: var(--gray-80);
-  font-family: monospace;
-  line-height: 1.5;
-  margin: 0;
-}
-
-a {
-  color: var(--orange);
-}
-
-h1 {
-  font-weight: 800;
-  margin-top: 1rem;
-  margin-bottom: 0;
-}
-
-pre {
-  color:;
-  font-size: 1.2em;
-  margin-top: 0;
-  max-width: 60em;
-}
-`;
-export {
-  baseCSS
-};