Service workers

import { const self: ServiceWorkerGlobalScope
The execution context of a service worker. This export exists to make it easier to
use service workers with the correct types, provided the importing module is governed
by a tsconfig.json that extends $app/tsconfig/service-worker.
referenceself } from '$app/service-worker';
import { const version: string
The value of config.version.name.
referenceversion } from '$app/env';
import { 
const immutable: {
    path: string;
}[]
An array of { path: string } objects representing the files generated by Vite.
The path is relative to the base path, and is intended for use with cache.add(...) inside a service worker.
During development, this is an empty array.
referenceimmutable, 
const assets: {
    path: import("$app/types").AssetPath;
}[]
An array of { path: AssetPath } objects representing the files in your static directory, or whatever directory is specified by config.files.assets.
The path is relative to the base path, and can be used with asset(...).
referenceassets } from '$app/manifest';
import { function resolve<T extends RouteIdWithSearchOrHash | PathnameWithSearchOrHash>(...args: ResolveArgs<T>): ResolvedPathname
Resolve a pathname by prefixing it with the base path, if any, or resolve a route ID by populating dynamic segments with parameters.
During server rendering, the base path is relative and depends on the page currently being rendered.
@example
import { resolve } from '$app/paths';

// using a pathname
const resolved = resolve(`blog/hello-world`);

// using a route ID plus parameters
const resolved = resolve('/blog/[slug]', {
	slug: 'hello-world'
});
@since
2.26
referenceresolve } from '$app/paths';

// Create a unique cache name for this deployment
const const CACHE: stringCACHE = `cache-${const version: string
The value of config.version.name.
referenceversion}`;

// `immutable`/`assets` paths from `$app/manifest` are relative to the
// base path, so resolve them to absolute pathnames that can be matched
// against `url.pathname` in the `fetch` handler
const const ASSETS: string[]ASSETS = [
	...
const immutable: {
    path: string;
}[]
An array of { path: string } objects representing the files generated by Vite.
The path is relative to the base path, and is intended for use with cache.add(...) inside a service worker.
During development, this is an empty array.
referenceimmutable.
Array<{ path: string; }>.map<string>(callbackfn: (value: {
    path: string;
}, index: number, array: {
    path: string;
}[]) => string, thisArg?: any): string[]
Calls a defined callback function on each element of an array, and returns an array that contains the results.
@param
callbackfn A function that accepts up to three arguments. The map method calls the callbackfn function one time for each element in the array.
@param
thisArg An object to which the this keyword can refer in the callbackfn function. If thisArg is omitted, undefined is used as the this value.map((
asset: {
    path: string;
}asset) => resolve<string>(pathname: string): ResolvedPathname
Resolve a pathname by prefixing it with the base path, if any, or resolve a route ID by populating dynamic segments with parameters.
During server rendering, the base path is relative and depends on the page currently being rendered.
@example
import { resolve } from '$app/paths';

// using a pathname
const resolved = resolve(`blog/hello-world`);

// using a route ID plus parameters
const resolved = resolve('/blog/[slug]', {
	slug: 'hello-world'
});
@since
2.26
referenceresolve(
asset: {
    path: string;
}asset.path: stringpath)), // the Vite output
	...
const assets: {
    path: import("$app/types").AssetPath;
}[]
An array of { path: AssetPath } objects representing the files in your static directory, or whatever directory is specified by config.files.assets.
The path is relative to the base path, and can be used with asset(...).
referenceassets.
Array<{ path: import("$app/types").AssetPath; }>.map<string>(callbackfn: (value: {
    path: import("$app/types").AssetPath;
}, index: number, array: {
    path: import("$app/types").AssetPath;
}[]) => string, thisArg?: any): string[]
Calls a defined callback function on each element of an array, and returns an array that contains the results.
@param
callbackfn A function that accepts up to three arguments. The map method calls the callbackfn function one time for each element in the array.
@param
thisArg An object to which the this keyword can refer in the callbackfn function. If thisArg is omitted, undefined is used as the this value.map((
asset: {
    path: import("$app/types").AssetPath;
}asset) => resolve<string>(pathname: string): ResolvedPathname
Resolve a pathname by prefixing it with the base path, if any, or resolve a route ID by populating dynamic segments with parameters.
During server rendering, the base path is relative and depends on the page currently being rendered.
@example
import { resolve } from '$app/paths';

// using a pathname
const resolved = resolve(`blog/hello-world`);

// using a route ID plus parameters
const resolved = resolve('/blog/[slug]', {
	slug: 'hello-world'
});
@since
2.26
referenceresolve(
asset: {
    path: import("$app/types").AssetPath;
}asset.path: stringpath))  // everything in `static`
];

