@sveltejs/kit 3.0.0-next.20 → 3.0.0-next.21

package/src/exports/vite/dev/index.js

@@ -1,4 +1,5 @@
-/** @import { RequestEvent, SSRManifest } from '@sveltejs/kit' */
+/** @import { SSRManifest } from '@sveltejs/kit' */
+/** @import { RequestEvent } from '$app/server' */
 /** @import { EnvironmentModuleNode, ErrorPayload, ResolvedConfig, ViteDevServer } from 'vite' */
 /** @import { ManifestData, PrerenderOption, RemoteChunk, ServerModule, SSRNode, UniversalNode, ValidatedConfig } from 'types' */
 import process from 'node:process';
@@ -59,7 +60,7 @@ export async function dev(
 			/** @type {string} */ (context.event.route.id),
 			context.config,
 			label,
-			svelte_config.kit.adapter
+			svelte_config.adapter
 		);
 	};
 
@@ -165,29 +166,29 @@ export async function dev(
 		}
 
 		manifest = {
-			appDir: svelte_config.kit.appDir,
-			appPath: svelte_config.kit.appDir,
+			appDir: svelte_config.appDir,
+			appPath: svelte_config.appDir,
 			assets: new Set(manifest_data.assets.map((asset) => asset.file)),
 			mimeTypes: get_mime_lookup(manifest_data),
 			_: {
 				client: {
 					start: `${get_runtime_base(root)}/client/entry.js`,
-					app: `${to_fs(svelte_config.kit.outDir)}/generated/client/app.js`,
+					app: `${to_fs(svelte_config.outDir)}/generated/client/app.js`,
 					imports: [],
 					stylesheets: [],
 					fonts: [],
 					uses_env_dynamic_public: true,
 					nodes:
-						svelte_config.kit.router.resolution === 'client'
+						svelte_config.router.resolution === 'client'
 							? undefined
 							: manifest_data.nodes.map((node, i) => {
 									if (node.component || node.universal) {
-										return `${svelte_config.kit.paths.base}${to_fs(svelte_config.kit.outDir)}/generated/client/nodes/${i}.js`;
+										return `${svelte_config.paths.base}${to_fs(svelte_config.outDir)}/generated/client/nodes/${i}.js`;
 									}
 								}),
 					// `css` is not necessary in dev, as the JS file from `nodes` will reference the CSS file
 					routes:
-						svelte_config.kit.router.resolution === 'client'
+						svelte_config.router.resolution === 'client'
 							? undefined
 							: compact(
 									manifest_data.routes.map((route) => {
@@ -381,7 +382,7 @@ export async function dev(
 		return (error.stack = prelude + lines.join('\n'));
 	}
 
-	const params_file = resolve_entry(svelte_config.kit.files.params);
+	const params_file = resolve_entry(svelte_config.files.params);
 
 	/**
 	 * @param {string} event
@@ -390,13 +391,13 @@ export async function dev(
 	const watch = (event, cb) => {
 		vite_dev_server.watcher.on(event, (file) => {
 			if (
-				file.startsWith(svelte_config.kit.files.routes + path.sep) ||
-				file.startsWith(svelte_config.kit.files.assets + path.sep) ||
+				file.startsWith(svelte_config.files.routes + path.sep) ||
+				file.startsWith(svelte_config.files.assets + path.sep) ||
 				(params_file && file === params_file) ||
 				is_remote_module(file) ||
 				// in contrast to server hooks, client hooks are written to the client manifest
 				// and therefore need rebuilding when they are added/removed
-				file.startsWith(svelte_config.kit.files.hooks.client)
+				file.startsWith(svelte_config.files.hooks.client)
 			) {
 				cb(file);
 			}
@@ -430,7 +431,7 @@ export async function dev(
 		if (!sync.update(svelte_config, manifest_data, file, root)) debounce(update_manifest);
 	});
 
-	const { appTemplate, errorTemplate, serviceWorker, hooks } = svelte_config.kit.files;
+	const { appTemplate, errorTemplate, serviceWorker, hooks } = svelte_config.files;
 
 	// vite client only executes a full reload if the triggering html file path is index.html
 	// kit defaults to src/app.html, so unless user changed that to index.html
@@ -454,8 +455,8 @@ export async function dev(
 		}
 	});
 
-	const assets = svelte_config.kit.paths.assets ? SVELTE_KIT_ASSETS : svelte_config.kit.paths.base;
-	const asset_server = sirv(svelte_config.kit.files.assets, {
+	const assets = svelte_config.paths.assets ? SVELTE_KIT_ASSETS : svelte_config.paths.base;
+	const asset_server = sirv(svelte_config.files.assets, {
 		dev: true,
 		etag: true,
 		maxAge: 0,
@@ -471,10 +472,10 @@ export async function dev(
 
 		if (decoded.startsWith(assets)) {
 			const pathname = decoded.slice(assets.length);
-			const file = svelte_config.kit.files.assets + pathname;
+			const file = svelte_config.files.assets + pathname;
 
 			if (fs.existsSync(file) && !fs.statSync(file).isDirectory()) {
-				if (has_correct_case(file, svelte_config.kit.files.assets)) {
+				if (has_correct_case(file, svelte_config.files.assets)) {
 					req.url = encodeURI(pathname); // don't need query/hash
 					asset_server(req, res);
 					return;
@@ -485,8 +486,8 @@ export async function dev(
 		next();
 	});
 
-	const env = vite.loadEnv(vite_config.mode, svelte_config.kit.env.dir, '');
-	const emulator = await svelte_config.kit.adapter?.emulate?.();
+	const env = vite.loadEnv(vite_config.mode, svelte_config.env.dir, '');
+	const emulator = await svelte_config.adapter?.emulate?.();
 
 	/** @type {Promise<void> | undefined} */
 	let init_manifest;
@@ -517,7 +518,7 @@ export async function dev(
 
 				const decoded = decodeURI(new URL(base + req.url).pathname);
 				const file = posixify(
-					path.resolve(root, decoded.slice(svelte_config.kit.paths.base.length + 1))
+					path.resolve(root, decoded.slice(svelte_config.paths.base.length + 1))
 				);
 				const is_file = fs.existsSync(file) && !fs.statSync(file).isDirectory();
 				const allowed =
@@ -535,18 +536,18 @@ export async function dev(
 					return;
 				}
 
-				if (!decoded.startsWith(svelte_config.kit.paths.base)) {
-					return not_found(req, res, svelte_config.kit.paths.base);
+				if (!decoded.startsWith(svelte_config.paths.base)) {
+					return not_found(req, res, svelte_config.paths.base);
 				}
 
-				if (decoded === svelte_config.kit.paths.base + '/service-worker.js') {
-					const resolved = resolve_entry(svelte_config.kit.files.serviceWorker);
+				if (decoded === svelte_config.paths.base + '/service-worker.js') {
+					const resolved = resolve_entry(svelte_config.files.serviceWorker);
 
 					if (resolved) {
 						res.writeHead(200, {
 							'content-type': 'application/javascript'
 						});
-						res.end(`import '${svelte_config.kit.paths.base}${to_fs(resolved)}';`);
+						res.end(`import '${svelte_config.paths.base}${to_fs(resolved)}';`);
 					} else {
 						res.writeHead(404);
 						res.end('not found');
@@ -558,16 +559,13 @@ export async function dev(
 				// resolve the instrumentation file per request so that changes to it
 				// are picked up on new requests
 				const resolved_instrumentation = resolve_entry(
-					path.join(svelte_config.kit.files.src, 'instrumentation.server')
+					path.join(svelte_config.files.src, 'instrumentation.server')
 				);
 
 				if (resolved_instrumentation) {
-					if (
-						svelte_config.kit.adapter &&
-						!svelte_config.kit.adapter.supports?.instrumentation?.()
-					) {
+					if (svelte_config.adapter && !svelte_config.adapter.supports?.instrumentation?.()) {
 						throw new Error(
-							`${resolved_instrumentation} is unsupported in ${svelte_config.kit.adapter.name}.`
+							`${resolved_instrumentation} is unsupported in ${svelte_config.adapter.name}.`
 						);
 					}
 
@@ -632,7 +630,7 @@ export async function dev(
 							return fs.readFileSync(from_fs(file));
 						}
 
-						return fs.readFileSync(path.join(svelte_config.kit.files.assets, file));
+						return fs.readFileSync(path.join(svelte_config.files.assets, file));
 					},
 					before_handle: async (event, config, prerender, handle) => {
 						// we need to use .run because .enterWith() is not supported in Cloudflare Workers

package/src/exports/vite/index.js

@@ -1,16 +1,24 @@
-/** @import { KitConfig } from '@sveltejs/kit' */
+/** @import { TopLevelFilterExpression } from '@rolldown/pluginutils' */
 /** @import { EnvVarConfig } from '@sveltejs/kit/env' */
-/** @import { Options, SvelteConfig } from '@sveltejs/vite-plugin-svelte' */
+/** @import { Options } from '@sveltejs/vite-plugin-svelte' */
 /** @import { PreprocessorGroup } from 'svelte/compiler' */
-/** @import { Asset, BuildData, ManifestData, Prerendered, RemoteChunk, RemoteInternals, RouteData, ServerMetadata, ValidatedConfig, ValidatedKitConfig } from 'types' */
+/** @import { Asset, BuildData, ManifestData, Prerendered, RemoteChunk, RemoteInternals, RouteData, ServerMetadata, ValidatedConfig } from 'types' */
 /** @import { Manifest, Plugin, ResolvedConfig, Rolldown, UserConfig, ViteDevServer } from 'vite' */
 import fs from 'node:fs';
 import path from 'node:path';
 import process from 'node:process';
 import { styleText } from 'node:util';
+
+import {
+	and,
+	code,
+	exactRegex,
+	importerId,
+	include,
+	not,
+	prefixRegex
+} from '@rolldown/pluginutils';
 import MagicString from 'magic-string';
-import { loadEnv } from 'vite';
-import { exactRegex, prefixRegex } from 'rolldown/filter';
 
 import { copy, read, resolve_entry } from '../../utils/filesystem.js';
 import { posixify } from '../../utils/os.js';
@@ -129,6 +137,7 @@ const warned = new Set();
 
 /** @type {PreprocessorGroup} */
 const warning_preprocessor = {
+	name: 'sveltekit:warnings',
 	script: ({ content, filename }) => {
 		if (!filename) return;
 
@@ -172,14 +181,39 @@ const warning_preprocessor = {
 let vite_plugin_svelte;
 
 /**
- * Returns the SvelteKit Vite plugins.
- * Any options that don't belong to SvelteKit are passed through to `vite-plugin-svelte`.
+ * The SvelteKit Vite plugin, which must be added to your `vite.config.js` file along with your project's configuration:
+ *
+ * ```js
+ * /// file: vite.config.js
+ * import adapter from '@sveltejs/adapter-auto';
+ * import { sveltekit } from '@sveltejs/kit/vite';
+ * import { defineConfig } from 'vite';
+ *
+ * export default defineConfig({
+ * 	plugins: [
+ * 		sveltekit({
+ * 			adapter: adapter(),
+ * 			compilerOptions: {
+ * 				experimental: {
+ * 					async: true
+ * 				}
+ * 			},
+ * 			experimental: {
+ * 				remoteFunctions: true
+ * 			}
+ * 		})
+ * 	]
+ * });
+ * ```
  *
- * Since version 3.0.0 you must pass [configuration](configuration) directly.
+ * As well as SvelteKit, the plugin options are used by other tooling that integrates with Svelte such as editor extensions.
  *
- * Since version 2.62.0 you can pass configuration directly, in which case `svelte.config.js` is ignored.
+ * Any options that don't belong to SvelteKit are passed through to [`vite-plugin-svelte`](https://github.com/sveltejs/vite-plugin-svelte/blob/main/docs/config.md), so you can set options like `inspector` here too. The `experimental` namespace is shared — SvelteKit reads its own flags and forwards the rest.
  *
- * @param {KitConfig & Omit<Options, 'onwarn'> & Pick<SvelteConfig, 'vitePlugin'>} [config]
+ * > [!LEGACY]
+ * > Prior to SvelteKit 3, config lived in a `svelte.config.js` file, which is no longer supported. The ability to configure SvelteKit via `vite.config.js` was added in version 2.62.
+ *
+ * @param {import('./public.js').Config} [config]
  * @returns {Promise<Plugin[]>}
  */
 export async function sveltekit(config) {
@@ -203,7 +237,6 @@ export async function sveltekit(config) {
 	/** @type {Partial<Options>} */
 	const inline_vps_config = {
 		preprocess: svelte_config.preprocess,
-		...(svelte_config.vitePlugin ?? {}),
 		// pass through any options that SvelteKit doesn't use itself, so that
 		// the options SvelteKit manages always take precedence
 		...split.vite_plugin_svelte_config,
@@ -254,7 +287,7 @@ function kit({ svelte_config }) {
 	 */
 	let root;
 
-	/** @type {ValidatedKitConfig} */
+	/** @type {ValidatedConfig} */
 	let kit;
 	/** @type {string} `kit.outDir` but posix-ified */
 	let out_dir;
@@ -340,7 +373,7 @@ function kit({ svelte_config }) {
 				const resolved = await this.resolve(id, importer, { ...options, skipSelf: true });
 				if (resolved) return resolved;
 
-				const aliases = svelte_config.kit.alias;
+				const aliases = svelte_config.alias;
 				for (const { name, pattern, message } of removed_modules) {
 					if (!pattern.test(id)) continue;
 
@@ -365,7 +398,7 @@ function kit({ svelte_config }) {
 				initial_config = config;
 				is_build = config_env.command === 'build';
 
-				({ kit } = process_config(svelte_config, root));
+				kit = process_config(svelte_config, root);
 				out_dir = posixify(kit.outDir);
 				out = `${out_dir}/output`;
 
@@ -375,10 +408,10 @@ function kit({ svelte_config }) {
 					? `globalThis.__sveltekit_${version_hash}`
 					: 'globalThis.__sveltekit_dev';
 
-				env = loadEnv(config_env.mode, kit.env.dir, '');
-
 				vite = await import_peer('vite', root);
 
+				env = vite.loadEnv(config_env.mode, kit.env.dir, '');
+
 				normalized_cwd = vite.normalizePath(root);
 				normalized_aliases = get_import_aliases(root, vite.normalizePath.bind(vite));
 				normalized_node_modules = vite.normalizePath(path.resolve(root, 'node_modules'));
@@ -668,7 +701,7 @@ function kit({ svelte_config }) {
 
 		resolveId: {
 			filter: {
-				id: [prefixRegex('__sveltekit/')]
+				id: prefixRegex('__sveltekit/')
 			},
 			handler(id) {
 				if (id === '__sveltekit/manifest') {
@@ -761,13 +794,16 @@ function kit({ svelte_config }) {
 		},
 
 		resolveId: {
-			// TODO: use composable filter API here when supported:
-			// https://github.com/vitejs/rolldown-vite/issues/605
-			// filter: ([
-			// 	exclude(importerId(/index\.html$/)),
-			// 	include(importerId(/.+/))
-			// ]),
+			// composable filters are not accepted type-wise but still work during build
+			// see https://github.com/vitejs/rolldown-vite/issues/605
+			filter: /** @type {any} */ (
+				/** @satisfies {TopLevelFilterExpression[]} */ ([
+					include(and(importerId(/.+/), not(importerId(/index\.html$/))))
+				])
+			),
 			async handler(id, importer, options) {
+				// composable filters only work during build so we still need this guard for dev
+				// see https://github.com/vitejs/rolldown-vite/issues/605
 				if (importer && !importer.endsWith('index.html')) {
 					const resolved = await this.resolve(id, importer, { ...options, skipSelf: true });
 
@@ -912,7 +948,7 @@ function kit({ svelte_config }) {
 		name: 'vite-plugin-sveltekit-remote',
 
 		applyToEnvironment(environment) {
-			return svelte_config.kit.experimental.remoteFunctions && environment.name !== 'serviceWorker';
+			return svelte_config.experimental.remoteFunctions && environment.name !== 'serviceWorker';
 		},
 
 		// prevent other plugins from resolving our remote virtual module
@@ -1070,13 +1106,13 @@ function kit({ svelte_config }) {
 		name: 'vite-plugin-sveltekit-remote-guard',
 
 		applyToEnvironment() {
-			return !svelte_config.kit.experimental.remoteFunctions;
+			return !svelte_config.experimental.remoteFunctions;
 		},
 
 		transform: {
 			filter: {
 				id: new RegExp(
-					`.remote(${svelte_config.kit.moduleExtensions.join('|')})$`.replaceAll('.', '\\.')
+					`.remote(${svelte_config.moduleExtensions.join('|')})$`.replaceAll('.', '\\.')
 				)
 			},
 			handler() {
@@ -1162,7 +1198,7 @@ function kit({ svelte_config }) {
 
 		resolveId: {
 			filter: {
-				id: [prefixRegex('__sveltekit/')]
+				id: prefixRegex('__sveltekit/')
 			},
 			handler(id) {
 				return `\0virtual:${id}`;
@@ -1269,13 +1305,19 @@ function kit({ svelte_config }) {
 	/** @type {Plugin} */
 	const plugin_service_worker_env = {
 		name: 'vite-plugin-sveltekit-service-worker-env',
+		configResolved() {
+			if (service_worker_entry_file) {
+				// @ts-expect-error transform is defined in this object
+				plugin_service_worker_env.transform.filter = {
+					id: exactRegex(service_worker_entry_file)
+				};
+			}
+		},
 		applyToEnvironment(environment) {
 			return !!service_worker_entry_file && environment.config.consumer === 'client';
 		},
 		transform: {
-			handler(code, id) {
-				if (id !== service_worker_entry_file) return;
-
+			handler(code) {
 				// prepend the service worker with an import that configures
 				// `env`, in case `$app/env/public` is imported. In production
 				// this is required: dynamic public env vars aren't known at
@@ -1374,7 +1416,7 @@ function kit({ svelte_config }) {
 					/** @type {Record<string, string>} */
 					const client_input = {};
 
-					if (svelte_config.kit.output.bundleStrategy !== 'split') {
+					if (svelte_config.output.bundleStrategy !== 'split') {
 						client_input['bundle'] = `${runtime_directory}/client/bundle.js`;
 					} else {
 						client_input['entry/start'] = `${runtime_directory}/client/entry.js`;
@@ -1387,7 +1429,7 @@ function kit({ svelte_config }) {
 						});
 					}
 
-					const inline = svelte_config.kit.output.bundleStrategy === 'inline';
+					const inline = svelte_config.output.bundleStrategy === 'inline';
 
 					/** @type {string} */
 					const base = (kit.paths.assets || kit.paths.base) + '/';
@@ -1486,7 +1528,7 @@ function kit({ svelte_config }) {
 												return `${app_immutable}/chunks/[hash].js`;
 											},
 											codeSplitting:
-												svelte_config.kit.output.bundleStrategy === 'split'
+												svelte_config.output.bundleStrategy === 'split'
 													? {
 															groups: [
 																{
@@ -1511,7 +1553,7 @@ function kit({ svelte_config }) {
 								},
 								define: {
 									__SVELTEKIT_PAYLOAD__:
-										svelte_config.kit.output.bundleStrategy !== 'split' ? kit_global : 'undefined'
+										svelte_config.output.bundleStrategy !== 'split' ? kit_global : 'undefined'
 								}
 							}
 						},
@@ -1601,17 +1643,26 @@ function kit({ svelte_config }) {
 			return environment.name !== 'serviceWorker';
 		},
 
-		renderChunk(code, chunk) {
-			if (code.includes('__SVELTEKIT_TRACK__')) {
-				return {
-					// Rolldown changes our single quotes to double quotes so we need it in the regex too
-					code: code.replace(/__SVELTEKIT_TRACK__\(['"](.+?)['"]\)/g, (_, label) => {
-						(tracked_features[chunk.name + '.js'] ??= []).push(label);
-						// put extra whitespace at the end of the comment to preserve the source size and avoid interfering with source maps
-						return `/* track ${label}            */`;
-					}),
-					map: null // TODO we may need to generate a sourcemap in future
-				};
+		renderChunk: {
+			// composable filters are not accepted type-wise but still work during build
+			// see https://github.com/vitejs/rolldown-vite/issues/605
+			filter: /** @type {any} */ (
+				/** @satisfies {TopLevelFilterExpression[]} */ ([include(code('__SVELTEKIT_TRACK__'))])
+			),
+			handler(code, chunk) {
+				// composable filters only work during build so we still need this guard for dev
+				// see https://github.com/vitejs/rolldown-vite/issues/605
+				if (code.includes('__SVELTEKIT_TRACK__')) {
+					return {
+						// Rolldown changes our single quotes to double quotes so we need it in the regex too
+						code: code.replace(/__SVELTEKIT_TRACK__\(['"](.+?)['"]\)/g, (_, label) => {
+							(tracked_features[chunk.name + '.js'] ??= []).push(label);
+							// put extra whitespace at the end of the comment to preserve the source size and avoid interfering with source maps
+							return `/* track ${label}            */`;
+						}),
+						map: null // TODO we may need to generate a sourcemap in future
+					};
+				}
 			}
 		},
 
@@ -2188,7 +2239,7 @@ function kit({ svelte_config }) {
 
 	return /** @type {Plugin[]} */ (
 		[
-			svelte_config.kit.adapter?.vite?.plugins?.pre,
+			svelte_config.adapter?.vite?.plugins?.pre,
 			plugin_resolve_root,
 			plugin_setup,
 			plugin_remote_guard,
@@ -2199,7 +2250,7 @@ function kit({ svelte_config }) {
 			plugin_service_worker_env,
 			plugin_compile,
 			plugin_adapter,
-			svelte_config.kit.adapter?.vite?.plugins?.post
+			svelte_config.adapter?.vite?.plugins?.post
 		].filter(Boolean)
 	);
 }

package/src/exports/vite/preview/index.js

@@ -18,7 +18,7 @@ import { stackless } from '../../../utils/error.js';
  * @param {ValidatedConfig} svelte_config
  */
 export async function preview(vite, vite_config, svelte_config) {
-	const { paths } = svelte_config.kit;
+	const { paths } = svelte_config;
 	const base = paths.base;
 	const assets = paths.assets ? SVELTE_KIT_ASSETS : paths.base;
 
@@ -26,7 +26,7 @@ export async function preview(vite, vite_config, svelte_config) {
 
 	const etag = `"${Date.now()}"`;
 
-	const dir = join(svelte_config.kit.outDir, 'output/server');
+	const dir = join(svelte_config.outDir, 'output/server');
 
 	if (!fs.existsSync(`${dir}/manifest.js`)) {
 		throw stackless(`Server files not found at ${dir}, did you run \`build\` first?`);
@@ -51,7 +51,7 @@ export async function preview(vite, vite_config, svelte_config) {
 
 	try {
 		await server.init({
-			env: loadEnv(vite_config.mode, svelte_config.kit.env.dir, ''),
+			env: loadEnv(vite_config.mode, svelte_config.env.dir, ''),
 			read: (file) => createReadableStream(`${dir}/${file}`)
 		});
 	} catch (error) {
@@ -62,7 +62,7 @@ export async function preview(vite, vite_config, svelte_config) {
 		throw error;
 	}
 
-	const emulator = await svelte_config.kit.adapter?.emulate?.();
+	const emulator = await svelte_config.adapter?.emulate?.();
 
 	return () => {
 		// Remove the base middleware. It screws with the URL.
@@ -81,10 +81,10 @@ export async function preview(vite, vite_config, svelte_config) {
 		vite.middlewares.use(
 			scoped(
 				assets,
-				sirv(join(svelte_config.kit.outDir, 'output/client'), {
+				sirv(join(svelte_config.outDir, 'output/client'), {
 					setHeaders: (res, pathname) => {
 						// only apply to immutable directory, not e.g. version.json
-						if (pathname.startsWith(`/${svelte_config.kit.appDir}/immutable`)) {
+						if (pathname.startsWith(`/${svelte_config.appDir}/immutable`)) {
 							res.setHeader('cache-control', 'public,max-age=31536000,immutable');
 						}
 					}
@@ -122,7 +122,7 @@ export async function preview(vite, vite_config, svelte_config) {
 
 		// prerendered dependencies
 		vite.middlewares.use(
-			scoped(base, mutable(join(svelte_config.kit.outDir, 'output/prerendered/dependencies')))
+			scoped(base, mutable(join(svelte_config.outDir, 'output/prerendered/dependencies')))
 		);
 
 		// prerendered pages (we can't just use sirv because we need to
@@ -143,10 +143,10 @@ export async function preview(vite, vite_config, svelte_config) {
 
 				const { pathname, search } = new URL(/** @type {string} */ (req.url), 'http://dummy');
 
-				const dir = pathname.startsWith(`/${svelte_config.kit.appDir}/remote/`) ? 'data' : 'pages';
+				const dir = pathname.startsWith(`/${svelte_config.appDir}/remote/`) ? 'data' : 'pages';
 
 				let filename = normalizePath(
-					join(svelte_config.kit.outDir, `output/prerendered/${dir}` + pathname)
+					join(svelte_config.outDir, `output/prerendered/${dir}` + pathname)
 				);
 
 				try {
@@ -222,7 +222,7 @@ export async function preview(vite, vite_config, svelte_config) {
 							return fs.readFileSync(join(dir, file));
 						}
 
-						return fs.readFileSync(join(svelte_config.kit.files.assets, file));
+						return fs.readFileSync(join(svelte_config.files.assets, file));
 					},
 					emulator
 				})