add config.kit.endpointExtensions option (#4197)

* add config.kit.endpointExtensions option

* lint

* docs

* Update documentation/docs/13-configuration.md

Co-authored-by: Conduitry <[email protected]>

Co-authored-by: Conduitry <[email protected]>

Author: Rich-Harris

.changeset/spotty-dancers-clean.md

@@ -0,0 +1,5 @@
+---
+'@sveltejs/kit': patch
+---
+
+Add config.kit.endpointExtensions option

documentation/docs/13-configuration.md

@@ -29,6 +29,7 @@ const config = {
 				// ...
 			}
 		},
+		endpointExtensions: ['.js', '.ts'],
 		files: {
 			assets: 'static',
 			hooks: 'src/hooks',
@@ -135,6 +136,10 @@ When pages are prerendered, the CSP header is added via a `<meta http-equiv>` ta
 
 > When `mode` is `'auto'`, SvelteKit will use nonces for dynamically rendered pages and hashes for prerendered pages. Using nonces with prerendered pages is insecure and therefore forbidden.
 
+### endpointExtensions
+
+An array of file extensions that SvelteKit will treat as endpoints. Files with extensions that match neither `config.extensions` nor `config.kit.endpointExtensions` will be ignored by the router.
+
 ### files
 
 An object containing zero or more of the following `string` values:

packages/kit/src/core/config/index.spec.js

@@ -54,6 +54,7 @@ const get_defaults = (prefix = '') => ({
 				referrer: undefined
 			}
 		},
+		endpointExtensions: ['.js', '.ts'],
 		files: {
 			assets: join(prefix, 'static'),
 			hooks: join(prefix, 'src/hooks'),

packages/kit/src/core/config/options.js

@@ -99,6 +99,8 @@ const options = object(
 				})
 			}),
 
+			endpointExtensions: string_array(['.js', '.ts']),
+
 			files: object({
 				assets: string('static'),
 				hooks: string(join('src', 'hooks')),

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

@@ -74,7 +74,12 @@ export default function create_manifest_data({
 			const file = posixify(path.relative(cwd, resolved));
 			const is_dir = fs.statSync(resolved).isDirectory();
 
-			const ext = config.extensions.find((ext) => basename.endsWith(ext)) || path.extname(basename);
+			const ext = is_dir
+				? ''
+				: config.extensions.find((ext) => basename.endsWith(ext)) ||
+				  config.kit.endpointExtensions.find((ext) => basename.endsWith(ext));
+
+			if (ext === undefined) return;
 
 			const name = ext ? basename.slice(0, -ext.length) : basename;
 

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

@@ -1,4 +1,3 @@
-import path from 'path';
 import { write_if_changed } from './utils.js';
 
 /**
@@ -25,12 +24,17 @@ export function write_types(config, manifest_data) {
 	}
 
 	manifest_data.routes.forEach((route) => {
-		if (route.type === 'endpoint') {
-			const key = route.file.slice(0, -path.extname(route.file).length);
-			shadow_types.set(key, { params: extract_params(key), type: 'endpoint' });
-		} else if (route.shadow) {
-			const key = route.shadow.slice(0, -path.extname(route.shadow).length);
-			shadow_types.set(key, { params: extract_params(key), type: 'both' });
+		const file = route.type === 'endpoint' ? route.file : route.shadow;
+
+		if (file) {
+			const ext = /** @type {string} */ (
+				config.kit.endpointExtensions.find((ext) => file.endsWith(ext))
+			);
+			const key = file.slice(0, -ext.length);
+			shadow_types.set(key, {
+				params: extract_params(key),
+				type: route.type === 'endpoint' ? 'endpoint' : 'both'
+			});
 		}
 	});
 

packages/kit/test/apps/basics/src/routes/index.css

@@ -0,0 +1,4 @@
+/* https://github.com/sveltejs/kit/issues/3997 */
+h1 {
+	color: blue;
+}

packages/kit/test/apps/basics/src/routes/index.svelte

@@ -11,6 +11,8 @@
 </script>
 
 <script>
+	import './index.css';
+
 	/** @type {number} */
 	export let answer;
 </script>

packages/kit/types/index.d.ts

@@ -41,6 +41,7 @@ export interface Config {
 			mode?: 'hash' | 'nonce' | 'auto';
 			directives?: CspDirectives;
 		};
+		endpointExtensions?: string[];
 		files?: {
 			assets?: string;
 			hooks?: string;