const self: ServiceWorkerGlobalScope
The execution context of a service worker. This export exists to make it easier to
use service workers with the correct types, provided the importing module is governed
by a tsconfig.json that extends $app/tsconfig/service-worker.
referenceself.ServiceWorkerGlobalScope.addEventListener<"install">(type: "install", listener: (this: ServiceWorkerGlobalScope, ev: ExtendableEvent) => any, options?: boolean | AddEventListenerOptions): void (+1 overload)
The addEventListener() method of the EventTarget interface sets up a function that will be called whenever the specified event is delivered to the target.
MDN Reference
addEventListener('install', (event: ExtendableEventevent) => {
	// Create a new cache and add all files to it
	async function function (local function) addFilesToCache(): Promise<void>addFilesToCache() {
		const const cache: Cachecache = await var caches: CacheStorage
Available only in secure contexts.
MDN Reference
caches.CacheStorage.open(cacheName: string): Promise<Cache> (+1 overload)
The open() method of the CacheStorage interface returns a Promise that resolves to the Cache object matching the cacheName.
MDN Reference
open(const CACHE: stringCACHE);
		await const cache: Cachecache.Cache.addAll(requests: Iterable<RequestInfo>): Promise<void> (+3 overloads)
The addAll() method of the Cache interface takes an array of URLs, retrieves them, and adds the resulting response objects to the given cache. The request objects created during retrieval become keys to the stored response operations.
MDN Reference
addAll(const ASSETS: string[]ASSETS);
	}

	event: ExtendableEventevent.ExtendableEvent.waitUntil(f: Promise<any>): void
The ExtendableEvent.waitUntil() method tells the event dispatcher that work is ongoing. It can also be used to detect whether that work was successful. In service workers, waitUntil() tells the browser that work is ongoing until the promise settles, and it shouldn't terminate the service worker if it wants that work to complete.
MDN Reference
waitUntil(function (local function) addFilesToCache(): Promise<void>addFilesToCache());
});

const self: ServiceWorkerGlobalScope
The execution context of a service worker. This export exists to make it easier to
use service workers with the correct types, provided the importing module is governed
by a tsconfig.json that extends $app/tsconfig/service-worker.
referenceself.ServiceWorkerGlobalScope.addEventListener<"activate">(type: "activate", listener: (this: ServiceWorkerGlobalScope, ev: ExtendableEvent) => any, options?: boolean | AddEventListenerOptions): void (+1 overload)
The addEventListener() method of the EventTarget interface sets up a function that will be called whenever the specified event is delivered to the target.
MDN Reference
addEventListener('activate', (event: ExtendableEventevent) => {
	// Remove previous cached data from disk
	async function function (local function) deleteOldCaches(): Promise<void>deleteOldCaches() {
		for (const const key: stringkey of await var caches: CacheStorage
Available only in secure contexts.
MDN Reference
caches.CacheStorage.keys(): Promise<string[]> (+1 overload)
The keys() method of the CacheStorage interface returns a Promise that will resolve with an array containing strings corresponding to all of the named Cache objects tracked by the CacheStorage object in the order they were created. Use this method to iterate over a list of all Cache objects.
MDN Reference
keys()) {
			if (const key: stringkey !== const CACHE: stringCACHE) await var caches: CacheStorage
Available only in secure contexts.
MDN Reference
caches.CacheStorage.delete(cacheName: string): Promise<boolean> (+1 overload)
The delete() method of the CacheStorage interface finds the Cache object matching the cacheName, and if found, deletes the Cache object and returns a Promise that resolves to true. If no Cache object is found, it resolves to false.
MDN Reference
delete(const key: stringkey);
		}
	}

	event: ExtendableEventevent.ExtendableEvent.waitUntil(f: Promise<any>): void
The ExtendableEvent.waitUntil() method tells the event dispatcher that work is ongoing. It can also be used to detect whether that work was successful. In service workers, waitUntil() tells the browser that work is ongoing until the promise settles, and it shouldn't terminate the service worker if it wants that work to complete.
MDN Reference
waitUntil(function (local function) deleteOldCaches(): Promise<void>deleteOldCaches());
});

