all tests passing

src/core/create_manifests.ts

@@ -62,7 +62,8 @@ function generate_client(
 		import error from '${posixify(`${path_to_routes}/_error.html`)}';
 
 		${routes.components.map(component =>
-		`const ${right_pad(component.name, len)} = () => import('${posixify(`${path_to_routes}/${component.file}`)}');`)
+		`const ${component.name} = () =>
+			import(/* webpackChunkName: "${component.name}" */ '${posixify(`${path_to_routes}/${component.file}`)}');`)
 		.join('\n')}
 
 		export const routes = {
@@ -142,12 +143,17 @@ function generate_server(
 					pattern: ${page.pattern},
 					parts: [
 						${page.parts.map(part => {
+							const props = [
+								`name: "${part.component.name}"`,
+								`component: ${part.component.name}`
+							];
+
 							if (part.params.length > 0) {
-								const props = part.params.map((param, i) => `${param}: match[${i + 1}]`);
-								return `{ component: ${part.component.name}, params: match => ({ ${props.join(', ')} }) }`;
+								const params = part.params.map((param, i) => `${param}: match[${i + 1}]`);
+								props.push(`params: match => ({ ${params.join(', ')} })`);
 							}
 
-							return `{ component: ${part.component.name} }`;
+							return `{ ${props.join(', ')} }`;
 						}).join(',\n\t\t\t\t\t\t')}
 					]
 				}`).join(',\n\n\t\t\t\t')}

src/middleware.ts

@@ -20,6 +20,7 @@ type ServerRoute = {
 type Page = {
 	pattern: RegExp;
 	parts: Array<{
+		name: string;
 		component: Component;
 		params?: (match: RegExpMatchArray) => Record<string, string>;
 	}>
@@ -261,8 +262,7 @@ function get_page_handler(routes: RouteObject, store_getter: (req: Req) => Store
 		// preload main.js and current route
 		// TODO detect other stuff we can preload? images, CSS, fonts?
 		const link = []
-			// TODO reinstate this!
-			// .concat(chunks.main, chunks[page.id] || chunks._error) // TODO this is gross
+			.concat(chunks.main, error ? [] : page.parts.map(part => chunks[part.name]))
 			.filter(file => !file.match(/\.map$/))
 			.map(file => `<${req.baseUrl}/client/${file}>;rel="preload";as="script"`)
 			.join(', ');
@@ -346,7 +346,7 @@ function get_page_handler(routes: RouteObject, store_getter: (req: Req) => Store
 				handle_page({
 					pattern: null,
 					parts: [
-						{ component: error_route }
+						{ name: null, component: error_route }
 					]
 				}, req, res, preload_error.statusCode, preload_error.message);
 
@@ -438,7 +438,7 @@ function get_page_handler(routes: RouteObject, store_getter: (req: Req) => Store
 		handle_page({
 			pattern: null,
 			parts: [
-				{ component: error_route }
+				{ name: null, component: error_route }
 			]
 		}, req, res, 404, 'Not found');
 	};