@sveltejs/kit 1.0.0-next.363 → 1.0.0-next.367

package/assets/client/start.js

@@ -725,10 +725,13 @@ function create_client({ target, session, base, trailing_slash }) {
 				const root = document.body;
 				const tabindex = root.getAttribute('tabindex');
 
-				getSelection()?.removeAllRanges();
 				root.tabIndex = -1;
 				root.focus({ preventScroll: true });
 
+				setTimeout(() => {
+					getSelection()?.removeAllRanges();
+				});
+
 				// restore `tabindex` as to prevent `root` from stealing input from elements
 				if (tabindex !== null) {
 					root.setAttribute('tabindex', tabindex);

package/assets/server/index.js

@@ -1418,9 +1418,11 @@ async function render_response({
 		});
 	`;
 
+	// we use an anonymous function instead of an arrow function to support
+	// older browsers (https://github.com/sveltejs/kit/pull/5417)
 	const init_service_worker = `
 		if ('serviceWorker' in navigator) {
-			addEventListener('load', () => {
+			addEventListener('load', function () {
 				navigator.serviceWorker.register('${options.service_worker}');
 			});
 		}

package/dist/cli.js

@@ -18,7 +18,7 @@ function handle_error(e) {
 	process.exit(1);
 }
 
-const prog = sade('svelte-kit').version('1.0.0-next.363');
+const prog = sade('svelte-kit').version('1.0.0-next.367');
 
 prog
 	.command('package')

package/dist/vite.js

@@ -263,9 +263,9 @@ const get_default_config = function ({ config, input, ssr, outDir }) {
 				input,
 				output: {
 					format: 'esm',
-					entryFileNames: ssr ? '[name].js' : '[name]-[hash].js',
-					chunkFileNames: 'chunks/[name]-[hash].js',
-					assetFileNames: 'assets/[name]-[hash][extname]'
+					entryFileNames: ssr ? '[name].js' : 'immutable/[name]-[hash].js',
+					chunkFileNames: 'immutable/chunks/[name]-[hash].js',
+					assetFileNames: 'immutable/assets/[name]-[hash][extname]'
 				},
 				preserveEntrySignatures: 'strict'
 			},
@@ -298,7 +298,7 @@ function assets_base(config) {
 	// during `svelte-kit preview`, because we use a local asset path. This
 	// may be fixed in Vite 3: https://github.com/vitejs/vite/issues/2009
 	const { base, assets } = config.paths;
-	return `${assets || base}/${config.appDir}/immutable/`;
+	return `${assets || base}/${config.appDir}/`;
 }
 
 /**
@@ -372,7 +372,7 @@ export class Server {
 			manifest,
 			method_override: ${s(config.kit.methodOverride)},
 			paths: { base, assets },
-			prefix: assets + '/${config.kit.appDir}/immutable/',
+			prefix: assets + '/${config.kit.appDir}/',
 			prerender: {
 				default: ${config.kit.prerender.default},
 				enabled: ${config.kit.prerender.enabled}
@@ -447,7 +447,7 @@ async function build_server(options, client) {
 
 		if (file) {
 			const resolved = path__default.resolve(cwd, file);
-			const relative = path__default.relative(config.kit.files.routes, resolved);
+			const relative = decodeURIComponent(path__default.relative(config.kit.files.routes, resolved));
 			const name = posixify(path__default.join('entries/endpoints', relative.replace(/\.js$/, '')));
 			input[name] = resolved;
 		}
@@ -456,7 +456,7 @@ async function build_server(options, client) {
 	// ...and every component used by pages...
 	manifest_data.components.forEach((file) => {
 		const resolved = path__default.resolve(cwd, file);
-		const relative = path__default.relative(config.kit.files.routes, resolved);
+		const relative = decodeURIComponent(path__default.relative(config.kit.files.routes, resolved));
 
 		const name = relative.startsWith('..')
 			? posixify(path__default.join('entries/fallbacks', path__default.basename(file)))
@@ -692,7 +692,7 @@ async function build_service_worker(
 
 			export const build = [
 				${Array.from(build)
-					.map((file) => `${s(`${config.kit.paths.base}/${config.kit.appDir}/immutable/${file}`)}`)
+					.map((file) => `${s(`${config.kit.paths.base}/${config.kit.appDir}/${file}`)}`)
 					.join(',\n\t\t\t\t')}
 			];
 
@@ -2038,10 +2038,11 @@ const cwd$1 = process.cwd();
 
 /**
  * @param {import('vite').ViteDevServer} vite
+ * @param {import('vite').ResolvedConfig} vite_config
  * @param {import('types').ValidatedConfig} svelte_config
  * @return {Promise<Promise<() => void>>}
  */
-async function dev(vite, svelte_config) {
+async function dev(vite, vite_config, svelte_config) {
 	installPolyfills();
 
 	init(svelte_config);
@@ -2228,6 +2229,18 @@ async function dev(vite, svelte_config) {
 					}
 				}
 
+				const file = posixify(path__default.resolve(decoded.slice(1)));
+				const is_file = fs__default.existsSync(file) && !fs__default.statSync(file).isDirectory();
+				const allowed =
+					!vite_config.server.fs.strict ||
+					vite_config.server.fs.allow.some((dir) => file.startsWith(dir));
+
+				if (is_file && allowed) {
+					// @ts-expect-error
+					serve_static_middleware.handle(req, res);
+					return;
+				}
+
 				if (!decoded.startsWith(svelte_config.kit.paths.base)) {
 					return not_found(
 						res,
@@ -2825,7 +2838,7 @@ function kit() {
 	/** @type {import('types').ValidatedConfig} */
 	let svelte_config;
 
-	/** @type {import('vite').UserConfig} */
+	/** @type {import('vite').ResolvedConfig} */
 	let vite_config;
 
 	/** @type {import('vite').ConfigEnv} */
@@ -2849,6 +2862,8 @@ function kit() {
 	function create_client_config() {
 		/** @type {Record<string, string>} */
 		const input = {
+			// Put unchanging assets in immutable directory. We don't set that in the
+			// outDir so that other plugins can add mutable assets to the bundle
 			start: `${get_runtime_path(svelte_config.kit)}/client/start.js`
 		};
 
@@ -2857,7 +2872,7 @@ function kit() {
 		// their location in the source code, which is helpful for debugging
 		manifest_data.components.forEach((file) => {
 			const resolved = path__default.resolve(cwd, file);
-			const relative = path__default.relative(svelte_config.kit.files.routes, resolved);
+			const relative = decodeURIComponent(path__default.relative(svelte_config.kit.files.routes, resolved));
 
 			const name = relative.startsWith('..')
 				? path__default.basename(file)
@@ -2869,7 +2884,7 @@ function kit() {
 			config: svelte_config,
 			input,
 			ssr: false,
-			outDir: `${paths.client_out_dir}/immutable`
+			outDir: `${paths.client_out_dir}`
 		});
 	}
 
@@ -2877,7 +2892,6 @@ function kit() {
 		name: 'vite-plugin-svelte-kit',
 
 		async config(config, config_env) {
-			vite_config = config;
 			vite_config_env = config_env;
 			svelte_config = await load_config();
 			is_build = config_env.command === 'build';
@@ -2912,10 +2926,6 @@ function kit() {
 						input: `${get_runtime_path(svelte_config.kit)}/client/start.js`
 					}
 				},
-				preview: {
-					port: config.preview?.port ?? 3000,
-					strictPort: config.preview?.strictPort ?? true
-				},
 				resolve: {
 					alias: get_aliases(svelte_config.kit)
 				},
@@ -2933,8 +2943,6 @@ function kit() {
 							])
 						]
 					},
-					port: config.server?.port ?? 3000,
-					strictPort: config.server?.strictPort ?? true,
 					watch: {
 						ignored: [
 							// Ignore all siblings of config.kit.outDir/generated
@@ -2947,6 +2955,10 @@ function kit() {
 			return result;
 		},
 
+		configResolved(config) {
+			vite_config = config;
+		},
+
 		buildStart() {
 			if (is_build) {
 				rimraf(paths.build_dir);
@@ -2958,8 +2970,9 @@ function kit() {
 		},
 
 		async writeBundle(_options, bundle) {
-			const verbose = vite_config.logLevel === 'info';
-			const log = logger({ verbose });
+			const log = logger({
+				verbose: vite_config.logLevel === 'info'
+			});
 
 			fs__default.writeFileSync(
 				`${paths.client_out_dir}/version.json`,
@@ -2981,7 +2994,7 @@ function kit() {
 
 			/** @type {import('vite').Manifest} */
 			const vite_manifest = JSON.parse(
-				fs__default.readFileSync(`${paths.client_out_dir}/immutable/manifest.json`, 'utf-8')
+				fs__default.readFileSync(`${paths.client_out_dir}/manifest.json`, 'utf-8')
 			);
 
 			const entry_id = posixify(
@@ -3034,8 +3047,8 @@ function kit() {
 
 			const files = new Set([
 				...static_files,
-				...chunks.map((chunk) => `${svelte_config.kit.appDir}/immutable/${chunk.fileName}`),
-				...assets.map((chunk) => `${svelte_config.kit.appDir}/immutable/${chunk.fileName}`)
+				...chunks.map((chunk) => `${svelte_config.kit.appDir}/${chunk.fileName}`),
+				...assets.map((chunk) => `${svelte_config.kit.appDir}/${chunk.fileName}`)
 			]);
 
 			// TODO is this right?
@@ -3092,12 +3105,11 @@ function kit() {
 		},
 
 		async configureServer(vite) {
-			return await dev(vite, svelte_config);
+			return await dev(vite, vite_config, svelte_config);
 		},
 
 		configurePreviewServer(vite) {
-			const protocol = vite_config.preview?.https ? 'https' : 'http';
-			return preview(vite, svelte_config, protocol);
+			return preview(vite, svelte_config, vite_config.preview.https ? 'https' : 'http');
 		}
 	};
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sveltejs/kit",
-  "version": "1.0.0-next.363",
+  "version": "1.0.0-next.367",
   "repository": {
     "type": "git",
     "url": "https://github.com/sveltejs/kit",