@sveltejs/kit 1.0.0-next.23 → 1.0.0-next.230

package/README.md

@@ -1,15 +1,18 @@
-# @sveltejs/kit
+# The fastest way to build Svelte apps
 
-Here be dragons, etc etc.
+This is the [SvelteKit](https://kit.svelte.dev) framework and CLI.
 
-This project aims to replicate Sapper's functionality in its entirety, minus building for deployment (which can be handled by 'adapters' that do various opinionated things with the output of `snowpack build`).
+The quickest way to get started is via the [create-svelte](https://github.com/sveltejs/kit/tree/master/packages/create-svelte) package:
 
-It's currently missing a ton of stuff but I figured I'd throw it up on GitHub anyway partly for the sake of 'working in the open' but mostly because I need an issue tracker to organise my thoughts.
+```bash
+npm init svelte@next my-app
+cd my-app
+npm install
+npm run dev
+```
 
-There are no tests yet or anything like that. Some of the code has just been straight copied over from the existing Sapper repo, but a pleasing amount of it can safely be left behind.
+See the [documentation](https://kit.svelte.dev/docs) to learn more.
 
-## Trying it out
+## Changelog
 
-Clone this repo, `npm install`, and `npm link`. That will create a global link to the `svelte` bin. You can then either `npm run build` or `npm run dev`, if you intend to make changes and see them immediately reflected.
-
-Then, clone the corresponding [svelte-app-demo](https://github.com/sveltejs/svelte-app-demo) repo and follow the instructions therein.
+[The Changelog for this package is available on GitHub](https://github.com/sveltejs/kit/blob/master/packages/kit/CHANGELOG.md).

package/assets/app/env.js

@@ -0,0 +1,20 @@
+export { prerendering } from '../env.js';
+
+/**
+ * @type {import('$app/env').browser}
+ */
+const browser = !import.meta.env.SSR;
+/**
+ * @type {import('$app/env').dev}
+ */
+const dev = !!import.meta.env.DEV;
+/**
+ * @type {import('$app/env').mode}
+ */
+const mode = import.meta.env.MODE;
+/**
+ * @type {import('$app/env').amp}
+ */
+const amp = !!import.meta.env.VITE_SVELTEKIT_AMP;
+
+export { amp, browser, dev, mode };

package/assets/app/navigation.js

@@ -0,0 +1,81 @@
+import { renderer, router as router$1 } from '../client/singletons.js';
+import { g as get_base_uri } from '../chunks/utils.js';
+
+const router = /** @type {import('../client/router').Router} */ (router$1);
+
+/**
+ * @param {string} name
+ */
+function guard(name) {
+	return () => {
+		throw new Error(`Cannot call ${name}(...) on the server`);
+	};
+}
+
+const disableScrollHandling = import.meta.env.SSR
+	? guard('disableScrollHandling')
+	: disableScrollHandling_;
+const goto = import.meta.env.SSR ? guard('goto') : goto_;
+const invalidate = import.meta.env.SSR ? guard('invalidate') : invalidate_;
+const prefetch = import.meta.env.SSR ? guard('prefetch') : prefetch_;
+const prefetchRoutes = import.meta.env.SSR ? guard('prefetchRoutes') : prefetchRoutes_;
+const beforeNavigate = import.meta.env.SSR ? () => {} : beforeNavigate_;
+const afterNavigate = import.meta.env.SSR ? () => {} : afterNavigate_;
+
+/**
+ * @type {import('$app/navigation').goto}
+ */
+async function disableScrollHandling_() {
+	renderer.disable_scroll_handling();
+}
+
+/**
+ * @type {import('$app/navigation').goto}
+ */
+async function goto_(href, opts) {
+	return router.goto(href, opts, []);
+}
+
+/**
+ * @type {import('$app/navigation').invalidate}
+ */
+async function invalidate_(resource) {
+	const { href } = new URL(resource, location.href);
+	return router.renderer.invalidate(href);
+}
+
+/**
+ * @type {import('$app/navigation').prefetch}
+ */
+function prefetch_(href) {
+	return router.prefetch(new URL(href, get_base_uri(document)));
+}
+
+/**
+ * @type {import('$app/navigation').prefetchRoutes}
+ */
+async function prefetchRoutes_(pathnames) {
+	const matching = pathnames
+		? router.routes.filter((route) => pathnames.some((pathname) => route[0].test(pathname)))
+		: router.routes;
+
+	const promises = matching.map((r) => Promise.all(r[1].map((load) => load())));
+
+	await Promise.all(promises);
+}
+
+/**
+ * @type {import('$app/navigation').beforeNavigate}
+ */
+function beforeNavigate_(fn) {
+	if (router) router.before_navigate(fn);
+}
+
+/**
+ * @type {import('$app/navigation').afterNavigate}
+ */
+function afterNavigate_(fn) {
+	if (router) router.after_navigate(fn);
+}
+
+export { afterNavigate, beforeNavigate, disableScrollHandling, goto, invalidate, prefetch, prefetchRoutes };

package/assets/app/paths.js

@@ -0,0 +1 @@
+export { assets, base } from '../paths.js';

package/assets/{runtime/app → app}/stores.js

@@ -1,7 +1,6 @@
 import { getContext } from 'svelte';
-
-// const ssr = (import.meta as any).env.SSR;
-const ssr = typeof window === 'undefined'; // TODO why doesn't previous line work in build?
+import { browser } from './env.js';
+import '../env.js';
 
 // TODO remove this (for 1.0? after 1.0?)
 let warned = false;
@@ -13,6 +12,9 @@ function stores() {
 	return getStores();
 }
 
+/**
+ * @type {import('$app/stores').getStores}
+ */
 const getStores = () => {
 	const stores = getContext('__svelte__');
 
@@ -23,6 +25,8 @@ const getStores = () => {
 		navigating: {
 			subscribe: stores.navigating.subscribe
 		},
+		// TODO remove this (for 1.0? after 1.0?)
+		// @ts-expect-error - deprecated, not part of type definitions, but still callable
 		get preloading() {
 			console.error('stores.preloading is deprecated; use stores.navigating instead');
 			return {
@@ -33,13 +37,16 @@ const getStores = () => {
 	};
 };
 
+/** @type {typeof import('$app/stores').page} */
 const page = {
+	/** @param {(value: any) => void} fn */
 	subscribe(fn) {
 		const store = getStores().page;
 		return store.subscribe(fn);
 	}
 };
 
+/** @type {typeof import('$app/stores').navigating} */
 const navigating = {
 	subscribe(fn) {
 		const store = getStores().navigating;
@@ -47,32 +54,29 @@ const navigating = {
 	}
 };
 
-const error = (verb) => {
+/** @param {string} verb */
+const throw_error = (verb) => {
 	throw new Error(
-		ssr
-			? `Can only ${verb} session store in browser`
-			: `Cannot ${verb} session store before subscribing`
+		browser
+			? `Cannot ${verb} session store before subscribing`
+			: `Can only ${verb} session store in browser`
 	);
 };
 
+/** @type {typeof import('$app/stores').session} */
 const session = {
 	subscribe(fn) {
 		const store = getStores().session;
 
-		if (!ssr) {
+		if (browser) {
 			session.set = store.set;
 			session.update = store.update;
 		}
 
 		return store.subscribe(fn);
 	},
-	set: (value) => {
-		error('set');
-	},
-	update: (updater) => {
-		error('update');
-	}
+	set: () => throw_error('set'),
+	update: () => throw_error('update')
 };
 
 export { getStores, navigating, page, session, stores };
-//# sourceMappingURL=stores.js.map

package/assets/chunks/utils.js

@@ -0,0 +1,13 @@
+/** @param {HTMLDocument} doc */
+function get_base_uri(doc) {
+	let baseURI = doc.baseURI;
+
+	if (!baseURI) {
+		const baseTags = doc.getElementsByTagName('base');
+		baseURI = baseTags.length ? baseTags[0].href : doc.URL;
+	}
+
+	return baseURI;
+}
+
+export { get_base_uri as g };

package/assets/client/singletons.js

@@ -0,0 +1,18 @@
+/** @type {import('./router').Router?} */
+let router;
+
+/** @type {import('./renderer').Renderer} */
+let renderer;
+
+/**
+ * @param {{
+ *   router: import('./router').Router?;
+ *   renderer: import('./renderer').Renderer;
+ * }} opts
+ */
+function init(opts) {
+	router = opts.router;
+	renderer = opts.renderer;
+}
+
+export { init, renderer, router };