astro 3.5.6 → 3.6.0

package/client.d.ts

@@ -109,6 +109,7 @@ declare module 'astro:transitions' {
 	type TransitionModule = typeof import('./dist/transitions/index.js');
 	export const slide: TransitionModule['slide'];
 	export const fade: TransitionModule['fade'];
+	export const createAnimationScope: TransitionModule['createAnimationScope'];
 
 	type ViewTransitionsModule = typeof import('./components/ViewTransitions.astro');
 	export const ViewTransitions: ViewTransitionsModule['default'];
@@ -116,10 +117,30 @@ declare module 'astro:transitions' {
 
 declare module 'astro:transitions/client' {
 	type TransitionRouterModule = typeof import('./dist/transitions/router.js');
-	export const supportsViewTransitions: TransitionRouterModule['supportsViewTransitions'];
-	export const transitionEnabledOnThisPage: TransitionRouterModule['transitionEnabledOnThisPage'];
 	export const navigate: TransitionRouterModule['navigate'];
-	export type Options = import('./dist/transitions/router.js').Options;
+
+	type TransitionUtilModule = typeof import('./dist/transitions/util.js');
+	export const supportsViewTransitions: TransitionUtilModule['supportsViewTransitions'];
+	export const getFallback: TransitionUtilModule['getFallback'];
+	export const transitionEnabledOnThisPage: TransitionUtilModule['transitionEnabledOnThisPage'];
+
+	export type Fallback = import('./dist/transitions/types.ts').Fallback;
+	export type Direction = import('./dist/transitions/types.ts').Direction;
+	export type NavigationTypeString = import('./dist/transitions/types.ts').NavigationTypeString;
+	export type Options = import('./dist/transitions/types.ts').Options;
+
+	type EventModule = typeof import('./dist/transitions/events.js');
+	export const TRANSITION_BEFORE_PREPARATION: EventModule['TRANSITION_BEFORE_PREPARATION'];
+	export const TRANSITION_AFTER_PREPARATION: EventModule['TRANSITION_AFTER_PREPARATION'];
+	export const TRANSITION_BEFORE_SWAP: EventModule['TRANSITION_BEFORE_SWAP'];
+	export const TRANSITION_AFTER_SWAP: EventModule['TRANSITION_AFTER_SWAP'];
+	export const TRANSITION_PAGE_LOAD: EventModule['TRANSITION_PAGE_LOAD'];
+	export type TransitionBeforePreparationEvent =
+		import('./dist/transitions/events.ts').TransitionBeforePreparationEvent;
+	export type TransitionBeforeSwapEvent =
+		import('./dist/transitions/events.ts').TransitionBeforeSwapEvent;
+	export const isTransitionBeforePreparationEvent: EventModule['isTransitionBeforePreparationEvent'];
+	export const isTransitionBeforeSwapEvent: EventModule['isTransitionBeforeSwapEvent'];
 }
 
 declare module 'astro:prefetch' {

package/components/ViewTransitions.astro

@@ -33,7 +33,7 @@ const { fallback = 'animate', handleForms } = Astro.props;
 	// @ts-ignore
 	import { init } from 'astro/prefetch';
 
-	export type Fallback = 'none' | 'animate' | 'swap';
+	type Fallback = 'none' | 'animate' | 'swap';
 
 	function getFallback(): Fallback {
 		const el = document.querySelector('[name="astro-view-transitions-fallback"]');
@@ -85,6 +85,7 @@ const { fallback = 'animate', handleForms } = Astro.props;
 			ev.preventDefault();
 			navigate(href, {
 				history: link.dataset.astroHistory === 'replace' ? 'replace' : 'auto',
+				sourceElement: link,
 			});
 		});
 
@@ -102,7 +103,7 @@ const { fallback = 'animate', handleForms } = Astro.props;
 				let action = submitter?.getAttribute('formaction') ?? form.action ?? location.pathname;
 				const method = submitter?.getAttribute('formmethod') ?? form.method;
 
-				const options: Options = {};
+				const options: Options = { sourceElement: submitter ?? form };
 				if (method === 'get') {
 					const params = new URLSearchParams(formData as any);
 					const url = new URL(action);

package/dist/core/build/generate.js

@@ -194,40 +194,15 @@ ${bgGreen(black(` generating optimized images `))}`);
   });
 }
 async function generatePage(pageData, ssrEntry, builtPaths, pipeline) {
+  let timeStart = performance.now();
   const logger = pipeline.getLogger();
   const config = pipeline.getConfig();
-  const manifest = pipeline.getManifest();
+  const pageInfo = getPageDataByComponent(pipeline.getInternals(), pageData.route.component);
+  const linkIds = [];
+  const scripts = pageInfo?.hoistedScript ?? null;
+  const styles = pageData.styles.sort(cssOrder).map(({ sheet }) => sheet).reduce(mergeInlineCss, []);
   const pageModulePromise = ssrEntry.page;
   const onRequest = ssrEntry.onRequest;
-  const pageInfo = getPageDataByComponent(pipeline.getInternals(), pageData.route.component);
-  const hoistedScripts = pageInfo?.hoistedScript ?? null;
-  const moduleStyles = pageData.styles.sort(cssOrder).map(({ sheet }) => sheet).reduce(mergeInlineCss, []);
-  const links = /* @__PURE__ */ new Set();
-  const styles = createStylesheetElementSet(moduleStyles, manifest.base, manifest.assetsPrefix);
-  const scripts = createModuleScriptsSet(
-    hoistedScripts ? [hoistedScripts] : [],
-    manifest.base,
-    manifest.assetsPrefix
-  );
-  if (pipeline.getSettings().scripts.some((script) => script.stage === "page")) {
-    const hashedFilePath = pipeline.getInternals().entrySpecifierToBundleMap.get(PAGE_SCRIPT_ID);
-    if (typeof hashedFilePath !== "string") {
-      throw new Error(`Cannot find the built path for ${PAGE_SCRIPT_ID}`);
-    }
-    const src = createAssetLink(hashedFilePath, manifest.base, manifest.assetsPrefix);
-    scripts.add({
-      props: { type: "module", src },
-      children: ""
-    });
-  }
-  for (const script of pipeline.getSettings().scripts) {
-    if (script.stage === "head-inline") {
-      scripts.add({
-        props: {},
-        children: script.content
-      });
-    }
-  }
   const i18nMiddleware = createI18nMiddleware(
     pipeline.getManifest().i18n,
     pipeline.getManifest().base,
@@ -259,22 +234,34 @@ async function generatePage(pageData, ssrEntry, builtPaths, pipeline) {
     );
     return;
   }
-  for (const route of eachRouteInRouteData(pageData)) {
-    const paths = await getPathsForRoute(route, pageModule, pipeline, builtPaths);
-    let timeStart = performance.now();
-    let prevTimeEnd = timeStart;
-    for (let i = 0; i < paths.length; i++) {
-      const path = paths[i];
-      pipeline.getEnvironment().logger.debug("build", `Generating: ${path}`);
-      await generatePath(path, pipeline, route, links, scripts, styles, pageModule);
-      const timeEnd = performance.now();
-      const timeChange = getTimeStat(prevTimeEnd, timeEnd);
-      const timeIncrease = `(+${timeChange})`;
-      const filePath = getOutputFilename(pipeline.getConfig(), path, pageData.route.type);
-      const lineIcon = i === paths.length - 1 ? "\u2514\u2500" : "\u251C\u2500";
-      logger.info(null, `  ${cyan(lineIcon)} ${dim(filePath)} ${dim(timeIncrease)}`);
-      prevTimeEnd = timeEnd;
+  const generationOptions = {
+    pageData,
+    linkIds,
+    scripts,
+    styles,
+    mod: pageModule
+  };
+  const icon = pageData.route.type === "page" || pageData.route.type === "redirect" || pageData.route.type === "fallback" ? green("\u25B6") : magenta("\u03BB");
+  if (isRelativePath(pageData.route.component)) {
+    logger.info(null, `${icon} ${pageData.route.route}`);
+    for (const fallbackRoute of pageData.route.fallbackRoutes) {
+      logger.info(null, `${icon} ${fallbackRoute.route}`);
     }
+  } else {
+    logger.info(null, `${icon} ${pageData.route.component}`);
+  }
+  const paths = await getPathsForRoute(pageData, pageModule, pipeline, builtPaths);
+  let prevTimeEnd = timeStart;
+  for (let i = 0; i < paths.length; i++) {
+    const path = paths[i];
+    await generatePath(path, generationOptions, pipeline);
+    const timeEnd = performance.now();
+    const timeChange = getTimeStat(prevTimeEnd, timeEnd);
+    const timeIncrease = `(+${timeChange})`;
+    const filePath = getOutputFilename(pipeline.getConfig(), path, pageData.route.type);
+    const lineIcon = i === paths.length - 1 ? "\u2514\u2500" : "\u251C\u2500";
+    logger.info(null, `  ${cyan(lineIcon)} ${dim(filePath)} ${dim(timeIncrease)}`);
+    prevTimeEnd = timeEnd;
   }
 }
 function* eachRouteInRouteData(data) {
@@ -283,55 +270,59 @@ function* eachRouteInRouteData(data) {
     yield fallbackRoute;
   }
 }
-async function getPathsForRoute(route, mod, pipeline, builtPaths) {
+async function getPathsForRoute(pageData, mod, pipeline, builtPaths) {
   const opts = pipeline.getStaticBuildOptions();
   const logger = pipeline.getLogger();
   let paths = [];
-  if (route.pathname) {
-    paths.push(route.pathname);
-    builtPaths.add(route.pathname);
-    for (const virtualRoute of route.fallbackRoutes) {
+  if (pageData.route.pathname) {
+    paths.push(pageData.route.pathname);
+    builtPaths.add(pageData.route.pathname);
+    for (const virtualRoute of pageData.route.fallbackRoutes) {
       if (virtualRoute.pathname) {
         paths.push(virtualRoute.pathname);
         builtPaths.add(virtualRoute.pathname);
       }
     }
   } else {
-    const staticPaths = await callGetStaticPaths({
-      mod,
-      route,
-      routeCache: opts.routeCache,
-      logger,
-      ssr: isServerLikeOutput(opts.settings.config)
-    }).catch((err) => {
-      logger.debug("build", `\u251C\u2500\u2500 ${colors.bold(colors.red("\u2717"))} ${route.component}`);
-      throw err;
-    });
-    const label = staticPaths.length === 1 ? "page" : "pages";
-    logger.debug(
-      "build",
-      `\u251C\u2500\u2500 ${colors.bold(colors.green("\u2714"))} ${route.component} \u2192 ${colors.magenta(
-        `[${staticPaths.length} ${label}]`
-      )}`
-    );
-    paths = staticPaths.map((staticPath) => {
-      try {
-        return route.generate(staticPath.params);
-      } catch (e) {
-        if (e instanceof TypeError) {
-          throw getInvalidRouteSegmentError(e, route, staticPath);
-        }
-        throw e;
-      }
-    }).filter((staticPath) => {
-      if (!builtPaths.has(removeTrailingForwardSlash(staticPath))) {
-        return true;
+    for (const route of eachRouteInRouteData(pageData)) {
+      const staticPaths = await callGetStaticPaths({
+        mod,
+        route,
+        routeCache: opts.routeCache,
+        logger,
+        ssr: isServerLikeOutput(opts.settings.config)
+      }).catch((err) => {
+        logger.debug("build", `\u251C\u2500\u2500 ${colors.bold(colors.red("\u2717"))} ${route.component}`);
+        throw err;
+      });
+      const label = staticPaths.length === 1 ? "page" : "pages";
+      logger.debug(
+        "build",
+        `\u251C\u2500\u2500 ${colors.bold(colors.green("\u2714"))} ${route.component} \u2192 ${colors.magenta(
+          `[${staticPaths.length} ${label}]`
+        )}`
+      );
+      paths.push(
+        ...staticPaths.map((staticPath) => {
+          try {
+            return route.generate(staticPath.params);
+          } catch (e) {
+            if (e instanceof TypeError) {
+              throw getInvalidRouteSegmentError(e, route, staticPath);
+            }
+            throw e;
+          }
+        }).filter((staticPath) => {
+          if (!builtPaths.has(removeTrailingForwardSlash(staticPath))) {
+            return true;
+          }
+          const matchedRoute = matchRoute(staticPath, opts.manifest);
+          return matchedRoute === route;
+        })
+      );
+      for (const staticPath of paths) {
+        builtPaths.add(removeTrailingForwardSlash(staticPath));
       }
-      const matchedRoute = matchRoute(staticPath, opts.manifest);
-      return matchedRoute === route;
-    });
-    for (const staticPath of paths) {
-      builtPaths.add(removeTrailingForwardSlash(staticPath));
     }
   }
   return paths;
@@ -380,69 +371,90 @@ function getUrlForPath(pathname, base, origin, format, routeType) {
   const url = new URL(buildPathname, origin);
   return url;
 }
-async function generatePath(pathname, pipeline, route, links, scripts, styles, mod) {
+async function generatePath(pathname, gopts, pipeline) {
   const manifest = pipeline.getManifest();
-  const logger = pipeline.getLogger();
-  pipeline.getEnvironment().logger.debug("build", `Generating: ${pathname}`);
-  const icon = route.type === "page" || route.type === "redirect" || route.type === "fallback" ? green("\u25B6") : magenta("\u03BB");
-  if (isRelativePath(route.component)) {
-    logger.info(null, `${icon} ${route.route}`);
-  } else {
-    logger.info(null, `${icon} ${route.component}`);
-  }
-  if (route.type === "page") {
-    addPageName(pathname, pipeline.getStaticBuildOptions());
-  }
-  const ssr = isServerLikeOutput(pipeline.getConfig());
-  const url = getUrlForPath(
-    pathname,
-    pipeline.getConfig().base,
-    pipeline.getStaticBuildOptions().origin,
-    pipeline.getConfig().build.format,
-    route.type
-  );
-  const request = createRequest({
-    url,
-    headers: new Headers(),
-    logger: pipeline.getLogger(),
-    ssr
-  });
-  const i18n = pipeline.getConfig().experimental.i18n;
-  const renderContext = await createRenderContext({
-    pathname,
-    request,
-    componentMetadata: manifest.componentMetadata,
-    scripts,
-    styles,
-    links,
-    route,
-    env: pipeline.getEnvironment(),
-    mod,
-    locales: i18n?.locales,
-    routingStrategy: i18n?.routingStrategy,
-    defaultLocale: i18n?.defaultLocale
-  });
-  let body;
-  let encoding;
-  let response;
-  try {
-    response = await pipeline.renderRoute(renderContext, mod);
-  } catch (err) {
-    if (!AstroError.is(err) && !err.id && typeof err === "object") {
-      err.id = route.component;
+  const { mod, scripts: hoistedScripts, styles: _styles, pageData } = gopts;
+  for (const route of eachRouteInRouteData(pageData)) {
+    if (route.type === "page") {
+      addPageName(pathname, pipeline.getStaticBuildOptions());
     }
-    throw err;
-  }
-  if (response.status >= 300 && response.status < 400) {
-    if (!pipeline.getConfig().build.redirects) {
-      return;
+    pipeline.getEnvironment().logger.debug("build", `Generating: ${pathname}`);
+    const links = /* @__PURE__ */ new Set();
+    const scripts = createModuleScriptsSet(
+      hoistedScripts ? [hoistedScripts] : [],
+      manifest.base,
+      manifest.assetsPrefix
+    );
+    const styles = createStylesheetElementSet(_styles, manifest.base, manifest.assetsPrefix);
+    if (pipeline.getSettings().scripts.some((script) => script.stage === "page")) {
+      const hashedFilePath = pipeline.getInternals().entrySpecifierToBundleMap.get(PAGE_SCRIPT_ID);
+      if (typeof hashedFilePath !== "string") {
+        throw new Error(`Cannot find the built path for ${PAGE_SCRIPT_ID}`);
+      }
+      const src = createAssetLink(hashedFilePath, manifest.base, manifest.assetsPrefix);
+      scripts.add({
+        props: { type: "module", src },
+        children: ""
+      });
+    }
+    for (const script of pipeline.getSettings().scripts) {
+      if (script.stage === "head-inline") {
+        scripts.add({
+          props: {},
+          children: script.content
+        });
+      }
     }
-    const locationSite = getRedirectLocationOrThrow(response.headers);
-    const siteURL = pipeline.getConfig().site;
-    const location = siteURL ? new URL(locationSite, siteURL) : locationSite;
-    const fromPath = new URL(renderContext.request.url).pathname;
-    const delay = response.status === 302 ? 2 : 0;
-    body = `<!doctype html>
+    const ssr = isServerLikeOutput(pipeline.getConfig());
+    const url = getUrlForPath(
+      pathname,
+      pipeline.getConfig().base,
+      pipeline.getStaticBuildOptions().origin,
+      pipeline.getConfig().build.format,
+      route.type
+    );
+    const request = createRequest({
+      url,
+      headers: new Headers(),
+      logger: pipeline.getLogger(),
+      ssr
+    });
+    const i18n = pipeline.getConfig().experimental.i18n;
+    const renderContext = await createRenderContext({
+      pathname,
+      request,
+      componentMetadata: manifest.componentMetadata,
+      scripts,
+      styles,
+      links,
+      route,
+      env: pipeline.getEnvironment(),
+      mod,
+      locales: i18n?.locales,
+      routingStrategy: i18n?.routingStrategy,
+      defaultLocale: i18n?.defaultLocale
+    });
+    let body;
+    let encoding;
+    let response;
+    try {
+      response = await pipeline.renderRoute(renderContext, mod);
+    } catch (err) {
+      if (!AstroError.is(err) && !err.id && typeof err === "object") {
+        err.id = pageData.component;
+      }
+      throw err;
+    }
+    if (response.status >= 300 && response.status < 400) {
+      if (!pipeline.getConfig().build.redirects) {
+        return;
+      }
+      const locationSite = getRedirectLocationOrThrow(response.headers);
+      const siteURL = pipeline.getConfig().site;
+      const location = siteURL ? new URL(locationSite, siteURL) : locationSite;
+      const fromPath = new URL(renderContext.request.url).pathname;
+      const delay = response.status === 302 ? 2 : 0;
+      body = `<!doctype html>
 <title>Redirecting to: ${location}</title>
 <meta http-equiv="refresh" content="${delay};url=${location}">
 <meta name="robots" content="noindex">
@@ -450,23 +462,24 @@ async function generatePath(pathname, pipeline, route, links, scripts, styles, m
 <body>
 	<a href="${location}">Redirecting from <code>${fromPath}</code> to <code>${location}</code></a>
 </body>`;
-    if (pipeline.getConfig().compressHTML === true) {
-      body = body.replaceAll("\n", "");
-    }
-    if (route.type !== "redirect") {
-      route.redirect = location.toString();
+      if (pipeline.getConfig().compressHTML === true) {
+        body = body.replaceAll("\n", "");
+      }
+      if (route.type !== "redirect") {
+        route.redirect = location.toString();
+      }
+    } else {
+      if (!response.body)
+        return;
+      body = Buffer.from(await response.arrayBuffer());
+      encoding = response.headers.get("X-Astro-Encoding") ?? "utf-8";
     }
-  } else {
-    if (!response.body)
-      return;
-    body = Buffer.from(await response.arrayBuffer());
-    encoding = response.headers.get("X-Astro-Encoding") ?? "utf-8";
+    const outFolder = getOutFolder(pipeline.getConfig(), pathname, route.type);
+    const outFile = getOutFile(pipeline.getConfig(), outFolder, pathname, route.type);
+    route.distURL = outFile;
+    await fs.promises.mkdir(outFolder, { recursive: true });
+    await fs.promises.writeFile(outFile, body, encoding);
   }
-  const outFolder = getOutFolder(pipeline.getConfig(), pathname, route.type);
-  const outFile = getOutFile(pipeline.getConfig(), outFolder, pathname, route.type);
-  route.distURL = outFile;
-  await fs.promises.mkdir(outFolder, { recursive: true });
-  await fs.promises.writeFile(outFile, body, encoding);
 }
 function createBuildManifest(settings, internals, renderers) {
   let i18nManifest = void 0;

package/dist/core/constants.js

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

package/dist/core/dev/dev.js

@@ -20,7 +20,7 @@ async function dev(inlineConfig) {
       base: restart.container.settings.config.base
     })
   );
-  const currentVersion = "3.5.6";
+  const currentVersion = "3.6.0";
   if (currentVersion.includes("-")) {
     logger.warn(null, msg.prerelease({ currentVersion }));
   }

package/dist/core/messages.js

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

package/dist/core/routing/manifest/create.js

@@ -417,20 +417,25 @@ This route collides with: "${collision.component}".`
             if (!hasRoute) {
               let pathname;
               let route;
-              if (fallbackToLocale === i18n.defaultLocale && i18n.routingStrategy === "prefix-other-locales") {
+              if (fallbackToLocale === i18n.defaultLocale) {
                 if (fallbackToRoute.pathname) {
                   pathname = `/${fallbackFromLocale}${fallbackToRoute.pathname}`;
                 }
                 route = `/${fallbackFromLocale}${fallbackToRoute.route}`;
               } else {
-                pathname = fallbackToRoute.pathname?.replace(`/${fallbackToLocale}/`, `/${fallbackFromLocale}/`).replace(`/${fallbackToLocale}`, `/${fallbackFromLocale}`);
-                route = fallbackToRoute.route.replace(`/${fallbackToLocale}`, `/${fallbackFromLocale}`).replace(`/${fallbackToLocale}/`, `/${fallbackFromLocale}/`);
+                pathname = fallbackToRoute.pathname?.replace(
+                  `/${fallbackToLocale}`,
+                  `/${fallbackFromLocale}`
+                );
+                route = fallbackToRoute.route.replace(
+                  `/${fallbackToLocale}`,
+                  `/${fallbackFromLocale}`
+                );
               }
               const segments = removeLeadingForwardSlash(route).split(path.posix.sep).filter(Boolean).map((s) => {
                 validateSegment(s);
                 return getParts(s, route);
               });
-              const generate = getRouteGenerator(segments, config.trailingSlash);
               const index = routes.findIndex((r) => r === fallbackToRoute);
               if (index) {
                 const fallbackRoute = {
@@ -438,7 +443,6 @@ This route collides with: "${collision.component}".`
                   pathname,
                   route,
                   segments,
-                  generate,
                   pattern: getPattern(segments, config, config.trailingSlash),
                   type: "fallback",
                   fallbackRoutes: []

package/dist/core/routing/params.js

@@ -16,7 +16,7 @@ function getParams(array) {
 }
 function stringifyParams(params, route) {
   const validatedParams = Object.entries(params).reduce((acc, next) => {
-    validateGetStaticPathsParameter(next, route.route);
+    validateGetStaticPathsParameter(next, route.component);
     const [key, value] = next;
     if (value !== void 0) {
       acc[key] = typeof value === "string" ? trimSlashes(value) : value.toString();

package/dist/i18n/middleware.js

@@ -23,7 +23,7 @@ function createI18nMiddleware(i18n, base, trailingSlash) {
       }
     }
     const url = context.url;
-    const { locales, defaultLocale, fallback, routingStrategy } = i18n;
+    const { locales, defaultLocale, fallback } = i18n;
     const response = await next();
     if (response instanceof Response) {
       const separators = url.pathname.split("/");
@@ -56,7 +56,7 @@ function createI18nMiddleware(i18n, base, trailingSlash) {
         if (urlLocale && fallbackKeys.includes(urlLocale)) {
           const fallbackLocale = fallback[urlLocale];
           let newPathname;
-          if (fallbackLocale === defaultLocale && routingStrategy === "prefix-other-locales") {
+          if (fallbackLocale === defaultLocale) {
             newPathname = url.pathname.replace(`/${urlLocale}`, ``);
           } else {
             newPathname = url.pathname.replace(`/${urlLocale}`, `/${fallbackLocale}`);

package/dist/prefetch/index.d.ts

@@ -15,6 +15,10 @@ export interface PrefetchOptions {
      * - `'fetch'`: use `fetch()`, has higher loading priority.
      */
     with?: 'link' | 'fetch';
+    /**
+     * Should prefetch even on data saver mode or slow connection. (default `false`)
+     */
+    ignoreSlowConnection?: boolean;
 }
 /**
  * Prefetch a URL so it's cached when the user navigates to it.

package/dist/prefetch/index.js

@@ -24,7 +24,7 @@ function initTapStrategy() {
       event,
       (e) => {
         if (elMatchesStrategy(e.target, "tap")) {
-          prefetch(e.target.href, { with: "fetch" });
+          prefetch(e.target.href, { with: "fetch", ignoreSlowConnection: true });
         }
       },
       { passive: true }
@@ -112,7 +112,8 @@ function createViewportIntersectionObserver() {
   });
 }
 function prefetch(url, opts) {
-  if (!canPrefetchUrl(url))
+  const ignoreSlowConnection = opts?.ignoreSlowConnection ?? false;
+  if (!canPrefetchUrl(url, ignoreSlowConnection))
     return;
   prefetchedUrls.add(url);
   const priority = opts?.with ?? "link";
@@ -129,14 +130,11 @@ function prefetch(url, opts) {
     });
   }
 }
-function canPrefetchUrl(url) {
+function canPrefetchUrl(url, ignoreSlowConnection) {
   if (!navigator.onLine)
     return false;
-  if ("connection" in navigator) {
-    const conn = navigator.connection;
-    if (conn.saveData || /(2|3)g/.test(conn.effectiveType))
-      return false;
-  }
+  if (!ignoreSlowConnection && isSlowConnection())
+    return false;
   try {
     const urlObj = new URL(url, location.href);
     return location.origin === urlObj.origin && location.pathname !== urlObj.pathname && !prefetchedUrls.has(url);
@@ -151,6 +149,9 @@ function elMatchesStrategy(el, strategy) {
   if (attrValue === "false") {
     return false;
   }
+  if (strategy === "tap" && (attrValue != null || prefetchAll) && isSlowConnection()) {
+    return true;
+  }
   if (attrValue == null && prefetchAll || attrValue === "") {
     return strategy === defaultStrategy;
   }
@@ -159,6 +160,13 @@ function elMatchesStrategy(el, strategy) {
   }
   return false;
 }
+function isSlowConnection() {
+  if ("connection" in navigator) {
+    const conn = navigator.connection;
+    return conn.saveData || /(2|3)g/.test(conn.effectiveType);
+  }
+  return false;
+}
 function onPageLoad(cb) {
   cb();
   let firstLoad = false;

package/dist/runtime/server/transition.d.ts

@@ -1,3 +1,7 @@
-import type { SSRResult, TransitionAnimationValue } from '../../@types/astro.js';
+import type { SSRResult, TransitionAnimationPair, TransitionAnimationValue } from '../../@types/astro.js';
 export declare function createTransitionScope(result: SSRResult, hash: string): string;
 export declare function renderTransition(result: SSRResult, hash: string, animationName: TransitionAnimationValue | undefined, transitionName: string): string;
+export declare function createAnimationScope(transitionName: string, animations: Record<string, TransitionAnimationPair>): {
+    scope: string;
+    styles: string;
+};