prerender emitted assets

Author: JelmerBot

.changeset/chilled-humans-roll.md

@@ -0,0 +1,5 @@
+---
+"@sveltejs/kit": patch
+---
+
+fix: detect assets emitted by vite plugins in prerenderer `fetch`.

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

@@ -86,6 +86,16 @@ export function generate_manifest({ build_data, prerendered, relative_path, rout
 		mime_types[ext] ??= mime.lookup(ext) || '';
 	}
 
+	const asset_prefix = path.resolve('_app', 'immutable', 'assets');
+	const emitted_asset_dir = path.resolve(build_data.out_dir, 'server', asset_prefix);
+	if (fs.existsSync(emitted_asset_dir)) {
+		for (const file of fs.readdirSync(emitted_asset_dir)) {
+			assets.push(path.join(asset_prefix, file).replaceAll(path.sep, '/'));
+			const ext = path.extname(file);
+			mime_types[ext] ??= mime.lookup(ext) || '';
+		}
+	}
+
 	// prettier-ignore
 	// String representation of
 	/** @template {import('@sveltejs/kit').SSRManifest} T */

packages/kit/src/core/postbuild/prerender.js

@@ -236,6 +236,10 @@ async function prerender({ hash, out, manifest_path, metadata, verbose, env }) {
 				const filepath = saved.get(file);
 				if (filepath) return readFileSync(filepath);
 
+				// Static assets emitted during build
+				if (file.startsWith(config.appDir))
+					return readFileSync(join(config.outDir, 'output', 'server', file));
+
 				// stuff in `static`
 				return readFileSync(join(config.files.assets, file));
 			},

packages/kit/test/prerendering/paths-base/custom_asset_plugin.js

@@ -0,0 +1,43 @@
+import fs from 'node:fs';
+import path from 'node:path';
+
+export default function () {
+	let config;
+	const ext = '.csv';
+	return {
+		name: 'vite-plugin-sveltekit-custom-asset',
+		resolveId(id) {
+			if (id.endsWith(ext)) {
+				return id;
+			}
+		},
+		configResolved(resolvedConfig) {
+			config = resolvedConfig;
+		},
+		load(id) {
+			if (!id.endsWith(ext)) return;
+			if (config.command === 'serve') {
+				const res = path.relative(config.root, id).replaceAll(path.sep, '/');
+				return `export default "${config.base}${res}";`;
+			}
+
+			const outName = config.build.rollupOptions.output.assetFileNames
+				.replace('[name]', path.basename(id, ext))
+				.replace('[hash]', '000000')
+				.replace('[extname]', ext);
+
+			if (config.build?.ssr) {
+				const ref = this.emitFile({
+					type: 'asset',
+					fileName: outName
+				});
+				fs.readFile(id, (err, data) => {
+					if (err) this.error(err);
+					this.setAssetSource(ref, data);
+				});
+			}
+
+			return `export default "${config.base}${outName}";`;
+		}
+	};
+}

packages/kit/test/prerendering/paths-base/src/routes/assets/emitted/+page.js

@@ -0,0 +1,8 @@
+// @ts-ignore
+import url from './message.csv';
+
+export async function load({ fetch }) {
+	const response = await fetch(url);
+	const asset = await response.text();
+	return { asset };
+}

packages/kit/test/prerendering/paths-base/src/routes/assets/emitted/+page.svelte

@@ -0,0 +1,5 @@
+<script>
+	const { data } = $props();
+</script>
+
+<p>{data.asset}</p>

packages/kit/test/prerendering/paths-base/src/routes/assets/emitted/message.csv

@@ -0,0 +1 @@
+A custom asset emitted by a vite plugin during build.

packages/kit/test/prerendering/paths-base/test/tests.spec.js

@@ -29,3 +29,8 @@ test('prerenders /path-base/assets', () => {
 	const content = read('assets.html');
 	assert.match(content, /<img[^>]+src="\/path-base\//u);
 });
+
+test('prerenders /path-base/assets/emitted', () => {
+	const content = read('assets/emitted.html');
+	assert.ok(content.includes('<p>A custom asset emitted by a vite plugin during build.</p>'));
+});

packages/kit/test/prerendering/paths-base/vite.config.js

@@ -1,5 +1,6 @@
 import * as path from 'node:path';
 import { sveltekit } from '@sveltejs/kit/vite';
+import csvasset from './custom_asset_plugin.js';
 
 /** @type {import('vite').UserConfig} */
 const config = {
@@ -13,7 +14,7 @@ const config = {
 
 	logLevel: 'silent',
 
-	plugins: [sveltekit()],
+	plugins: [csvasset(), sveltekit()],
 
 	server: {
 		fs: {