@sveltejs/kit 1.11.0 → 1.12.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sveltejs/kit",
-  "version": "1.11.0",
+  "version": "1.12.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/sveltejs/kit",
@@ -22,7 +22,7 @@
     "set-cookie-parser": "^2.5.1",
     "sirv": "^2.0.2",
     "tiny-glob": "^0.2.9",
-    "undici": "5.20.0"
+    "undici": "5.21.0"
   },
   "devDependencies": {
     "@playwright/test": "^1.29.2",
@@ -34,7 +34,7 @@
     "@types/set-cookie-parser": "^2.4.2",
     "marked": "^4.2.3",
     "rollup": "^3.7.0",
-    "svelte": "^3.55.1",
+    "svelte": "^3.56.0",
     "svelte-preprocess": "^5.0.0",
     "typescript": "^4.9.4",
     "uvu": "^0.5.6",

package/src/core/postbuild/crawl.js

@@ -179,12 +179,15 @@ export function crawl(html, base) {
 								let insideURL = true;
 								value = value.trim();
 								for (let i = 0; i < value.length; i++) {
-									if (value[i] === ',' && (!insideURL || (insideURL && value[i + 1] === ' '))) {
+									if (
+										value[i] === ',' &&
+										(!insideURL || (insideURL && WHITESPACE.test(value[i + 1])))
+									) {
 										candidates.push(value.slice(0, i));
 										value = value.substring(i + 1).trim();
 										i = 0;
 										insideURL = true;
-									} else if (value[i] === ' ') {
+									} else if (WHITESPACE.test(value[i])) {
 										insideURL = false;
 									}
 								}

package/src/core/sync/write_tsconfig.js

@@ -176,7 +176,12 @@ function load_user_tsconfig(cwd) {
 function validate_user_config(kit, cwd, out, config) {
 	// we need to check that the user's tsconfig extends the framework config
 	const extend = config.options.extends;
-	const extends_framework_config = extend && path.resolve(cwd, extend) === out;
+	const extends_framework_config =
+		typeof extend === 'string'
+			? path.resolve(cwd, extend) === out
+			: Array.isArray(extend)
+			? extend.some((e) => path.resolve(cwd, e) === out)
+			: false;
 
 	const options = config.options.compilerOptions || {};
 

package/src/runtime/app/forms.js

@@ -91,7 +91,8 @@ export function enhance(form, submit = () => {}) {
 				cancel,
 				controller,
 				data,
-				form
+				form,
+				submitter: event.submitter
 			})) ?? fallback_callback;
 		if (cancelled) return;
 

package/src/runtime/client/client.js

@@ -277,6 +277,9 @@ export function create_client(app, target) {
 		let navigation_result = intent && (await load_route(intent));
 
 		if (!navigation_result) {
+			if (is_external_url(url, base)) {
+				return await native_navigation(url);
+			}
 			navigation_result = await server_fallback(
 				url,
 				{ id: null },
@@ -1190,7 +1193,7 @@ export function create_client(app, target) {
 			});
 		}
 
-		if (__SVELTEKIT_DEV__) {
+		if (__SVELTEKIT_DEV__ && status !== 404) {
 			console.error(
 				'An error occurred while loading the page. This will cause a full page reload. (This message will only appear during development.)'
 			);
@@ -1569,11 +1572,11 @@ export function create_client(app, target) {
 				navigate({
 					url,
 					scroll: options.noscroll ? scroll_state() : null,
-					keepfocus: false,
+					keepfocus: options.keep_focus ?? false,
 					redirect_chain: [],
 					details: {
 						state: {},
-						replaceState: url.href === location.href
+						replaceState: options.replace_state ?? url.href === location.href
 					},
 					accepted: () => event.preventDefault(),
 					blocked: () => event.preventDefault(),
@@ -1604,7 +1607,7 @@ export function create_client(app, target) {
 
 				const event_form = /** @type {HTMLFormElement} */ (event.target);
 
-				const { noscroll, reload } = get_router_options(event_form);
+				const { keep_focus, noscroll, reload, replace_state } = get_router_options(event_form);
 				if (reload) return;
 
 				event.preventDefault();
@@ -1623,11 +1626,11 @@ export function create_client(app, target) {
 				navigate({
 					url,
 					scroll: noscroll ? scroll_state() : null,
-					keepfocus: false,
+					keepfocus: keep_focus ?? false,
 					redirect_chain: [],
 					details: {
 						state: {},
-						replaceState: false
+						replaceState: replace_state ?? url.href === location.href
 					},
 					nav_token: {},
 					accepted: () => {},

package/src/runtime/client/utils.js

@@ -32,8 +32,10 @@ const warned = new WeakSet();
 const valid_link_options = /** @type {const} */ ({
 	'preload-code': ['', 'off', 'tap', 'hover', 'viewport', 'eager'],
 	'preload-data': ['', 'off', 'tap', 'hover'],
+	keepfocus: ['', 'off'],
 	noscroll: ['', 'off'],
-	reload: ['', 'off']
+	reload: ['', 'off'],
+	replacestate: ['', 'off']
 });
 
 /**
@@ -141,6 +143,9 @@ export function get_link_info(a, base) {
  * @param {HTMLFormElement | HTMLAnchorElement | SVGAElement} element
  */
 export function get_router_options(element) {
+	/** @type {ValidLinkOptions<'keepfocus'> | null} */
+	let keep_focus = null;
+
 	/** @type {ValidLinkOptions<'noscroll'> | null} */
 	let noscroll = null;
 
@@ -153,14 +158,19 @@ export function get_router_options(element) {
 	/** @type {ValidLinkOptions<'reload'> | null} */
 	let reload = null;
 
+	/** @type {ValidLinkOptions<'replacestate'> | null} */
+	let replace_state = null;
+
 	/** @type {Element} */
 	let el = element;
 
 	while (el && el !== document.documentElement) {
 		if (preload_code === null) preload_code = link_option(el, 'preload-code');
 		if (preload_data === null) preload_data = link_option(el, 'preload-data');
+		if (keep_focus === null) keep_focus = link_option(el, 'keepfocus');
 		if (noscroll === null) noscroll = link_option(el, 'noscroll');
 		if (reload === null) reload = link_option(el, 'reload');
+		if (replace_state === null) replace_state = link_option(el, 'replacestate');
 
 		el = /** @type {Element} */ (parent_element(el));
 	}
@@ -168,8 +178,10 @@ export function get_router_options(element) {
 	return {
 		preload_code: levels[preload_code ?? 'off'],
 		preload_data: levels[preload_data ?? 'off'],
+		keep_focus: keep_focus === 'off' ? false : keep_focus === '' ? true : null,
 		noscroll: noscroll === 'off' ? false : noscroll === '' ? true : null,
-		reload: reload === 'off' ? false : reload === '' ? true : null
+		reload: reload === 'off' ? false : reload === '' ? true : null,
+		replace_state: replace_state === 'off' ? false : replace_state === '' ? true : null
 	};
 }
 

package/types/ambient.d.ts

@@ -84,6 +84,7 @@ declare module '$app/forms' {
 		form: HTMLFormElement;
 		controller: AbortController;
 		cancel(): void;
+		submitter: HTMLElement | null;
 	}) => MaybePromise<
 		| void
 		| ((opts: {