astro 2.3.3 → 2.4.0

package/components/shiki-themes.js

@@ -1,33 +1,43 @@
+/**
+ * This file is prebuilt from packages/astro/scripts/shiki-gen-themes.mjs
+ * Do not edit this directly, but instead edit that file and rerun it to generate this file.
+ */
+
+// prettier-ignore
 export const themes = {
-	'css-variables': () => import('shiki/themes/css-variables.json').then((mod) => mod.default),
-	'dark-plus': () => import('shiki/themes/dark-plus.json').then((mod) => mod.default),
-	'dracula-soft': () => import('shiki/themes/dracula-soft.json').then((mod) => mod.default),
-	dracula: () => import('shiki/themes/dracula.json').then((mod) => mod.default),
-	'github-dark-dimmed': () =>
-		import('shiki/themes/github-dark-dimmed.json').then((mod) => mod.default),
-	'github-dark': () => import('shiki/themes/github-dark.json').then((mod) => mod.default),
-	'github-light': () => import('shiki/themes/github-light.json').then((mod) => mod.default),
-	hc_light: () => import('shiki/themes/hc_light.json').then((mod) => mod.default),
-	'light-plus': () => import('shiki/themes/light-plus.json').then((mod) => mod.default),
-	'material-darker': () => import('shiki/themes/material-darker.json').then((mod) => mod.default),
-	'material-default': () => import('shiki/themes/material-default.json').then((mod) => mod.default),
-	'material-lighter': () => import('shiki/themes/material-lighter.json').then((mod) => mod.default),
-	'material-ocean': () => import('shiki/themes/material-ocean.json').then((mod) => mod.default),
-	'material-palenight': () =>
-		import('shiki/themes/material-palenight.json').then((mod) => mod.default),
-	'min-dark': () => import('shiki/themes/min-dark.json').then((mod) => mod.default),
-	'min-light': () => import('shiki/themes/min-light.json').then((mod) => mod.default),
-	monokai: () => import('shiki/themes/monokai.json').then((mod) => mod.default),
-	nord: () => import('shiki/themes/nord.json').then((mod) => mod.default),
-	'one-dark-pro': () => import('shiki/themes/one-dark-pro.json').then((mod) => mod.default),
-	poimandres: () => import('shiki/themes/poimandres.json').then((mod) => mod.default),
-	'rose-pine-dawn': () => import('shiki/themes/rose-pine-dawn.json').then((mod) => mod.default),
-	'rose-pine-moon': () => import('shiki/themes/rose-pine-moon.json').then((mod) => mod.default),
-	'rose-pine': () => import('shiki/themes/rose-pine.json').then((mod) => mod.default),
-	'slack-dark': () => import('shiki/themes/slack-dark.json').then((mod) => mod.default),
-	'slack-ochin': () => import('shiki/themes/slack-ochin.json').then((mod) => mod.default),
-	'solarized-dark': () => import('shiki/themes/solarized-dark.json').then((mod) => mod.default),
-	'solarized-light': () => import('shiki/themes/solarized-light.json').then((mod) => mod.default),
-	'vitesse-dark': () => import('shiki/themes/vitesse-dark.json').then((mod) => mod.default),
-	'vitesse-light': () => import('shiki/themes/vitesse-light.json').then((mod) => mod.default),
+	'css-variables': () => import('shiki/themes/css-variables.json').then(mod => mod.default),
+	'dark-plus': () => import('shiki/themes/dark-plus.json').then(mod => mod.default),
+	'dracula-soft': () => import('shiki/themes/dracula-soft.json').then(mod => mod.default),
+	'dracula': () => import('shiki/themes/dracula.json').then(mod => mod.default),
+	'github-dark-dimmed': () => import('shiki/themes/github-dark-dimmed.json').then(mod => mod.default),
+	'github-dark': () => import('shiki/themes/github-dark.json').then(mod => mod.default),
+	'github-light': () => import('shiki/themes/github-light.json').then(mod => mod.default),
+	'hc_light': () => import('shiki/themes/hc_light.json').then(mod => mod.default),
+	'light-plus': () => import('shiki/themes/light-plus.json').then(mod => mod.default),
+	'material-theme-darker': () => import('shiki/themes/material-theme-darker.json').then(mod => mod.default),
+	'material-theme-lighter': () => import('shiki/themes/material-theme-lighter.json').then(mod => mod.default),
+	'material-theme-ocean': () => import('shiki/themes/material-theme-ocean.json').then(mod => mod.default),
+	'material-theme-palenight': () => import('shiki/themes/material-theme-palenight.json').then(mod => mod.default),
+	'material-theme': () => import('shiki/themes/material-theme.json').then(mod => mod.default),
+	'min-dark': () => import('shiki/themes/min-dark.json').then(mod => mod.default),
+	'min-light': () => import('shiki/themes/min-light.json').then(mod => mod.default),
+	'monokai': () => import('shiki/themes/monokai.json').then(mod => mod.default),
+	'nord': () => import('shiki/themes/nord.json').then(mod => mod.default),
+	'one-dark-pro': () => import('shiki/themes/one-dark-pro.json').then(mod => mod.default),
+	'poimandres': () => import('shiki/themes/poimandres.json').then(mod => mod.default),
+	'rose-pine-dawn': () => import('shiki/themes/rose-pine-dawn.json').then(mod => mod.default),
+	'rose-pine-moon': () => import('shiki/themes/rose-pine-moon.json').then(mod => mod.default),
+	'rose-pine': () => import('shiki/themes/rose-pine.json').then(mod => mod.default),
+	'slack-dark': () => import('shiki/themes/slack-dark.json').then(mod => mod.default),
+	'slack-ochin': () => import('shiki/themes/slack-ochin.json').then(mod => mod.default),
+	'solarized-dark': () => import('shiki/themes/solarized-dark.json').then(mod => mod.default),
+	'solarized-light': () => import('shiki/themes/solarized-light.json').then(mod => mod.default),
+	'vitesse-dark': () => import('shiki/themes/vitesse-dark.json').then(mod => mod.default),
+	'vitesse-light': () => import('shiki/themes/vitesse-light.json').then(mod => mod.default),
+	// old theme names for compat
+	'material-darker': () => import('shiki/themes/material-theme-darker').then(mod => mod.default),
+	'material-default': () => import('shiki/themes/material-theme').then(mod => mod.default),
+	'material-lighter': () => import('shiki/themes/material-theme-lighter').then(mod => mod.default),
+	'material-ocean': () => import('shiki/themes/material-theme-ocean').then(mod => mod.default),
+	'material-palenight': () => import('shiki/themes/material-theme-palenight').then(mod => mod.default),
 };

