astro 4.5.18 → 4.6.0

package/dist/runtime/client/dev-toolbar/apps/settings.js

@@ -1,5 +1,10 @@
 import { settings } from "../settings.js";
-import { closeOnOutsideClick, createWindowElement } from "./utils/window.js";
+import { isValidPlacement, placements } from "../ui-library/window.js";
+import {
+  closeOnOutsideClick,
+  createWindowElement,
+  synchronizePlacementOnUpdate
+} from "./utils/window.js";
 const settingsRows = [
   {
     name: "Disable notifications",
@@ -30,6 +35,22 @@ const settingsRows = [
         settings.logger.verboseLog(`Verbose logging ${action}`);
       }
     }
+  },
+  {
+    name: "Placement",
+    description: "Adjust the placement of the dev toolbar.",
+    input: "select",
+    settingKey: "placement",
+    changeEvent: (evt) => {
+      if (evt.currentTarget instanceof HTMLSelectElement) {
+        const placement = evt.currentTarget.value;
+        if (isValidPlacement(placement)) {
+          document.querySelector("astro-dev-toolbar")?.setToolbarPlacement(placement);
+          settings.updateSetting("placement", placement);
+          settings.logger.verboseLog(`Placement set to ${placement}`);
+        }
+      }
+    }
   }
 ];
 var settings_default = {
@@ -40,6 +61,7 @@ var settings_default = {
     createSettingsWindow();
     document.addEventListener("astro:after-swap", createSettingsWindow);
     closeOnOutsideClick(eventTarget);
+    synchronizePlacementOnUpdate(eventTarget, canvas);
     function createSettingsWindow() {
       const windowElement = createWindowElement(
         `<style>
@@ -147,6 +169,21 @@ var settings_default = {
             label.append(astroToggle);
             break;
           }
+          case "select": {
+            const astroSelect = document.createElement("astro-dev-toolbar-select");
+            placements.forEach((placement) => {
+              const option = document.createElement("option");
+              option.setAttribute("value", placement);
+              if (placement === settings.config[setting.settingKey]) {
+                option.selected = true;
+              }
+              option.textContent = `${placement.slice(0, 1).toUpperCase()}${placement.slice(1)}`.replace("-", " ");
+              astroSelect.append(option);
+            });
+            astroSelect.element.addEventListener("change", setting.changeEvent);
+            label.append(astroSelect);
+            break;
+          }
           default:
             break;
         }

package/dist/runtime/client/dev-toolbar/apps/utils/window.d.ts

@@ -1,2 +1,3 @@
-export declare function createWindowElement(content: string): import("../../ui-library/window.js").DevToolbarWindow;
+export declare function createWindowElement(content: string, placement?: "bottom-left" | "bottom-center" | "bottom-right"): import("../../ui-library/window.js").DevToolbarWindow;
 export declare function closeOnOutsideClick(eventTarget: EventTarget, additionalCheck?: (target: Element) => boolean): void;
+export declare function synchronizePlacementOnUpdate(eventTarget: EventTarget, canvas: ShadowRoot): void;

package/dist/runtime/client/dev-toolbar/apps/utils/window.js

@@ -1,6 +1,8 @@
-function createWindowElement(content) {
+import { settings } from "../../settings.js";
+function createWindowElement(content, placement = settings.config.placement) {
   const windowElement = document.createElement("astro-dev-toolbar-window");
   windowElement.innerHTML = content;
+  windowElement.placement = placement;
   return windowElement;
 }
 function closeOnOutsideClick(eventTarget, additionalCheck) {
@@ -30,7 +32,21 @@ function closeOnOutsideClick(eventTarget, additionalCheck) {
     }
   });
 }
+function synchronizePlacementOnUpdate(eventTarget, canvas) {
+  eventTarget.addEventListener("placement-updated", (evt) => {
+    if (!(evt instanceof CustomEvent)) {
+      return;
+    }
+    const windowElement = canvas.querySelector("astro-dev-toolbar-window");
+    if (!windowElement) {
+      return;
+    }
+    const event = evt;
+    windowElement.placement = event.detail.placement;
+  });
+}
 export {
   closeOnOutsideClick,
-  createWindowElement
+  createWindowElement,
+  synchronizePlacementOnUpdate
 };

package/dist/runtime/client/dev-toolbar/apps/xray.js

@@ -5,7 +5,11 @@ import {
   getElementsPositionInDocument,
   positionHighlight
 } from "./utils/highlight.js";
-import { closeOnOutsideClick, createWindowElement } from "./utils/window.js";
+import {
+  closeOnOutsideClick,
+  createWindowElement,
+  synchronizePlacementOnUpdate
+} from "./utils/window.js";
 const icon = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#fff" d="M7.9 1.5v-.4a1.1 1.1 0 0 1 2.2 0v.4a1.1 1.1 0 1 1-2.2 0Zm-6.4 8.6a1.1 1.1 0 1 0 0-2.2h-.4a1.1 1.1 0 0 0 0 2.2h.4ZM12 3.7a1.1 1.1 0 0 0 1.4-.7l.4-1.1a1.1 1.1 0 0 0-2.1-.8l-.4 1.2a1.1 1.1 0 0 0 .7 1.4Zm-9.7 7.6-1.2.4a1.1 1.1 0 1 0 .8 2.1l1-.4a1.1 1.1 0 1 0-.6-2ZM20.8 17a1.9 1.9 0 0 1 0 2.6l-1.2 1.2a1.9 1.9 0 0 1-2.6 0l-4.3-4.2-1.6 3.6a1.9 1.9 0 0 1-1.7 1.2A1.9 1.9 0 0 1 7.5 20L2.7 5a1.9 1.9 0 0 1 2.4-2.4l15 5a1.9 1.9 0 0 1 .2 3.4l-3.7 1.6 4.2 4.3ZM19 18.3 14.6 14a1.9 1.9 0 0 1 .6-3l3.2-1.5L5.1 5.1l4.3 13.3 1.5-3.2a1.9 1.9 0 0 1 3-.6l4.4 4.4.7-.7Z"/></svg>';
 var xray_default = {
   id: "astro:xray",
@@ -17,6 +21,7 @@ var xray_default = {
     document.addEventListener("astro:after-swap", addIslandsOverlay);
     document.addEventListener("astro:page-load", refreshIslandsOverlayPositions);
     closeOnOutsideClick(eventTarget);
+    synchronizePlacementOnUpdate(eventTarget, canvas);
     function addIslandsOverlay() {
       islandsOverlays.forEach(({ highlightElement }) => {
         highlightElement.remove();

package/dist/runtime/client/dev-toolbar/entrypoint.js

@@ -17,7 +17,8 @@ document.addEventListener("DOMContentLoaded", async () => {
       DevToolbarToggle,
       DevToolbarButton,
       DevToolbarBadge,
-      DevToolbarIcon
+      DevToolbarIcon,
+      DevToolbarSelect
     }
   ] = await Promise.all([
     loadDevToolbarApps(),
@@ -38,6 +39,7 @@ document.addEventListener("DOMContentLoaded", async () => {
   customElements.define("astro-dev-toolbar-button", DevToolbarButton);
   customElements.define("astro-dev-toolbar-badge", DevToolbarBadge);
   customElements.define("astro-dev-toolbar-icon", DevToolbarIcon);
+  customElements.define("astro-dev-toolbar-select", DevToolbarSelect);
   const deprecated = (Parent) => class extends Parent {
   };
   customElements.define("astro-dev-overlay", deprecated(AstroDevToolbar));

package/dist/runtime/client/dev-toolbar/settings.d.ts

@@ -1,14 +1,17 @@
+import type { Placement } from './ui-library/window.js';
 export interface Settings {
     disableAppNotification: boolean;
     verbose: boolean;
+    placement: Placement;
 }
 export declare const defaultSettings: {
     disableAppNotification: false;
     verbose: false;
+    placement: "bottom-center";
 };
 export declare const settings: {
     readonly config: Settings;
-    updateSetting: (key: keyof Settings, value: boolean) => void;
+    updateSetting: <Key extends keyof Settings>(key: Key, value: Settings[Key]) => void;
     logger: {
         log: (message: string, level?: 'log' | 'warn' | 'error') => void;
         warn: (message: string) => void;

package/dist/runtime/client/dev-toolbar/settings.js

@@ -1,6 +1,7 @@
 const defaultSettings = {
   disableAppNotification: false,
-  verbose: false
+  verbose: false,
+  placement: "bottom-center"
 };
 const settings = getSettings();
 function getSettings() {

package/dist/runtime/client/dev-toolbar/toolbar.d.ts

@@ -1,5 +1,6 @@
 import type { DevToolbarApp as DevToolbarAppDefinition } from '../../../@types/astro.js';
 import { type Icon } from './ui-library/icons.js';
+import { type Placement } from './ui-library/window.js';
 export type DevToolbarApp = DevToolbarAppDefinition & {
     builtIn: boolean;
     active: boolean;
@@ -38,6 +39,7 @@ export declare class AstroDevToolbar extends HTMLElement {
     triggerDelayedHide(): void;
     setToolbarVisible(newStatus: boolean): void;
     setNotificationVisible(newStatus: boolean): void;
+    setToolbarPlacement(newPlacement: Placement): void;
 }
 export declare class DevToolbarCanvas extends HTMLElement {
     shadowRoot: ShadowRoot;

package/dist/runtime/client/dev-toolbar/toolbar.js

@@ -1,5 +1,6 @@
 import { settings } from "./settings.js";
 import { getIconElement, isDefinedIcon } from "./ui-library/icons.js";
+import {} from "./ui-library/window.js";
 const WS_EVENT_NAME = "astro-dev-toolbar";
 const WS_EVENT_NAME_DEPRECATED = "astro-dev-overlay";
 const HOVER_DELAY = 2 * 1e3;
@@ -39,8 +40,6 @@ class AstroDevToolbar extends HTMLElement {
 			#dev-toolbar-root {
 				position: fixed;
 				bottom: 0px;
-				left: 50%;
-				transform: translate(-50%, 0%);
 				z-index: 2000000010;
 				display: flex;
 				flex-direction: column;
@@ -57,6 +56,17 @@ class AstroDevToolbar extends HTMLElement {
 				opacity: 0.2;
 			}
 
+			#dev-toolbar-root[data-placement="bottom-left"] {
+				left: 16px;
+			}
+			#dev-toolbar-root[data-placement="bottom-center"] {
+				left: 50%;
+				transform: translateX(-50%);
+			}
+			#dev-toolbar-root[data-placement="bottom-right"] {
+				right: 16px;
+			}
+
 			#dev-bar-hitbox-above,
 			#dev-bar-hitbox-below {
 				width: 100%;
@@ -228,7 +238,7 @@ class AstroDevToolbar extends HTMLElement {
 				width: 1px;
 			}
 		</style>
-		<div id="dev-toolbar-root" data-hidden ${settings.config.disableAppNotification ? "data-no-notification" : ""}>
+		<div id="dev-toolbar-root" data-hidden ${settings.config.disableAppNotification ? "data-no-notification" : ""} data-placement="${settings.config.placement}">
 			<div id="dev-bar-hitbox-above"></div>
 			<div id="dev-bar">
 				<div id="bar-container">
@@ -479,6 +489,18 @@ class AstroDevToolbar extends HTMLElement {
     const moreCanvas = this.getAppCanvasById("astro:more");
     moreCanvas?.shadowRoot?.querySelector("#dropdown")?.toggleAttribute("data-no-notification", !newStatus);
   }
+  setToolbarPlacement(newPlacement) {
+    this.devToolbarContainer?.setAttribute("data-placement", newPlacement);
+    this.apps.forEach((app) => {
+      app.eventTarget.dispatchEvent(
+        new CustomEvent("placement-updated", {
+          detail: {
+            placement: newPlacement
+          }
+        })
+      );
+    });
+  }
 }
 class DevToolbarCanvas extends HTMLElement {
   shadowRoot;

package/dist/runtime/client/dev-toolbar/ui-library/index.d.ts

@@ -3,6 +3,7 @@ export { DevToolbarButton } from './button.js';
 export { DevToolbarCard } from './card.js';
 export { DevToolbarHighlight } from './highlight.js';
 export { DevToolbarIcon } from './icon.js';
+export { DevToolbarSelect } from './select.js';
 export { DevToolbarToggle } from './toggle.js';
 export { DevToolbarTooltip } from './tooltip.js';
 export { DevToolbarWindow } from './window.js';

package/dist/runtime/client/dev-toolbar/ui-library/index.js

@@ -3,6 +3,7 @@ import { DevToolbarButton } from "./button.js";
 import { DevToolbarCard } from "./card.js";
 import { DevToolbarHighlight } from "./highlight.js";
 import { DevToolbarIcon } from "./icon.js";
+import { DevToolbarSelect } from "./select.js";
 import { DevToolbarToggle } from "./toggle.js";
 import { DevToolbarTooltip } from "./tooltip.js";
 import { DevToolbarWindow } from "./window.js";
@@ -12,6 +13,7 @@ export {
   DevToolbarCard,
   DevToolbarHighlight,
   DevToolbarIcon,
+  DevToolbarSelect,
   DevToolbarToggle,
   DevToolbarTooltip,
   DevToolbarWindow

package/dist/runtime/client/dev-toolbar/ui-library/select.d.ts

@@ -0,0 +1,15 @@
+declare const styles: readonly ["purple", "gray", "red", "green", "yellow", "blue"];
+type SelectStyle = (typeof styles)[number];
+export declare class DevToolbarSelect extends HTMLElement {
+    shadowRoot: ShadowRoot;
+    element: HTMLSelectElement;
+    _selectStyle: SelectStyle;
+    get selectStyle(): "red" | "purple" | "gray" | "green" | "yellow" | "blue";
+    set selectStyle(value: "red" | "purple" | "gray" | "green" | "yellow" | "blue");
+    static observedAttributes: string[];
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    updateStyle(): void;
+}
+export {};

package/dist/runtime/client/dev-toolbar/ui-library/select.js

@@ -0,0 +1,100 @@
+import { settings } from "../settings.js";
+const styles = ["purple", "gray", "red", "green", "yellow", "blue"];
+class DevToolbarSelect extends HTMLElement {
+  shadowRoot;
+  element;
+  _selectStyle = "gray";
+  get selectStyle() {
+    return this._selectStyle;
+  }
+  set selectStyle(value) {
+    if (!styles.includes(value)) {
+      settings.logger.error(`Invalid style: ${value}, expected one of ${styles.join(", ")}.`);
+      return;
+    }
+    this._selectStyle = value;
+    this.updateStyle();
+  }
+  static observedAttributes = ["select-style"];
+  constructor() {
+    super();
+    this.shadowRoot = this.attachShadow({ mode: "open" });
+    this.shadowRoot.innerHTML = `
+      <style>
+        :host {
+          --purple-text: rgba(224, 204, 250, 1);
+					--purple-border: rgba(113, 24, 226, 1);
+
+          --gray-text: rgba(191, 193, 201, 1);
+					--gray-border:rgba(191, 193, 201, 1);
+
+					--red-text: rgba(249, 196, 215, 1);
+					--red-border: rgba(179, 62, 102, 1);
+
+					--green-text: rgba(213, 249, 196, 1);
+					--green-border: rgba(61, 125, 31, 1);
+
+					--yellow-text: rgba(249, 233, 196, 1);
+					--yellow-border: rgba(181, 138, 45, 1);
+
+					--blue-text: rgba(189, 195, 255, 1);
+					--blue-border: rgba(54, 69, 217, 1);
+
+          --text-color: var(--gray-text);
+          --border-color: var(--gray-border);
+        }
+        select {
+          appearance: none;
+          text-align-last: center;
+          display: inline-block;
+          font-family: system-ui, sans-serif;
+          font-size: 14px;
+          padding: 4px 24px 4px 8px;
+          border: 1px solid var(--border-color);
+          border-radius: 4px;
+          color: var(--text-color);
+          background-color: transparent;
+          background-image:
+            linear-gradient(45deg, transparent 50%, var(--text-color) 50%),
+            linear-gradient(135deg, var(--text-color) 50%, transparent 50%);
+          background-position:
+            calc(100% - 12px) calc(1em - 2px),
+            calc(100% - 8px) calc(1em - 2px);
+          background-size: 4px 4px;
+          background-repeat: no-repeat;
+        }
+      </style>
+      <style id="selected-style"></style>
+      <slot></slot>
+    `;
+    this.element = document.createElement("select");
+    this.shadowRoot.addEventListener("slotchange", (event) => {
+      if (event.target instanceof HTMLSlotElement) {
+        this.element.append(...event.target.assignedNodes());
+      }
+    });
+  }
+  connectedCallback() {
+    this.shadowRoot.append(this.element);
+    this.updateStyle();
+  }
+  attributeChangedCallback() {
+    if (this.hasAttribute("select-style")) {
+      this.selectStyle = this.getAttribute("select-style");
+    }
+  }
+  updateStyle() {
+    const style = this.shadowRoot.querySelector("#selected-style");
+    if (style) {
+      style.innerHTML = `
+        :host {
+          --text-color: var(--${this.selectStyle}-text);
+          --border-color: var(--${this.selectStyle}-border);
+        }
+      `;
+    }
+  }
+}
+export {
+  DevToolbarSelect
+};

package/dist/runtime/client/dev-toolbar/ui-library/window.d.ts

@@ -1,5 +1,14 @@
+export declare const placements: readonly ["bottom-left", "bottom-center", "bottom-right"];
+export type Placement = (typeof placements)[number];
+export declare function isValidPlacement(value: string): value is Placement;
 export declare class DevToolbarWindow extends HTMLElement {
     shadowRoot: ShadowRoot;
+    _placement: Placement;
+    get placement(): "bottom-left" | "bottom-center" | "bottom-right";
+    set placement(value: "bottom-left" | "bottom-center" | "bottom-right");
+    static observedAttributes: string[];
     constructor();
     connectedCallback(): Promise<void>;
+    attributeChangedCallback(): void;
+    updateStyle(): void;
 }

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

@@ -1,5 +1,25 @@
+import { defaultSettings, settings } from "../settings.js";
+const placements = ["bottom-left", "bottom-center", "bottom-right"];
+function isValidPlacement(value) {
+  return placements.map(String).includes(value);
+}
 class DevToolbarWindow extends HTMLElement {
   shadowRoot;
+  _placement = defaultSettings.placement;
+  get placement() {
+    return this._placement;
+  }
+  set placement(value) {
+    if (!isValidPlacement(value)) {
+      settings.logger.error(
+        `Invalid placement: ${value}, expected one of ${placements.join(", ")}, got ${value}.`
+      );
+      return;
+    }
+    this._placement = value;
+    this.updateStyle();
+  }
+  static observedAttributes = ["placement"];
   constructor() {
     super();
     this.shadowRoot = this.attachShadow({ mode: "open" });
@@ -22,8 +42,6 @@ class DevToolbarWindow extends HTMLElement {
 					position: fixed;
 					z-index: 999999999;
 					bottom: 72px;
-					left: 50%;
-					transform: translateX(-50%);
 					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);
 				}
 
@@ -73,11 +91,43 @@ class DevToolbarWindow extends HTMLElement {
 					line-height: 1.5em;
 				}
 			</style>
+			<style id="selected-style"></style>
 
 			<slot />
 		`;
+    this.updateStyle();
+  }
+  attributeChangedCallback() {
+    if (this.hasAttribute("placement"))
+      this.placement = this.getAttribute("placement");
+  }
+  updateStyle() {
+    const style = this.shadowRoot.querySelector("#selected-style");
+    if (style) {
+      const styleMap = {
+        "bottom-left": `
+					:host {
+						left: 16px;
+					}
+				`,
+        "bottom-center": `
+					:host {
+						left: 50%;
+						transform: translateX(-50%);
+					}
+				`,
+        "bottom-right": `
+					:host {
+						right: 16px;
+					}
+				`
+      };
+      style.innerHTML = styleMap[this.placement];
+    }
   }
 }
 export {
-  DevToolbarWindow
+  DevToolbarWindow,
+  isValidPlacement,
+  placements
 };

package/dist/runtime/server/render/astro/render-template.d.ts

@@ -3,7 +3,7 @@ declare const renderTemplateResultSym: unique symbol;
 export declare class RenderTemplateResult {
     [renderTemplateResultSym]: boolean;
     private htmlParts;
-    private expressions;
+    expressions: any[];
     private error;
     constructor(htmlParts: TemplateStringsArray, expressions: unknown[]);
     render(destination: RenderDestination): Promise<void>;

package/dist/virtual-modules/i18n.d.ts

@@ -1,4 +1,6 @@
+import type { APIContext, AstroConfig, MiddlewareHandler, ValidRedirectStatus } from '../@types/astro.js';
 import * as I18nInternals from '../i18n/index.js';
+import type { RedirectToFallback } from '../i18n/index.js';
 export { normalizeTheLocale, toCodes, toPaths } from '../i18n/index.js';
 export type GetLocaleOptions = I18nInternals.GetLocaleOptions;
 /**
@@ -124,3 +126,103 @@ export declare const getPathByLocale: (locale: string) => string;
  * ```
  */
 export declare const getLocaleByPath: (path: string) => string;
+/**
+ * A function that can be used to check if the current path contains a configured locale.
+ *
+ * @param path The path that maps to a locale
+ * @returns Whether the `path` has the locale
+ *
+ * ## Example
+ *
+ * Given the following configuration:
+ *
+ * ```js
+ * // astro.config.mjs
+ *
+ * export default defineConfig({
+ * 	i18n: {
+ * 		locales: [
+ * 			{ codes: ["it-VT", "it"], path: "italiano" },
+ * 			"es"
+ * 		]
+ * 	}
+ * })
+ * ```
+ *
+ * Here's some use cases:
+ *
+ * ```js
+ * import { pathHasLocale } from "astro:i18n";
+ * getLocaleByPath("italiano"); // returns `true`
+ * getLocaleByPath("es"); // returns `true`
+ * getLocaleByPath("it-VT"); // returns `false`
+ * ```
+ */
+export declare const pathHasLocale: (path: string) => boolean;
+/**
+ *
+ * This function returns a redirect to the default locale configured in the
+ *
+ * @param {APIContext} context The context passed to the middleware
+ * @param {ValidRedirectStatus?} statusCode An optional status code for the redirect.
+ */
+export declare let redirectToDefaultLocale: (context: APIContext, statusCode?: ValidRedirectStatus) => Response | undefined;
+/**
+ *
+ * Use this function to return a 404 when:
+ * - the current path isn't a root. e.g. / or /<base>
+ * - the URL doesn't contain a locale
+ *
+ * When a `Response` is passed, the new `Response` emitted by this function will contain the same headers of the original response.
+ *
+ * @param {APIContext} context The context passed to the middleware
+ * @param {Response?} response An optional `Response` in case you're handling a `Response` coming from the `next` function.
+ *
+ */
+export declare let notFound: (context: APIContext, response?: Response) => Response | undefined;
+/**
+ * Checks whether the current URL contains a configured locale. Internally, this function will use `APIContext#url.pathname`
+ *
+ * @param {APIContext} context The context passed to the middleware
+ */
+export declare let requestHasLocale: (context: APIContext) => boolean;
+/**
+ * Allows to use the build-in fallback system of Astro
+ *
+ * @param {APIContext} context The context passed to the middleware
+ * @param {Response} response An optional `Response` in case you're handling a `Response` coming from the `next` function.
+ */
+export declare let redirectToFallback: RedirectToFallback;
+type OnlyObject<T> = T extends object ? T : never;
+type NewAstroRoutingConfigWithoutManual = OnlyObject<NonNullable<AstroConfig['i18n']>['routing']>;
+/**
+ * @param {AstroConfig['i18n']['routing']} customOptions
+ *
+ * A function that allows to programmatically create the Astro i18n middleware.
+ *
+ * This is use useful when you still want to use the default i18n logic, but add only few exceptions to your website.
+ *
+ * ## Examples
+ *
+ * ```js
+ * // middleware.js
+ * import { middleware } from "astro:i18n";
+ * import { sequence, defineMiddleware } from "astro:middleware";
+ *
+ * const customLogic = defineMiddleware(async (context, next) => {
+ *   const response = await next();
+ *
+ *   // Custom logic after resolving the response.
+ *   // It's possible to catch the response coming from Astro i18n middleware.
+ *
+ *   return response;
+ * });
+ *
+ * export const onRequest = sequence(customLogic, middleware({
+ * 	prefixDefaultLocale: true,
+ * 	redirectToDefaultLocale: false
+ * }))
+ *
+ * ```
+ */
+export declare let middleware: (customOptions: NewAstroRoutingConfigWithoutManual) => MiddlewareHandler;