const self: ServiceWorkerGlobalScope
The execution context of a service worker. This export exists to make it easier to
use service workers with the correct types, provided the importing module is governed
by a tsconfig.json that extends $app/tsconfig/service-worker.
referenceself.ServiceWorkerGlobalScope.addEventListener<"fetch">(type: "fetch", listener: (this: ServiceWorkerGlobalScope, ev: FetchEvent) => any, options?: boolean | AddEventListenerOptions): void (+1 overload)
The addEventListener() method of the EventTarget interface sets up a function that will be called whenever the specified event is delivered to the target.
MDN Reference
addEventListener('fetch', (event: FetchEventevent) => {
	// ignore POST requests etc
	if (event: FetchEventevent.FetchEvent.request: Request
The request read-only property of the FetchEvent interface returns the Request that triggered the event handler.
MDN Reference
request.Request.method: string
The method read-only property of the Request interface contains the request's method (GET, POST, etc.)
MDN Reference
method !== 'GET') return;

	async function function (local function) respond(): Promise<Response>respond() {
		const const url: URLurl = new var URL: new (url: string | URL, base?: string | URL) => URL
The URL interface is used to parse, construct, normalize, and encode URLs. It works by providing properties which allow you to easily read and modify the components of a URL.
MDN Reference
URL class is a global reference for import { URL } from 'url'
https://nodejs.org/api/url.html#the-whatwg-url-api
@since
v10.0.0URL(event: FetchEventevent.FetchEvent.request: Request
The request read-only property of the FetchEvent interface returns the Request that triggered the event handler.
MDN Reference
request.Request.url: string
The url read-only property of the Request interface contains the URL of the request.
MDN Reference
url);
		const const cache: Cachecache = await var caches: CacheStorage
Available only in secure contexts.
MDN Reference
caches.CacheStorage.open(cacheName: string): Promise<Cache> (+1 overload)
The open() method of the CacheStorage interface returns a Promise that resolves to the Cache object matching the cacheName.
MDN Reference
open(const CACHE: stringCACHE);

		// `immutable`/`assets` can always be served from the cache
		if (const ASSETS: string[]ASSETS.Array<string>.includes(searchElement: string, fromIndex?: number): boolean
Determines whether an array includes a certain element, returning true or false as appropriate.
@param
searchElement The element to search for.
@param
fromIndex The position in this array at which to begin searching for searchElement.includes(const url: URLurl.URL.pathname: string
The pathname property of the URL interface represents a location in a hierarchical structure. It is a string constructed from a list of path segments, each of which is prefixed by a / character.
MDN Reference
pathname)) {
			const const response: Response | undefinedresponse = await const cache: Cachecache.Cache.match(request: RequestInfo | URL, options?: CacheQueryOptions): Promise<Response | undefined> (+1 overload)
The match() method of the Cache interface returns a Promise that resolves to the Response associated with the first matching request in the Cache object. If no match is found, the Promise resolves to undefined.
MDN Reference
match(const url: URLurl.URL.pathname: string
The pathname property of the URL interface represents a location in a hierarchical structure. It is a string constructed from a list of path segments, each of which is prefixed by a / character.
MDN Reference
pathname);

			if (const response: Response | undefinedresponse) {
				return const response: Responseresponse;
			}
		}

		// for everything else, try the network first...
		try {
			const const response: Responseresponse = await function fetch(input: string | URL | Request, init?: RequestInit): Promise<Response> (+2 overloads)
MDN Reference
fetch(event: FetchEventevent.FetchEvent.request: Request
The request read-only property of the FetchEvent interface returns the Request that triggered the event handler.
MDN Reference
request);

			if (const response: Responseresponse.Response.status: number
The status read-only property of the Response interface contains the HTTP status codes of the response.
MDN Reference
status === 200 && !const response: Responseresponse.Response.headers: Headers
The headers read-only property of the Response interface contains the Headers object associated with the response.
MDN Reference
headers.Headers.get(name: string): string | null (+1 overload)
The get() method of the Headers interface returns a byte string of all the values of a header within a Headers object with a given name. If the requested header doesn't exist in the Headers object, it returns null.
MDN Reference
get('cache-control')?.String.includes(searchString: string, position?: number): boolean
Returns true if searchString appears as a substring of the result of converting this
object to a String, at one or more positions that are
greater than or equal to position; otherwise, returns false.
@param
searchString search string
@param
position If position is undefined, 0 is assumed, so as to search all of the String.includes('no-store')) {
				// ...and cache responses in the background for next time....
				void const cache: Cachecache.Cache.put(request: RequestInfo | URL, response: Response): Promise<void> (+1 overload)
The put() method of the Cache interface allows key/value pairs to be added to the current Cache object.
MDN Reference
put(event: FetchEventevent.FetchEvent.request: Request
The request read-only property of the FetchEvent interface returns the Request that triggered the event handler.
MDN Reference
request, const response: Responseresponse.Response.clone(): Response (+1 overload)
The clone() method of the Response interface creates a clone of a response object, identical in every way, but stored in a different variable.
MDN Reference
clone());
			}

			return const response: Responseresponse;
		} catch (function (local var) error: unknownerror) {
			// ...otherwise fall back to previously cached data if it exists...
			const const response: Response | undefinedresponse = await const cache: Cachecache.Cache.match(request: RequestInfo | URL, options?: CacheQueryOptions): Promise<Response | undefined> (+1 overload)
The match() method of the Cache interface returns a Promise that resolves to the Response associated with the first matching request in the Cache object. If no match is found, the Promise resolves to undefined.
MDN Reference
match(event: FetchEventevent.FetchEvent.request: Request
The request read-only property of the FetchEvent interface returns the Request that triggered the event handler.
MDN Reference
request);

			if (const response: Response | undefinedresponse) {
				return const response: Responseresponse;
			}

			// ...or throw the error
			throw function (local var) error: unknownerror;
		}
	}

	event: FetchEventevent.FetchEvent.respondWith(r: Response | PromiseLike<Response>): void
The respondWith() method of FetchEvent prevents the browser's default fetch handling, and allows you to provide a promise for a Response yourself.
MDN Reference
respondWith(function (local function) respond(): Promise<Response>respond());
});

