expose event.routeId and page.routeId (#4345)

* expose event.routeKey - closes #3840

* change routeKey to routeId

* rename routeKey to routeId, expose page.routeId

* rename route.key -> route.id everywhere

* adapter-node sure picked a weird time to stop typechecking

* oops

* Update .changeset/mean-crews-unite.md

Author: Rich-Harris

.changeset/mean-crews-unite.md

@@ -0,0 +1,5 @@
+---
+'@sveltejs/kit': patch
+---
+
+Expose `event.routeId` and `page.routeId`

packages/adapter-node/src/handler.js

@@ -44,7 +44,8 @@ const ssr = async (req, res) => {
 		request = await getRequest(origin || get_origin(req.headers), req);
 	} catch (err) {
 		res.statusCode = err.status || 400;
-		return res.end(err.reason || 'Invalid request body');
+		res.end(err.reason || 'Invalid request body');
+		return;
 	}
 
 	if (address_header && !(address_header in req.headers)) {

packages/kit/src/core/dev/plugin.js

@@ -12,7 +12,7 @@ import { coalesce_to_error } from '../../utils/error.js';
 import { load_template } from '../config/index.js';
 import { sequence } from '../../hooks.js';
 import { posixify } from '../../utils/filesystem.js';
-import { parse_route_key } from '../../utils/routing.js';
+import { parse_route_id } from '../../utils/routing.js';
 
 /**
  * @param {import('types').ValidatedConfig} config
@@ -105,12 +105,12 @@ export async function create_plugin(config, cwd) {
 							};
 						}),
 						routes: manifest_data.routes.map((route) => {
-							const { pattern, names, types } = parse_route_key(route.key);
+							const { pattern, names, types } = parse_route_id(route.id);
 
 							if (route.type === 'page') {
 								return {
 									type: 'page',
-									key: route.key,
+									id: route.id,
 									pattern,
 									names,
 									types,
@@ -127,6 +127,7 @@ export async function create_plugin(config, cwd) {
 
 							return {
 								type: 'endpoint',
+								id: route.id,
 								pattern,
 								names,
 								types,

packages/kit/src/core/generate_manifest/index.js

@@ -1,5 +1,5 @@
 import { s } from '../../utils/misc.js';
-import { parse_route_key } from '../../utils/routing.js';
+import { parse_route_id } from '../../utils/routing.js';
 import { get_mime_lookup } from '../utils.js';
 
 /**
@@ -72,7 +72,7 @@ export function generate_manifest({ build_data, relative_path, routes, format =
 			],
 			routes: [
 				${routes.map(route => {
-					const { pattern, names, types } = parse_route_key(route.key);
+					const { pattern, names, types } = parse_route_id(route.id);
 
 					types.forEach(type => {
 						if (type) validators.add(type);
@@ -81,7 +81,7 @@ export function generate_manifest({ build_data, relative_path, routes, format =
 					if (route.type === 'page') {
 						return `{
 							type: 'page',
-							key: ${s(route.key)},
+							id: ${s(route.id)},
 							pattern: ${pattern},
 							names: ${s(names)},
 							types: ${s(types)},
@@ -99,6 +99,7 @@ export function generate_manifest({ build_data, relative_path, routes, format =
 
 						return `{
 							type: 'endpoint',
+							id: ${s(route.id)},
 							pattern: ${pattern},
 							names: ${s(names)},
 							types: ${s(types)},

packages/kit/src/core/sync/create_manifest_data/index.js

@@ -61,13 +61,13 @@ export default function create_manifest_data({
 
 	/**
 	 * @param {string} dir
-	 * @param {string[]} parent_key
+	 * @param {string[]} parent_id
 	 * @param {Part[][]} parent_segments
 	 * @param {string[]} parent_params
 	 * @param {Array<string|undefined>} layout_stack // accumulated __layout.svelte components
 	 * @param {Array<string|undefined>} error_stack // accumulated __error.svelte components
 	 */
-	function walk(dir, parent_key, parent_segments, parent_params, layout_stack, error_stack) {
+	function walk(dir, parent_id, parent_segments, parent_params, layout_stack, error_stack) {
 		/** @type {Item[]} */
 		let items = [];
 		fs.readdirSync(dir).forEach((basename) => {
@@ -135,7 +135,7 @@ export default function create_manifest_data({
 		items = items.sort(comparator);
 
 		items.forEach((item) => {
-			const key = parent_key.slice();
+			const id = parent_id.slice();
 			const segments = parent_segments.slice();
 
 			if (item.is_index) {
@@ -161,13 +161,13 @@ export default function create_manifest_data({
 						}
 
 						segments[segments.length - 1] = last_segment;
-						key[key.length - 1] += item.route_suffix;
+						id[id.length - 1] += item.route_suffix;
 					} else {
 						segments.push(item.parts);
 					}
 				}
 			} else {
-				key.push(item.name);
+				id.push(item.name);
 				segments.push(item.parts);
 			}
 
@@ -201,7 +201,7 @@ export default function create_manifest_data({
 
 				walk(
 					path.join(dir, item.basename),
-					key,
+					id,
 					segments,
 					params,
 					layout_reset ? [layout_reset] : layout_stack.concat(layout),
@@ -236,7 +236,7 @@ export default function create_manifest_data({
 
 				routes.push({
 					type: 'page',
-					key: key.join('/'),
+					id: id.join('/'),
 					segments: simple_segments,
 					pattern,
 					params,
@@ -250,7 +250,7 @@ export default function create_manifest_data({
 
 				routes.push({
 					type: 'endpoint',
-					key: key.join('/'),
+					id: id.join('/'),
 					segments: simple_segments,
 					pattern,
 					file: item.file,
@@ -272,15 +272,15 @@ export default function create_manifest_data({
 	const lookup = new Map();
 	for (const route of routes) {
 		if (route.type === 'page') {
-			lookup.set(route.key, route);
+			lookup.set(route.id, route);
 		}
 	}
 
 	let i = routes.length;
 	while (i--) {
 		const route = routes[i];
-		if (route.type === 'endpoint' && lookup.has(route.key)) {
-			lookup.get(route.key).shadow = route.file;
+		if (route.type === 'endpoint' && lookup.has(route.id)) {
+			lookup.get(route.id).shadow = route.file;
 			routes.splice(i, 1);
 		}
 	}

packages/kit/src/core/sync/create_manifest_data/index.spec.js

@@ -42,7 +42,7 @@ test('creates routes', () => {
 	assert.equal(routes, [
 		{
 			type: 'page',
-			key: '',
+			id: '',
 			segments: [],
 			pattern: /^\/$/,
 			params: [],
@@ -54,7 +54,7 @@ test('creates routes', () => {
 
 		{
 			type: 'page',
-			key: 'about',
+			id: 'about',
 			segments: [{ rest: false, dynamic: false, content: 'about' }],
 			pattern: /^\/about\/?$/,
 			params: [],
@@ -66,7 +66,7 @@ test('creates routes', () => {
 
 		{
 			type: 'endpoint',
-			key: 'blog.json',
+			id: 'blog.json',
 			segments: [{ rest: false, dynamic: false, content: 'blog.json' }],
 			pattern: /^\/blog\.json$/,
 			file: 'samples/basic/blog/index.json.js',
@@ -75,7 +75,7 @@ test('creates routes', () => {
 
 		{
 			type: 'page',
-			key: 'blog',
+			id: 'blog',
 			segments: [{ rest: false, dynamic: false, content: 'blog' }],
 			pattern: /^\/blog\/?$/,
 			params: [],
@@ -87,7 +87,7 @@ test('creates routes', () => {
 
 		{
 			type: 'endpoint',
-			key: 'blog/[slug].json',
+			id: 'blog/[slug].json',
 			segments: [
 				{ rest: false, dynamic: false, content: 'blog' },
 				{ rest: false, dynamic: true, content: '[slug].json' }
@@ -99,7 +99,7 @@ test('creates routes', () => {
 
 		{
 			type: 'page',
-			key: 'blog/[slug]',
+			id: 'blog/[slug]',
 			segments: [
 				{ rest: false, dynamic: false, content: 'blog' },
 				{ rest: false, dynamic: true, content: '[slug]' }
@@ -128,7 +128,7 @@ test('creates routes with layout', () => {
 	assert.equal(routes, [
 		{
 			type: 'page',
-			key: '',
+			id: '',
 			segments: [],
 			pattern: /^\/$/,
 			params: [],
@@ -140,7 +140,7 @@ test('creates routes with layout', () => {
 
 		{
 			type: 'page',
-			key: 'foo',
+			id: 'foo',
 			segments: [{ rest: false, dynamic: false, content: 'foo' }],
 			pattern: /^\/foo\/?$/,
 			params: [],
@@ -224,7 +224,7 @@ test('disallows rest parameters inside segments', () => {
 	assert.equal(routes, [
 		{
 			type: 'page',
-			key: 'prefix-[...rest]',
+			id: 'prefix-[...rest]',
 			segments: [
 				{
 					dynamic: true,
@@ -241,7 +241,7 @@ test('disallows rest parameters inside segments', () => {
 		},
 		{
 			type: 'endpoint',
-			key: '[...rest].json',
+			id: '[...rest].json',
 			segments: [
 				{
 					dynamic: true,
@@ -308,7 +308,7 @@ test('allows multiple slugs', () => {
 		[
 			{
 				type: 'endpoint',
-				key: '[file].[ext]',
+				id: '[file].[ext]',
 				segments: [{ dynamic: true, rest: false, content: '[file].[ext]' }],
 				pattern: /^\/([^/]+?)\.([^/]+?)$/,
 				file: 'samples/multiple-slugs/[file].[ext].js',
@@ -330,7 +330,7 @@ test('ignores things that look like lockfiles', () => {
 	assert.equal(routes, [
 		{
 			type: 'endpoint',
-			key: 'foo',
+			id: 'foo',
 			segments: [{ rest: false, dynamic: false, content: 'foo' }],
 			file: 'samples/lockfiles/foo.js',
 			params: [],
@@ -354,7 +354,7 @@ test('works with custom extensions', () => {
 	assert.equal(routes, [
 		{
 			type: 'page',
-			key: '',
+			id: '',
 			segments: [],
 			pattern: /^\/$/,
 			params: [],
@@ -366,7 +366,7 @@ test('works with custom extensions', () => {
 
 		{
 			type: 'page',
-			key: 'about',
+			id: 'about',
 			segments: [{ rest: false, dynamic: false, content: 'about' }],
 			pattern: /^\/about\/?$/,
 			params: [],
@@ -378,7 +378,7 @@ test('works with custom extensions', () => {
 
 		{
 			type: 'endpoint',
-			key: 'blog.json',
+			id: 'blog.json',
 			segments: [{ rest: false, dynamic: false, content: 'blog.json' }],
 			pattern: /^\/blog\.json$/,
 			file: 'samples/custom-extension/blog/index.json.js',
@@ -387,7 +387,7 @@ test('works with custom extensions', () => {
 
 		{
 			type: 'page',
-			key: 'blog',
+			id: 'blog',
 			segments: [{ rest: false, dynamic: false, content: 'blog' }],
 			pattern: /^\/blog\/?$/,
 			params: [],
@@ -399,7 +399,7 @@ test('works with custom extensions', () => {
 
 		{
 			type: 'endpoint',
-			key: 'blog/[slug].json',
+			id: 'blog/[slug].json',
 			segments: [
 				{ rest: false, dynamic: false, content: 'blog' },
 				{ rest: false, dynamic: true, content: '[slug].json' }
@@ -411,7 +411,7 @@ test('works with custom extensions', () => {
 
 		{
 			type: 'page',
-			key: 'blog/[slug]',
+			id: 'blog/[slug]',
 			segments: [
 				{ rest: false, dynamic: false, content: 'blog' },
 				{ rest: false, dynamic: true, content: '[slug]' }
@@ -449,7 +449,7 @@ test('includes nested error components', () => {
 	assert.equal(routes, [
 		{
 			type: 'page',
-			key: 'foo/bar/baz',
+			id: 'foo/bar/baz',
 			segments: [
 				{ rest: false, dynamic: false, content: 'foo' },
 				{ rest: false, dynamic: false, content: 'bar' },
@@ -482,7 +482,7 @@ test('resets layout', () => {
 	assert.equal(routes, [
 		{
 			type: 'page',
-			key: '',
+			id: '',
 			segments: [],
 			pattern: /^\/$/,
 			params: [],
@@ -493,7 +493,7 @@ test('resets layout', () => {
 		},
 		{
 			type: 'page',
-			key: 'foo',
+			id: 'foo',
 			segments: [{ rest: false, dynamic: false, content: 'foo' }],
 			pattern: /^\/foo\/?$/,
 			params: [],
@@ -508,7 +508,7 @@ test('resets layout', () => {
 		},
 		{
 			type: 'page',
-			key: 'foo/bar',
+			id: 'foo/bar',
 			segments: [
 				{ rest: false, dynamic: false, content: 'foo' },
 				{ rest: false, dynamic: false, content: 'bar' }

packages/kit/src/core/sync/write_manifest.js

@@ -35,7 +35,7 @@ export function write_manifest(manifest_data, base, output) {
 					const tuple = [get_indices(route.a), get_indices(route.b)];
 					if (route.shadow) tuple.push('1');
 
-					return `${s(route.key)}: [${tuple.join(', ')}]`;
+					return `${s(route.id)}: [${tuple.join(', ')}]`;
 				}
 			})
 			.filter(Boolean)