astro 3.5.3 → 3.5.5

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

@@ -0,0 +1,57 @@
+class DevOverlayToggle extends HTMLElement {
+  shadowRoot;
+  input;
+  constructor() {
+    super();
+    this.shadowRoot = this.attachShadow({ mode: "open" });
+    this.shadowRoot.innerHTML = `
+		<style>
+			input {
+				appearance: none;
+				width: 32px;
+				height: 20px;
+				border: 1px solid rgba(145, 152, 173, 1);
+				transition: background-color 0.2s ease, border-color 0.2s ease;
+				border-radius: 9999px;
+			}
+
+			input::after {
+				content: '';
+				width: 16px;
+				display: inline-block;
+				height: 16px;
+				background-color: rgba(145, 152, 173, 1);
+				border-radius: 9999px;
+				transition: transform 0.2s ease, background-color 0.2s ease;
+				top: 1px;
+				left: 1px;
+				position: relative;
+			}
+
+			input:checked {
+				border: 1px solid rgba(213, 249, 196, 1);
+				background-color: rgba(61, 125, 31, 1);
+			}
+
+			input:checked::after {
+				transform: translateX(12px);
+				background: rgba(213, 249, 196, 1);
+			}
+		</style>
+		`;
+    this.input = document.createElement("input");
+  }
+  connectedCallback() {
+    this.input.type = "checkbox";
+    this.shadowRoot.append(this.input);
+  }
+  get value() {
+    return this.input.value;
+  }
+  set value(val) {
+    this.input.value = val;
+  }
+}
+export {
+  DevOverlayToggle
+};

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

@@ -13,11 +13,12 @@ class DevOverlayWindow extends HTMLElement {
     this.shadowRoot.innerHTML = `
 			<style>
 				:host {
+					box-sizing: border-box;
 					display: flex;
 					flex-direction: column;
 					background: linear-gradient(0deg, #13151A, #13151A), linear-gradient(0deg, #343841, #343841);
 					border: 1px solid rgba(52, 56, 65, 1);
-					width: 640px;
+					width: min(640px, 100%);
 					height: 480px;
 					border-radius: 12px;
 					padding: 24px;
@@ -31,24 +32,52 @@ class DevOverlayWindow extends HTMLElement {
 					box-shadow: 0px 0px 0px 0px rgba(19, 21, 26, 0.30), 0px 1px 2px 0px rgba(19, 21, 26, 0.29), 0px 4px 4px 0px rgba(19, 21, 26, 0.26), 0px 10px 6px 0px rgba(19, 21, 26, 0.15), 0px 17px 7px 0px rgba(19, 21, 26, 0.04), 0px 26px 7px 0px rgba(19, 21, 26, 0.01);
 				}
 
-				h1 {
-					margin: 0;
+				::slotted(h1), ::slotted(h2), ::slotted(h3), ::slotted(h4), ::slotted(h5) {
 					font-weight: 600;
 					color: #fff;
 				}
 
-				h1 svg {
-					vertical-align: text-bottom;
+				#window-title {
+					display: flex;
+					align-items: center;
+					font-weight: 600;
+					color: #fff;
+					margin: 0;
+					font-size: 22px;
+				}
+
+				::slotted(h1) {
+					font-size: 22px;
+				}
+
+				::slotted(h2) {
+					font-size: 20px;
+				}
+
+				::slotted(h3) {
+					font-size: 18px;
+				}
+
+				::slotted(h4) {
+					font-size: 16px;
+				}
+
+				::slotted(h5) {
+					font-size: 14px;
+				}
+
+				#window-title svg {
 					margin-right: 8px;
+					height: 1em;
 				}
 
-				hr {
+				hr, ::slotted(hr) {
 					border: 1px solid rgba(27, 30, 36, 1);
 					margin: 1em 0;
 				}
 			</style>
 
-			<h1>${this.windowIcon ? this.getElementForIcon(this.windowIcon) : ""}${this.windowTitle ?? ""}</h1>
+			<h1 id="window-title">${this.windowIcon ? this.getElementForIcon(this.windowIcon) : ""}${this.windowTitle ?? ""}</h1>
 			<hr />
 			<slot />
 		`;

package/dist/transitions/router.js

@@ -299,7 +299,7 @@ function navigate(href, options) {
   if (inBrowser === false) {
     if (!navigateOnServerWarned) {
       const warning = new Error(
-        "The view transtions client API was called during a server side render. This may be unintentional as the navigate() function is expected to be called in response to user interactions. Please make sure that your usage is correct."
+        "The view transitions client API was called during a server side render. This may be unintentional as the navigate() function is expected to be called in response to user interactions. Please make sure that your usage is correct."
       );
       warning.name = "Warning";
       console.warn(warning);

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

@@ -69,6 +69,7 @@ function createDevelopmentManifest(settings) {
     };
   }
   return {
+    trailingSlash: settings.config.trailingSlash,
     compressHTML: settings.config.compressHTML,
     assets: /* @__PURE__ */ new Set(),
     entryModules: {},

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

@@ -9,7 +9,7 @@ import {
 import { createRequest } from "../core/request.js";
 import { matchAllRoutes } from "../core/routing/index.js";
 import { isPage, resolveIdToUrl } from "../core/util.js";
-import { createI18nMiddleware } from "../i18n/middleware.js";
+import { createI18nMiddleware, i18nPipelineHook } from "../i18n/middleware.js";
 import { getSortedPreloadedMatches } from "../prerender/routing.js";
 import { isServerLikeOutput } from "../prerender/utils.js";
 import { PAGE_SCRIPT_ID } from "../vite-plugin-scripts/index.js";
@@ -202,13 +202,18 @@ async function handleRoute({
   }
   const onRequest = middleware?.onRequest;
   if (config.experimental.i18n) {
-    const i18Middleware = createI18nMiddleware(config.experimental.i18n, config.base);
+    const i18Middleware = createI18nMiddleware(
+      config.experimental.i18n,
+      config.base,
+      config.trailingSlash
+    );
     if (i18Middleware) {
       if (onRequest) {
         pipeline.setMiddlewareFunction(sequence(i18Middleware, onRequest));
       } else {
         pipeline.setMiddlewareFunction(i18Middleware);
       }
+      pipeline.onBeforeRenderRoute(i18nPipelineHook);
     } else if (onRequest) {
       pipeline.setMiddlewareFunction(onRequest);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astro",
-  "version": "3.5.3",
+  "version": "3.5.5",
   "description": "Astro is a modern site builder with web best practices, performance, and DX front-of-mind.",
   "type": "module",
   "author": "withastro",
@@ -165,15 +165,15 @@
     "yargs-parser": "^21.1.1",
     "zod": "^3.22.4",
     "@astrojs/internal-helpers": "0.2.1",
-    "@astrojs/telemetry": "3.0.4",
-    "@astrojs/markdown-remark": "3.4.0"
+    "@astrojs/markdown-remark": "3.5.0",
+    "@astrojs/telemetry": "3.0.4"
   },
   "optionalDependencies": {
     "sharp": "^0.32.5"
   },
   "devDependencies": {
     "@astrojs/check": "^0.1.0",
-    "@playwright/test": "^1.37.1",
+    "@playwright/test": "1.40.0-alpha-nov-13-2023",
     "@types/babel__generator": "^7.6.4",
     "@types/babel__traverse": "^7.20.1",
     "@types/chai": "^4.3.5",