package/dist/@types/astro.d.ts

@@ -70,6 +70,7 @@ export interface CLIFlags {
     drafts?: boolean;
     open?: boolean;
     experimentalAssets?: boolean;
+    experimentalMiddleware?: boolean;
 }
 export interface BuildConfig {
     /**
@@ -376,6 +377,22 @@ export interface AstroUserConfig {
      * ```
      */
     outDir?: string;
+    /**
+     * @docs
+     * @name cacheDir
+     * @type {string}
+     * @default `"./node_modules/.astro"`
+     * @description Set the directory for caching build artifacts. Files in this directory will be used in subsequent builds to speed up the build time.
+     *
+     * The value can be either an absolute file system path or a path relative to the project root.
+     *
+     * ```js
+     * {
+     *   cacheDir: './my-custom-cache-directory'
+     * }
+     * ```
+     */
+    cacheDir?: string;
     /**
      * @docs
      * @name site
@@ -438,6 +455,22 @@ export interface AstroUserConfig {
      * ```
      */
     trailingSlash?: 'always' | 'never' | 'ignore';
+    /**
+     * @docs
+     * @name scopedStyleStrategy
+     * @type {('where' | 'class')}
+     * @default `'where'`
+     * @description
+     * @version 2.4
+     *
+     * Specify the strategy used for scoping styles within Astro components. Choose from:
+     *   - `'where'` - Use `:where` selectors, causing no specifity increase.
+     *   - `'class'` - Use class-based selectors, causing a +1 specifity increase.
+     *
+     * Using `'class'` is helpful when you want to ensure that element selectors within an Astro component override global style defaults (e.g. from a global stylesheet).
+     * Using `'where'` gives you more control over specifity, but requires that you use higher-specifity selectors, layers, and other tools to control which selectors are applied.
+     */
+    scopedStyleStrategy?: 'where' | 'class';
     /**
      * @docs
      * @name adapter
@@ -945,6 +978,44 @@ export interface AstroUserConfig {
          * }
          */
         assets?: boolean;
+        /**
+         * @docs
+         * @name experimental.inlineStylesheets
+         * @type {('always' | 'auto' | 'never')}
+         * @default `never`
+         * @description
+         * Control whether styles are sent to the browser in a separate css file or inlined into <style> tags. Choose from the following options:
+         *  - `'always'` - all styles are inlined into <style> tags
+         *  - `'auto'` - only stylesheets smaller than `ViteConfig.build.assetsInlineLimit` (default: 4kb) are inlined. Otherwise, styles are sent in external stylesheets.
+         *  - `'never'` - all styles are sent in external stylesheets
+         *
+         * ```js
+         * {
+         * 	experimental: {
+         *		inlineStylesheets: `auto`,
+         * 	},
+         * }
+         */
+        inlineStylesheets?: 'always' | 'auto' | 'never';
+        /**
+         * @docs
+         * @name experimental.middleware
+         * @type {boolean}
+         * @default `false`
+         * @version 2.4.0
+         * @description
+         * Enable experimental support for Astro middleware.
+         *
+         * To enable this feature, set `experimental.middleware` to `true` in your Astro config:
+         *
+         * ```js
+         * {
+         * 	experimental: {
+         *		middleware: true,
+         * 	},
+         * }
+         */
+        middleware?: boolean;
     };
     /** @deprecated - Use "integrations" instead. Run Astro to learn more about migrating. */
     renderers?: never;
