Merge branch 'main' into @feat/client-handle-fetch

Author: SomaticIT

.changeset/hip-moons-camp.md renamed to .changeset/heavy-roses-grab.md

@@ -3,4 +3,4 @@
 '@sveltejs/adapter-vercel': patch
 ---
 
-chore(deps): upgrade esbuild to 0.25.2
+chore(deps): upgrade to esbuild 0.25.3

.changeset/khaki-queens-provide.md

@@ -277,7 +277,7 @@ Like `+layout.js`, `+layout.server.js` can export [page options](page-options) 
 
 ## +server
 
-As well as pages, you can define routes with a `+server.js` file (sometimes referred to as an 'API route' or an 'endpoint'), which gives you full control over the response. Your `+server.js` file exports functions corresponding to HTTP verbs like `GET`, `POST`, `PATCH`, `PUT`, `DELETE`, `OPTIONS`, and `HEAD` that take a `RequestEvent` argument and return a [`Response`](https://developer.mozilla.org/en-US/docs/Web/API/Response) object.
+As well as pages, you can define routes with a `+server.js` file (sometimes referred to as an 'API route' or an 'endpoint'), which gives you full control over the response. Your `+server.js` file exports functions corresponding to HTTP verbs like `GET`, `POST`, `PATCH`, `PUT`, `DELETE`, `OPTIONS`, and `HEAD` that take a [`RequestEvent`](@sveltejs-kit#RequestEvent) argument and return a [`Response`](https://developer.mozilla.org/en-US/docs/Web/API/Response) object.
 
 For example we could create an `/api/random-number` route with a `GET` handler:
 

.changeset/purple-feet-lay.md

@@ -34,7 +34,7 @@ Development dependencies will be bundled into your app using [Rollup](https://ro
 
 ### Compressing responses
 
-You will typically want to compress responses coming from the server. If you are already deploying your server behind a reverse proxy for SSL or load balancing, it typically results in better performance to also handle compression at that layer since Node.js is single-threaded.
+You will typically want to compress responses coming from the server. If you're already deploying your server behind a reverse proxy for SSL or load balancing, it typically results in better performance to also handle compression at that layer since Node.js is single-threaded.
 
 However, if you're building a [custom server](#Custom-server) and do want to add a compression middleware there, note that we would recommend using [`@polka/compression`](https://www.npmjs.com/package/@polka/compression) since SvelteKit streams responses and the more popular `compression` package does not support streaming and may cause errors when used.
 
@@ -101,7 +101,7 @@ If `adapter-node` can't correctly determine the URL of your deployment, you may
 
 ### `ADDRESS_HEADER` and `XFF_DEPTH`
 
-The [RequestEvent](@sveltejs-kit#RequestEvent) object passed to hooks and endpoints includes an `event.getClientAddress()` function that returns the client's IP address. By default this is the connecting `remoteAddress`. If your server is behind one or more proxies (such as a load balancer), this value will contain the innermost proxy's IP address rather than the client's, so we need to specify an `ADDRESS_HEADER` to read the address from:
+The [`RequestEvent`](@sveltejs-kit#RequestEvent) object passed to hooks and endpoints includes an `event.getClientAddress()` function that returns the client's IP address. By default this is the connecting `remoteAddress`. If your server is behind one or more proxies (such as a load balancer), this value will contain the innermost proxy's IP address rather than the client's, so we need to specify an `ADDRESS_HEADER` to read the address from:
 
 ```
 ADDRESS_HEADER=True-Client-IP node build

.changeset/silly-ears-visit.md

@@ -51,7 +51,7 @@ Within the `adapt` method, there are a number of things that an adapter should d
 - Output code that:
 	- Imports `Server` from `${builder.getServerDirectory()}/index.js`
 	- Instantiates the app with a manifest generated with `builder.generateManifest({ relativePath })`
-	- Listens for requests from the platform, converts them to a standard [Request](https://developer.mozilla.org/en-US/docs/Web/API/Request) if necessary, calls the `server.respond(request, { getClientAddress })` function to generate a [Response](https://developer.mozilla.org/en-US/docs/Web/API/Response) and responds with it
+	- Listens for requests from the platform, converts them to a standard [`Request`](https://developer.mozilla.org/en-US/docs/Web/API/Request) if necessary, calls the `server.respond(request, { getClientAddress })` function to generate a [`Response`](https://developer.mozilla.org/en-US/docs/Web/API/Response) and responds with it
 	- expose any platform-specific information to SvelteKit via the `platform` option passed to `server.respond`
 	- Globally shims `fetch` to work on the target platform, if necessary. SvelteKit provides a `@sveltejs/kit/node/polyfills` helper for platforms that can use `undici`
 - Bundle the output to avoid needing to install dependencies on the target platform, if necessary

documentation/docs/20-core-concepts/10-routing.md

@@ -112,7 +112,7 @@ The following can be added to `src/hooks.server.js` _and_ `src/hooks.client.js`:
 
 #### on the server
 
-This function allows you to modify (or replace) a `fetch` request that happens inside a `load` or `action` function that runs on the server (or during pre-rendering).
+This function allows you to modify (or replace) a `fetch` request that happens inside a `load`, `action` or `handle` function that runs on the server (or during prerendering).
 
 For example, your `load` function might make a request to a public URL like `https://api.yourapp.com` when the user performs a client-side navigation to the respective page, but during SSR it might make sense to hit the API directly (bypassing whatever proxies and load balancers sit between it and the public internet).
 
@@ -183,7 +183,7 @@ export async function handleFetch({ request, fetch }) {
 
 ### handleError
 
-If an [unexpected error](errors#Unexpected-errors) is thrown during loading or rendering, this function will be called with the `error`, `event`, `status` code and `message`. This allows for two things:
+If an [unexpected error](errors#Unexpected-errors) is thrown during loading, rendering, or from an endpoint, this function will be called with the `error`, `event`, `status` code and `message`. This allows for two things:
 
 - you can log the error
 - you can generate a custom representation of the error that is safe to show to users, omitting sensitive details like messages and stack traces. The returned value, which defaults to `{ message }`, becomes the value of `$page.error`.

documentation/docs/25-build-and-deploy/40-adapter-node.md

@@ -27,8 +27,6 @@ Doing this manually is tedious. There are a variety of techniques you can use, d
 `@sveltejs/enhanced-img` is a plugin offered on top of Vite's built-in asset handling. It provides plug and play image processing that serves smaller file formats like `avif` or `webp`, automatically sets the intrinsic `width` and `height` of the image to avoid layout shift, creates images of multiple sizes for various devices, and strips EXIF data for privacy. It will work in any Vite-based project including, but not limited to, SvelteKit projects.
 
 > [!NOTE] As a build plugin, `@sveltejs/enhanced-img` can only optimize files located on your machine during the build process. If you have an image located elsewhere (such as a path served from your database, CMS, or backend), please read about [loading images dynamically from a CDN](#Loading-images-dynamically-from-a-CDN).
->
-> **WARNING**: The `@sveltejs/enhanced-img` package is experimental. It uses pre-1.0 versioning and may introduce breaking changes with every minor version release.
 
 ### Setup
 
@@ -47,7 +45,7 @@ import { defineConfig } from 'vite';
 
 export default defineConfig({
 	plugins: [
-		+++enhancedImages(),+++
+		+++enhancedImages(), // must come before the SvelteKit plugin+++
 		sveltekit()
 	]
 });
@@ -67,7 +65,7 @@ At build time, your `<enhanced:img>` tag will be replaced with an `<img>` wrappe
 
 You should provide your image at 2x resolution for HiDPI displays (a.k.a. retina displays). `<enhanced:img>` will automatically take care of serving smaller versions to smaller devices.
 
-If you wish to add styles to your `<enhanced:img>`, you should add a `class` and target that.
+> [!NOTE] if you wish to use a [tag name CSS selector](https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics/Basic_selectors#type_selectors) in your `<style>` block you will need to write `enhanced\:img` to escape the colon in the tag name.
 
 ### Dynamically choosing an image
 

documentation/docs/25-build-and-deploy/99-writing-adapters.md

@@ -122,9 +122,20 @@ export default () => ({
 	},
 	supports: {
 		read: () => {
-			throw new Error(
-				"The read function imported from $app/server only works in certain environments. Since you're using @sveltejs/adapter-auto, SvelteKit cannot determine whether it will work when your app is deployed. Please replace it with an adapter tailored to your target environment."
+			supports_error(
+				'The read function imported from $app/server only works in certain environments'
 			);
 		}
 	}
 });
+
+/**
+ * @param {string} message
+ * @returns {never}
+ * @throws {Error}
+ */
+function supports_error(message) {
+	throw new Error(
+		`${message}. Since you're using @sveltejs/adapter-auto, SvelteKit cannot determine whether it will work when your app is deployed. Please replace it with an adapter tailored to your target environment.`
+	);
+}

documentation/docs/30-advanced/20-hooks.md

@@ -1,5 +1,14 @@
 # @sveltejs/adapter-cloudflare
 
+## 7.0.2
+### Patch Changes
+
+
+- chore(deps): upgrade @cloudflare/workers-types to 4.20250415.0 ([#13716](https://github.com/sveltejs/kit/pull/13716))
+
+- Updated dependencies [[`c51fb554416e0c4a21655c1d79e834f69743d1d5`](https://github.com/sveltejs/kit/commit/c51fb554416e0c4a21655c1d79e834f69743d1d5)]:
+  - @sveltejs/kit@2.20.8
+
 ## 7.0.1
 ### Patch Changes
 

documentation/docs/40-best-practices/07-images.md

@@ -1,6 +1,6 @@
 {
 	"name": "@sveltejs/adapter-cloudflare",
-	"version": "7.0.1",
+	"version": "7.0.2",
 	"description": "Adapter for building SvelteKit applications on Cloudflare Pages with Workers integration",
 	"keywords": [
 		"adapter",
@@ -48,7 +48,7 @@
 		"@playwright/test": "catalog:",
 		"@sveltejs/kit": "workspace:^",
 		"@types/node": "^18.19.48",
-		"esbuild": "^0.25.2",
+		"esbuild": "^0.25.3",
 		"typescript": "^5.3.3"
 	},
 	"peerDependencies": {

packages/adapter-auto/index.js

@@ -5,7 +5,7 @@
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build",
-		"preview": "wrangler pages dev .svelte-kit/cloudflare  --port 8787",
+		"preview": "wrangler pages dev .svelte-kit/cloudflare --port 8787",
 		"prepare": "svelte-kit sync || echo ''",
 		"test": "playwright test"
 	},
@@ -14,7 +14,7 @@
 		"@sveltejs/vite-plugin-svelte": "^5.0.1",
 		"server-side-dep": "file:server-side-dep",
 		"svelte": "^5.23.1",
-		"vite": "^6.2.6",
+		"vite": "^6.2.7",
 		"wrangler": "^4.11.0"
 	},
 	"type": "module"

packages/adapter-cloudflare/CHANGELOG.md

@@ -14,7 +14,7 @@
 		"@sveltejs/vite-plugin-svelte": "^5.0.1",
 		"server-side-dep": "file:server-side-dep",
 		"svelte": "^5.23.1",
-		"vite": "^6.2.6",
+		"vite": "^6.2.7",
 		"wrangler": "^4.11.0"
 	},
 	"type": "module"

packages/adapter-cloudflare/package.json

@@ -1,5 +1,14 @@
 # @sveltejs/adapter-netlify
 
+## 5.0.1
+### Patch Changes
+
+
+- chore(deps): upgrade esbuild to 0.25.2 ([#13716](https://github.com/sveltejs/kit/pull/13716))
+
+- Updated dependencies [[`c51fb554416e0c4a21655c1d79e834f69743d1d5`](https://github.com/sveltejs/kit/commit/c51fb554416e0c4a21655c1d79e834f69743d1d5)]:
+  - @sveltejs/kit@2.20.8
+
 ## 5.0.0
 ### Major Changes
 

packages/adapter-cloudflare/test/apps/pages/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@sveltejs/adapter-netlify",
-	"version": "5.0.0",
+	"version": "5.0.1",
 	"description": "A SvelteKit adapter that creates a Netlify app",
 	"keywords": [
 		"adapter",
@@ -42,7 +42,7 @@
 	},
 	"dependencies": {
 		"@iarna/toml": "^2.2.5",
-		"esbuild": "^0.25.2",
+		"esbuild": "^0.25.3",
 		"set-cookie-parser": "^2.6.0"
 	},
 	"devDependencies": {

packages/adapter-cloudflare/test/apps/workers/package.json

@@ -46,7 +46,7 @@
 		"sirv": "^3.0.0",
 		"svelte": "^5.23.1",
 		"typescript": "^5.3.3",
-		"vite": "^6.2.6"
+		"vite": "^6.2.7"
 	},
 	"peerDependencies": {
 		"@sveltejs/kit": "^2.0.0"

packages/adapter-netlify/CHANGELOG.md

@@ -13,7 +13,7 @@
 		"@sveltejs/vite-plugin-svelte": "^5.0.1",
 		"sirv-cli": "^3.0.0",
 		"svelte": "^5.23.1",
-		"vite": "^6.2.6"
+		"vite": "^6.2.7"
 	},
 	"type": "module"
 }

packages/adapter-netlify/package.json

@@ -14,7 +14,7 @@
 		"@sveltejs/vite-plugin-svelte": "^5.0.1",
 		"sirv-cli": "^3.0.0",
 		"svelte": "^5.23.1",
-		"vite": "^6.2.6"
+		"vite": "^6.2.7"
 	},
 	"type": "module"
 }

packages/adapter-static/package.json

@@ -1,5 +1,17 @@
 # @sveltejs/adapter-vercel
 
+## 5.7.1
+### Patch Changes
+
+
+- chore(deps): upgrade esbuild to 0.25.2 ([#13716](https://github.com/sveltejs/kit/pull/13716))
+
+
+- fix: include the `edge-light` bundling condition when building edge functions ([#13720](https://github.com/sveltejs/kit/pull/13720))
+
+- Updated dependencies [[`c51fb554416e0c4a21655c1d79e834f69743d1d5`](https://github.com/sveltejs/kit/commit/c51fb554416e0c4a21655c1d79e834f69743d1d5)]:
+  - @sveltejs/kit@2.20.8
+
 ## 5.7.0
 ### Minor Changes
 

packages/adapter-static/test/apps/prerendered/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@sveltejs/adapter-vercel",
-	"version": "5.7.0",
+	"version": "5.7.1",
 	"description": "A SvelteKit adapter that creates a Vercel app",
 	"keywords": [
 		"adapter",
@@ -41,7 +41,7 @@
 	},
 	"dependencies": {
 		"@vercel/nft": "^0.29.2",
-		"esbuild": "^0.25.2"
+		"esbuild": "^0.25.3"
 	},
 	"devDependencies": {
 		"@sveltejs/kit": "workspace:^",

packages/adapter-static/test/apps/spa/package.json

@@ -1,5 +1,11 @@
 # @sveltejs/enhanced-img
 
+## 0.5.0
+### Minor Changes
+
+
+- feat: add support for targeting `enhanced\:img` in CSS ([#13617](https://github.com/sveltejs/kit/pull/13617))
+
 ## 0.4.4
 ### Patch Changes
 

packages/adapter-vercel/CHANGELOG.md

@@ -1,6 +1,6 @@
 {
 	"name": "@sveltejs/enhanced-img",
-	"version": "0.4.4",
+	"version": "0.5.0",
 	"description": "Image optimization for your Svelte apps",
 	"repository": {
 		"type": "git",
@@ -43,15 +43,17 @@
 		"zimmerframe": "^1.1.2"
 	},
 	"devDependencies": {
+		"@sveltejs/vite-plugin-svelte": "^5.0.1",
 		"@types/estree": "^1.0.5",
 		"@types/node": "^18.19.48",
 		"rollup": "^4.27.4",
 		"svelte": "^5.23.1",
 		"typescript": "^5.6.3",
-		"vite": "^6.2.6",
+		"vite": "^6.2.7",
 		"vitest": "^3.1.1"
 	},
 	"peerDependencies": {
+		"@sveltejs/vite-plugin-svelte": "^5.0.0",
 		"svelte": "^5.0.0",
 		"vite": ">= 5.0.0"
 	}

packages/adapter-vercel/package.json

@@ -1,7 +1,7 @@
 import path from 'node:path';
 import process from 'node:process';
 import { imagetools } from 'vite-imagetools';
-import { image } from './preprocessor.js';
+import { image_plugin } from './vite-plugin.js';
 
 /**
  * @returns {import('vite').Plugin[]}
@@ -13,42 +13,6 @@ export function enhancedImages() {
 		: [];
 }
 
-/**
- * Creates the Svelte image plugin which provides the preprocessor.
- * @param {import('vite').Plugin} imagetools_plugin
- * @returns {import('vite').Plugin}
- */
-function image_plugin(imagetools_plugin) {
-	/**
-	 * @type {{
-	 *   plugin_context: import('vite').Rollup.PluginContext
-	 *   vite_config: import('vite').ResolvedConfig
-	 *   imagetools_plugin: import('vite').Plugin
-	 * }}
-	 */
-	const opts = {
-		// @ts-expect-error populated when build starts so we cheat on type
-		plugin_context: undefined,
-		// @ts-expect-error populated when build starts so we cheat on type
-		vite_config: undefined,
-		imagetools_plugin
-	};
-	const preprocessor = image(opts);
-
-	return {
-		name: 'vite-plugin-enhanced-img',
-		api: {
-			sveltePreprocess: preprocessor
-		},
-		configResolved(config) {
-			opts.vite_config = config;
-		},
-		buildStart() {
-			opts.plugin_context = this;
-		}
-	};
-}
-
 /** @type {Record<string,string>} */
 const fallback = {
 	'.avif': 'png',