dynamic base

packages/adapter-static/test/test.js

@@ -1,4 +1,4 @@
-import fs from 'fs';
+import fs from 'node:fs';
 import * as assert from 'uvu/assert';
 import { run } from './utils.js';
 

packages/kit/src/exports/vite/index.js

@@ -375,7 +375,7 @@ function kit({ svelte_config }) {
 					const { assets, base } = svelte_config.kit.paths;
 
 					if (browser) {
-						return `export const base = ${s(base)};
+						return `export const base = ${global}.base;
 export const assets = ${global}.assets;`;
 					}
 

packages/kit/src/internal.d.ts

@@ -7,7 +7,7 @@ declare module '__sveltekit/environment' {
 
 /** Internal version of $app/paths */
 declare module '__sveltekit/paths' {
-	export const base: `/${string}`;
+	export const base: string;
 	export let assets: `https://${string}` | `http://${string}`;
 	export function set_assets(path: string): void;
 }

packages/kit/src/runtime/server/page/render.js

@@ -156,6 +156,15 @@ export async function render_response({
 		rendered = { head: '', html: '', css: { code: '', map: null } };
 	}
 
+	const segments = event.url.pathname.slice(base.length).split('/').slice(2);
+	const resolved_base = segments.map(() => '..').join('/') || '.';
+
+	// we use a relative path when possible to support IPFS, the internet archive, etc.
+	const base_expression =
+		state.prerendering?.fallback || base !== ''
+			? s(base)
+			: `new URL(${s(resolved_base)}, location.href).pathname.slice(0,-1)`;
+
 	/**
 	 * The prefix to use for static assets. Replaces `%sveltekit.assets%` in the template
 	 * @type {string}
@@ -176,10 +185,8 @@ export async function render_response({
 		resolved_assets = base;
 		asset_expression = s(base);
 	} else {
-		// otherwise we want asset paths to be relative to the page, so that they
-		// will work in odd contexts like IPFS, the internet archive, and so on
-		const segments = event.url.pathname.slice(base.length).split('/').slice(2);
-		resolved_assets = segments.length > 0 ? segments.map(() => '..').join('/') : '.';
+		resolved_assets = resolved_base;
+		// we use a relative path when possible to support IPFS, the internet archive, etc.
 		asset_expression = `new URL(${s(
 			resolved_assets
 		)}, location.href).pathname.replace(/^\\\/$/, '')`;
@@ -286,6 +293,7 @@ export async function render_response({
 		const properties = [
 			`env: ${s(public_env)}`,
 			`assets: ${asset_expression}`,
+			`base: ${base_expression}`,
 			`element: document.currentScript.parentElement`
 		];