@@ -1264,6 +1335,10 @@ interface AstroSharedContext<Props extends Record<string, any> = Record<string,
      * Redirect to another page (**SSR Only**).
      */
     redirect(path: string, status?: 301 | 302 | 303 | 307 | 308): Response;
+    /**
+     * Object accessed via Astro middleware
+     */
+    locals: App.Locals;
 }
 export interface APIContext<Props extends Record<string, any> = Record<string, any>> extends AstroSharedContext<Props> {
     site: URL | undefined;
@@ -1295,7 +1370,7 @@ export interface APIContext<Props extends Record<string, any> = Record<string, a
      * }
      * ```
      *
-     * [context reference](https://docs.astro.build/en/guides/api-reference/#contextparams)
+     * [context reference](https://docs.astro.build/en/reference/api-reference/#contextparams)
      */
     params: AstroSharedContext['params'];
     /**
@@ -1335,6 +1410,30 @@ export interface APIContext<Props extends Record<string, any> = Record<string, a
      * [context reference](https://docs.astro.build/en/guides/api-reference/#contextredirect)
      */
     redirect: AstroSharedContext['redirect'];
+    /**
+     * Object accessed via Astro middleware.
+     *
+     * Example usage:
+     *
+     * ```ts
+     * // src/middleware.ts
+     * import {defineMiddleware} from "astro/middleware";
+     *
+     * export const onRequest = defineMiddleware((context, next) => {
+     *   context.locals.greeting = "Hello!";
+     *   next();
+     * });
+     * ```
+     * Inside a `.astro` file:
+     * ```astro
+     * ---
+     * // src/pages/index.astro
+     * const greeting = Astro.locals.greeting;
+     * ---
+     * <h1>{greeting}</h1>
+     * ```
+     */
+    locals: App.Locals;
 }
 export type Props = Record<string, unknown>;
 export interface EndpointOutput {
@@ -1415,6 +1514,14 @@ export interface AstroIntegration {
         }) => void | Promise<void>;
     };
 }
+export type MiddlewareNext<R> = () => Promise<R>;
+export type MiddlewareHandler<R> = (context: APIContext, next: MiddlewareNext<R>) => Promise<R> | Promise<void> | void;
+export type MiddlewareResponseHandler = MiddlewareHandler<Response>;
+export type MiddlewareEndpointHandler = MiddlewareHandler<Response | EndpointOutput>;
+export type MiddlewareNextResponse = MiddlewareNext<Response>;
+export type AstroMiddlewareInstance<R> = {
+    onRequest?: MiddlewareHandler<R>;
+};
 export interface AstroPluginOptions {
     settings: AstroSettings;
     logging: LogOptions;

package/dist/assets/internal.d.ts

@@ -3,22 +3,6 @@ import { type ImageService } from './services/service.js';
 import type { GetImageResult, ImageMetadata, ImageTransform } from './types.js';
 export declare function isESMImportedImage(src: ImageMetadata | string): src is ImageMetadata;
 export declare function getConfiguredImageService(): Promise<ImageService>;
-/**
- * Get an optimized image and the necessary attributes to render it.
- *
- * **Example**
- * ```astro
- * ---
- * import { getImage } from 'astro:assets';
- * import originalImage from '../assets/image.png';
- *
- * const optimizedImage = await getImage({src: originalImage, width: 1280 });
- * ---
- * <img src={optimizedImage.src} {...optimizedImage.attributes} />
- * ```
- *
- * This is functionally equivalent to using the `<Image />` component, as the component calls this function internally.
- */
 export declare function getImage(options: ImageTransform, serviceConfig: Record<string, any>): Promise<GetImageResult>;
 export declare function getStaticImageList(): Iterable<[
     string,
@@ -27,11 +11,16 @@ export declare function getStaticImageList(): Iterable<[
         options: ImageTransform;
     }
 ]>;
-interface GenerationData {
+interface GenerationDataUncached {
+    cached: false;
     weight: {
         before: number;
         after: number;
     };
 }
+interface GenerationDataCached {
+    cached: true;
+}
+type GenerationData = GenerationDataUncached | GenerationDataCached;
 export declare function generateImage(buildOpts: StaticBuildOptions, options: ImageTransform, filepath: string): Promise<GenerationData | undefined>;
 export {};

package/dist/assets/internal.js

@@ -55,7 +55,17 @@ async function generateImage(buildOpts, options, filepath) {
   if (!isESMImportedImage(options.src)) {
     return void 0;
   }
-  const imageService = await getConfiguredImageService();
+  let useCache = true;
+  const assetsCacheDir = new URL("assets/", buildOpts.settings.config.cacheDir);
+  try {
+    await fs.promises.mkdir(assetsCacheDir, { recursive: true });
+  } catch (err) {
+    console.error(
+      "An error was encountered while creating the cache directory. Proceeding without caching. Error: ",
+      err
+    );
+    useCache = false;
+  }
   let serverRoot, clientRoot;
   if (buildOpts.settings.config.output === "server") {
     serverRoot = buildOpts.settings.config.build.server;
@@ -64,6 +74,16 @@ async function generateImage(buildOpts, options, filepath) {
     serverRoot = buildOpts.settings.config.outDir;
     clientRoot = buildOpts.settings.config.outDir;
   }
+  const finalFileURL = new URL("." + filepath, clientRoot);
+  const finalFolderURL = new URL("./", finalFileURL);
+  const cachedFileURL = new URL(basename(filepath), assetsCacheDir);
+  try {
+    await fs.promises.copyFile(cachedFileURL, finalFileURL);
+    return {
+      cached: true
+    };
+  } catch (e) {
+  }
   const originalImagePath = options.src.src;
   const fileData = await fs.promises.readFile(
     new URL(
@@ -73,16 +93,29 @@ async function generateImage(buildOpts, options, filepath) {
       serverRoot
     )
   );
+  const imageService = await getConfiguredImageService();
   const resultData = await imageService.transform(
     fileData,
     { ...options, src: originalImagePath },
     buildOpts.settings.config.image.service.config
   );
-  const finalFileURL = new URL("." + filepath, clientRoot);
-  const finalFolderURL = new URL("./", finalFileURL);
   await fs.promises.mkdir(finalFolderURL, { recursive: true });
-  await fs.promises.writeFile(finalFileURL, resultData.data);
+  if (useCache) {
+    try {
+      await fs.promises.writeFile(cachedFileURL, resultData.data);
+      await fs.promises.copyFile(cachedFileURL, finalFileURL);
+    } catch (e) {
+      console.error(
+        `There was an error creating the cache entry for ${filepath}. Attempting to write directly to output directory. Error: `,
+        e
+      );
+      await fs.promises.writeFile(finalFileURL, resultData.data);
+    }
+  } else {
+    await fs.promises.writeFile(finalFileURL, resultData.data);
+  }
   return {
+    cached: false,
     weight: {
       before: Math.trunc(fileData.byteLength / 1024),
       after: Math.trunc(resultData.data.byteLength / 1024)

package/dist/content/runtime.js

@@ -5,7 +5,6 @@ import {
   createHeadAndContent,
   renderComponent,
   renderScriptElement,
-  renderStyleElement,
   renderTemplate,
   renderUniqueStylesheet,
   unescapeHTML
@@ -125,12 +124,18 @@ async function render({
     factory(result, baseProps, slots) {
       let styles = "", links = "", scripts = "";
       if (Array.isArray(collectedStyles)) {
-        styles = collectedStyles.map((style) => renderStyleElement(style)).join("");
+        styles = collectedStyles.map((style) => {
+          return renderUniqueStylesheet(result, {
+            type: "inline",
+            content: style
+          });
+        }).join("");
       }
       if (Array.isArray(collectedLinks)) {
         links = collectedLinks.map((link) => {
           return renderUniqueStylesheet(result, {
-            href: prependForwardSlash(link)
+            type: "external",
+            src: prependForwardSlash(link)
           });
         }).join("");
       }

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

@@ -98,7 +98,8 @@ function astroConfigBuildPlugin(options, internals) {
         };
         for (const chunk of outputs) {
           if (chunk.type === "chunk" && (chunk.code.includes(LINKS_PLACEHOLDER) || chunk.code.includes(SCRIPTS_PLACEHOLDER))) {
-            let entryCSS = /* @__PURE__ */ new Set();
+            let entryStyles = /* @__PURE__ */ new Set();
+            let entryLinks = /* @__PURE__ */ new Set();
             let entryScripts = /* @__PURE__ */ new Set();
             for (const id of Object.keys(chunk.modules)) {
               for (const [pageInfo] of walkParentInfos(id, ssrPluginContext)) {
@@ -111,7 +112,10 @@ function astroConfigBuildPlugin(options, internals) {
                   const _entryScripts = (_b = pageData.propagatedScripts) == null ? void 0 : _b.get(id);
                   if (_entryCss) {
                     for (const value of _entryCss) {
-                      entryCSS.add(value);
+                      if (value.type === "inline")
+                        entryStyles.add(value.content);
+                      if (value.type === "external")
+                        entryLinks.add(value.src);
                     }
                   }
                   if (_entryScripts) {
@@ -123,10 +127,16 @@ function astroConfigBuildPlugin(options, internals) {
               }
             }
             let newCode = chunk.code;
-            if (entryCSS.size) {
+            if (entryStyles.size) {
+              newCode = newCode.replace(
+                JSON.stringify(STYLES_PLACEHOLDER),
+                JSON.stringify(Array.from(entryStyles))
+              );
+            }
+            if (entryLinks.size) {
               newCode = newCode.replace(
                 JSON.stringify(LINKS_PLACEHOLDER),
-                JSON.stringify(Array.from(entryCSS).map(prependBase))
+                JSON.stringify(Array.from(entryLinks).map(prependBase))
               );
             }
             if (entryScripts.size) {

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

@@ -90,7 +90,7 @@ function astroContentImportPlugin({
   if (settings.contentEntryTypes.some((t) => t.getRenderModule)) {
     plugins.push({
       name: "astro:content-render-imports",
-      async load(viteId) {
+      async transform(_, viteId) {
         const contentRenderer = getContentRendererByViteId(viteId, settings);
         if (!contentRenderer)
           return;

package/dist/core/app/index.js

@@ -1,8 +1,9 @@
 import mime from "mime";
 import { attachToResponse, getSetCookiesFromResponse } from "../cookies/index.js";
-import { call as callEndpoint } from "../endpoint/index.js";
+import { call as callEndpoint, createAPIContext } from "../endpoint/index.js";
 import { consoleLogDestination } from "../logger/console.js";
 import { error } from "../logger/core.js";
+import { callMiddleware } from "../middleware/callMiddleware.js";
 import { removeTrailingForwardSlash } from "../path.js";
 import {
   createEnvironment,
@@ -12,11 +13,12 @@ import {
 import { RouteCache } from "../render/route-cache.js";
 import {
   createAssetLink,
-  createLinkStylesheetElementSet,
-  createModuleScriptElement
+  createModuleScriptElement,
+  createStylesheetElementSet
 } from "../render/ssr-element.js";
 import { matchRoute } from "../routing/match.js";
 import { deserializeManifest } from "./common.js";
+const clientLocalsSymbol = Symbol.for("astro.locals");
 const pagesVirtualModuleId = "@astrojs-pages-virtual-entry";
 const resolvedPagesVirtualModuleId = "\0" + pagesVirtualModuleId;
 const responseSentSymbol = Symbol.for("astro.responseSent");
@@ -108,6 +110,7 @@ class App {
         });
       }
     }
+    Reflect.set(request, clientLocalsSymbol, {});
     if (routeData.route === "/404") {
       defaultStatus = 404;
     }
@@ -141,10 +144,12 @@ class App {
     return getSetCookiesFromResponse(response);
   }
   async #renderPage(request, routeData, mod, status = 200) {
+    var _a;
     const url = new URL(request.url);
     const pathname = "/" + this.removeBase(url.pathname);
     const info = this.#routeDataToRouteInfo.get(routeData);
-    const links = createLinkStylesheetElementSet(info.links);
+    const links = /* @__PURE__ */ new Set();
+    const styles = createStylesheetElementSet(info.styles);
     let scripts = /* @__PURE__ */ new Set();
     for (const script of info.scripts) {
       if ("stage" in script) {
@@ -159,17 +164,44 @@ class App {
       }
     }
     try {
-      const ctx = createRenderContext({
+      const renderContext = await createRenderContext({
         request,
         origin: url.origin,
         pathname,
         componentMetadata: this.#manifest.componentMetadata,
         scripts,
+        styles,
         links,
         route: routeData,
-        status
+        status,
+        mod,
+        env: this.#env
       });
-      const response = await renderPage(mod, ctx, this.#env);
+      const apiContext = createAPIContext({
+        request: renderContext.request,
+        params: renderContext.params,
+        props: renderContext.props,
+        site: this.#env.site,
+        adapterName: this.#env.adapterName
+      });
+      const onRequest = (_a = this.#manifest.middleware) == null ? void 0 : _a.onRequest;
+      let response;
+      if (onRequest) {
+        response = await callMiddleware(
+          onRequest,
+          apiContext,
+          () => {
+            return renderPage({ mod, renderContext, env: this.#env, apiContext });
+          }
+        );
+      } else {
+        response = await renderPage({
+          mod,
+          renderContext,
+          env: this.#env,
+          apiContext
+        });
+      }
       Reflect.set(request, responseSentSymbol, true);
       return response;
     } catch (err) {
@@ -184,14 +216,22 @@ class App {
     const url = new URL(request.url);
     const pathname = "/" + this.removeBase(url.pathname);
     const handler = mod;
-    const ctx = createRenderContext({
+    const ctx = await createRenderContext({
       request,
       origin: url.origin,
       pathname,
       route: routeData,
-      status
+      status,
+      env: this.#env,
+      mod: handler
     });
-    const result = await callEndpoint(handler, this.#env, ctx, this.#logging);
+    const result = await callEndpoint(
+      handler,
+      this.#env,
+      ctx,
+      this.#logging,
+      this.#manifest.middleware
+    );
     if (result.type === "response") {
       if (result.response.headers.get("X-Astro-Response") === "Not-Found") {
         const fourOhFourRequest = new Request(new URL("/404", request.url));

package/dist/core/app/types.d.ts

@@ -1,6 +1,13 @@
 import type { MarkdownRenderingOptions } from '@astrojs/markdown-remark';
-import type { ComponentInstance, RouteData, SerializedRouteData, SSRComponentMetadata, SSRLoadedRenderer, SSRResult } from '../../@types/astro';
+import type { AstroMiddlewareInstance, ComponentInstance, RouteData, SerializedRouteData, SSRComponentMetadata, SSRLoadedRenderer, SSRResult } from '../../@types/astro';
 export type ComponentPath = string;
+export type StylesheetAsset = {
+    type: 'inline';
+    content: string;
+} | {
+    type: 'external';
+    src: string;
+};
 export interface RouteInfo {
     routeData: RouteData;
     file: string;
@@ -12,6 +19,7 @@ export interface RouteInfo {
         type: 'inline' | 'external';
         value: string;
     })[];
+    styles: StylesheetAsset[];
 }
 export type SerializedRouteInfo = Omit<RouteInfo, 'routeData'> & {
     routeData: SerializedRouteData;
@@ -28,6 +36,7 @@ export interface SSRManifest {
     entryModules: Record<string, string>;
     assets: Set<string>;
     componentMetadata: SSRResult['componentMetadata'];
+    middleware?: AstroMiddlewareInstance<unknown>;
 }
 export type SerializedSSRManifest = Omit<SSRManifest, 'routes' | 'assets' | 'componentMetadata'> & {
     routes: SerializedRouteInfo[];