{
	"extends": "$app/tsconfig",
	"include": ["src", "test"],
	"exclude": ["src/service-worker"]
}

{
	"extends": "$app/tsconfig/service-worker"
}

if ('serviceWorker' in var navigator: Navigator
The Window.navigator read-only property returns a reference to the Navigator object, which has methods and properties about the application running the script.
MDN Reference
navigator) {
	const const script_url: "./service-worker.js"script_url = './service-worker.js';
	const const policy: anypolicy = module globalThisglobalThis?.var window: Window & typeof globalThis
The window property of a Window object points to the window object itself.
MDN Reference
window?.trustedTypes?.createPolicy(
		'sveltekit-trusted-url',
		{ function createScriptURL(url: any): anycreateScriptURL(url: anyurl) { return url: anyurl; } }
	);
	const const sanitised: anysanitised = const policy: anypolicy?.createScriptURL(const script_url: "./service-worker.js"script_url) ?? const script_url: "./service-worker.js"script_url;
	function addEventListener<"load">(type: "load", listener: (this: Window, ev: Event) => any, options?: boolean | AddEventListenerOptions): void (+1 overload)addEventListener('load', function () {
		var navigator: Navigator
The Window.navigator read-only property returns a reference to the Navigator object, which has methods and properties about the application running the script.
MDN Reference
navigator.Navigator.serviceWorker: ServiceWorkerContainer
The serviceWorker read-only property of the Navigator interface returns the ServiceWorkerContainer object for the associated document, which provides access to registration, removal, upgrade, and communication with the ServiceWorker.
Available only in secure contexts.
MDN Reference
serviceWorker.ServiceWorkerContainer.register(scriptURL: string | URL, options?: RegistrationOptions): Promise<ServiceWorkerRegistration>
The register() method of the ServiceWorkerContainer interface creates or updates a ServiceWorkerRegistration for the given scope.
MDN Reference
register(const sanitised: anysanitised, { RegistrationOptions.type?: WorkerType | undefinedtype: 'module' });
	});
}

import { function afterNavigate(callback: (navigation: import("@sveltejs/kit").AfterNavigate) => void): void
A lifecycle function that runs the supplied callback when the current component mounts, and also whenever we navigate to a URL.
afterNavigate must be called during a component initialization. It remains active as long as the component is mounted.
referenceafterNavigate } from '$app/navigation';

function afterNavigate(callback: (navigation: import("@sveltejs/kit").AfterNavigate) => void): void
A lifecycle function that runs the supplied callback when the current component mounts, and also whenever we navigate to a URL.
afterNavigate must be called during a component initialization. It remains active as long as the component is mounted.
referenceafterNavigate(async () => {
	if ('serviceWorker' in var navigator: Navigator
The Window.navigator read-only property returns a reference to the Navigator object, which has methods and properties about the application running the script.
MDN Reference
navigator) {
		const const registration: ServiceWorkerRegistration | undefinedregistration = await var navigator: Navigator
The Window.navigator read-only property returns a reference to the Navigator object, which has methods and properties about the application running the script.
MDN Reference
navigator.Navigator.serviceWorker: ServiceWorkerContainer
The serviceWorker read-only property of the Navigator interface returns the ServiceWorkerContainer object for the associated document, which provides access to registration, removal, upgrade, and communication with the ServiceWorker.
Available only in secure contexts.
MDN Reference
serviceWorker.ServiceWorkerContainer.getRegistration(clientURL?: string | URL): Promise<ServiceWorkerRegistration | undefined>
The getRegistration() method of the ServiceWorkerContainer interface gets a ServiceWorkerRegistration object whose scope URL matches the provided client URL. The method returns a Promise that resolves to a ServiceWorkerRegistration or undefined.
MDN Reference
getRegistration();
		await const registration: ServiceWorkerRegistration | undefinedregistration?.ServiceWorkerRegistration.update(): Promise<ServiceWorkerRegistration>
The update() method of the ServiceWorkerRegistration interface attempts to update the service worker. It fetches the worker's script URL, and if the new worker is not byte-by-byte identical to the current worker, it installs the new worker. The fetch of the worker bypasses any browser caches if the previous fetch occurred over 24 hours ago.
MDN Reference
update();
	}
});