@aegisjsproject/atlas 0.0.0

package/atlas.cjs

@@ -0,0 +1,669 @@
+'use strict';
+
+/**
+ * @type {Map<URLPattern, string>}
+ */
+const reg = new Map();
+
+/**
+ * @typedef RouteMatch
+ * @property {URLPatternResult|null} result The results of `pattern.exec(url)`
+ * @property {string|null} specifier The module specifier mapped to the URL
+ * @property {boolean} hasRegExpGroups
+ * @readonly
+ */
+
+/**
+ * @type RouteMatch
+ */
+const invalidMatchResult = Object.freeze({ result: null, specifier: null, hasRegExpGroups: false });
+
+/**
+ * Finds the URLPattern that corresponds to the given URL
+ *
+ * @param {string} url
+ * @returns {URLPattern|undefined}
+ */
+const getRegistryKey = url => reg.keys().find(pattern => pattern.test(url));
+
+/**
+ *
+ * @param {URLPattern} key
+ * @returns {string|null} The module specifier
+ */
+const getRegistrySpecifier = key => reg.get(key);
+
+/**
+ *
+ * @param {string} url
+ * @returns {RouteMatch}
+ */
+function lookupRoute(url) {
+	const key = getRegistryKey(url);
+
+	if (key instanceof URLPattern) {
+		return Object.freeze({
+			result: key.exec(url),
+			specifier: reg.get(key),
+			hasRegExpGroups: key.hasRegExpGroups,
+		});
+	} else {
+		return invalidMatchResult;
+	}
+}
+
+/**
+ * Registers module `specifier` to handle routes matching `pattern`
+ *
+ * @param {string|URLPattern} pattern The pattern to handle
+ * @param {string|URL} specifier The module to register to the pattern
+ */
+function registerModule(pattern, specifier) {
+	if (typeof specifier !== 'string' && ! (specifier instanceof URL)) {
+		throw new TypeError(`Invalid specifier type ${typeof specifier}.`);
+	} else if (typeof pattern === 'string') {
+		reg.set(
+			URL.canParse(pattern) ? new URLPattern(pattern) : new URLPattern({ pathname: pattern }),
+			specifier.toString()
+		);
+	} else if (! (pattern instanceof URLPattern)) {
+		throw new TypeError(`Invalid pattner "${pattern}".`);
+	} else if (specifier instanceof URL) {
+		reg.set(pattern, specifier.href);
+	} else  {
+		reg.set(pattern, specifier);
+	}
+}
+
+function _loadLink(href, {
+	relList = [],
+	crossOrigin = 'anonymous',
+	referrerPolicy = 'no-referrer',
+	fetchPriority = 'auto',
+	signal: passedSignal,
+	as,
+	integrity,
+	media,
+	type,
+} = {}) {
+	const { promise, resolve, reject } = Promise.withResolvers();
+	const link = document.createElement('link');
+
+	if (passedSignal instanceof AbortSignal && passedSignal.aborted) {
+		reject(passedSignal.reason);
+	} else if (typeof href !== 'string' && ! (href instanceof URL)) {
+		reject(new TypeError(`Invalid href to preload: "${href}.`));
+	} else {
+		link.relList.add(...relList);
+
+		if (typeof fetchPriority === 'string') {
+			link.fetchPriority = fetchPriority;
+		}
+
+		if (typeof crossOrigin === 'string') {
+			link.crossOrigin = crossOrigin;
+		}
+
+		if (typeof type === 'string') {
+			link.type = type;
+		}
+
+		if (typeof media === 'string') {
+			link.media = media;
+		} else if (media instanceof MediaQueryList) {
+			link.media = media.media;
+		}
+
+		if (typeof as === 'string') {
+			link.as = as;
+		}
+
+		if (typeof integrity === 'string') {
+			link.integrity = integrity;
+		}
+
+		if (link.relList.contains('preload') || link.relList.contains('modulepreload')) {
+			const controller = new AbortController();
+			const signal = passedSignal instanceof AbortSignal ? AbortSignal.any([controller.signal, passedSignal]) : controller.signal;
+
+			if (passedSignal instanceof AbortSignal) {
+				passedSignal.addEventListener('abort', ({ target }) => {
+					reject(target.reason);
+				}, { signal: controller.signal, once: true  });
+			}
+
+			link.referrerPolicy = referrerPolicy;
+
+			link.addEventListener('load', () => {
+				resolve();
+				controller.abort();
+			}, { signal });
+
+			link.addEventListener('error', () => {
+				reject(new DOMException(`Error loading ${href}`, 'NotFoundError'));
+				controller.abort();
+			}, { signal });
+
+			link.href = href;
+
+			document.head.append(link);
+
+			return promise.catch(reportError).finally(() => link.isConnected && link.remove());
+		} else {
+			link.href = href;
+			document.head.append(link);
+			resolve();
+			return promise;
+		}
+	}
+}
+
+function _handlePreloadMutations(target) {
+	if (target instanceof MutationRecord) {
+		_handlePreloadMutations(target.target);
+	} else if (target.tagName === 'A' && ! target.classList.contains('no-router')) {
+		preloadOnHover(target, target.dataset);
+	} else {
+		target.querySelectorAll('a:not(.no-router)').forEach(a => preloadOnHover(a, a.dataset));
+	}
+}
+
+const preloadObserver = new MutationObserver(entries => entries.forEach(_handlePreloadMutations));
+
+/**
+ * Preloads a module asynchronously.
+ *
+ * @param {string} src - The URL or specifier to the module to preload.
+ * @param {object} [options] - Optional options for the preload element.
+ * @param {string} [options.crossOrigin="anonymous"] - The CORS mode to use when fetching the module. Defaults to 'anonymous'.
+ * @param {string} [options.referrerPolicy="no-referrer"] - The referrer policy to use when fetching the module. Defaults to 'no-referrer'.
+ * @param {string} [options.fetchPriority="low"] - The fetch priority for the preload request. Defaults to 'auto'.
+ * @param {string} [options.as="script"] - The type of resource to preload. Defaults to 'script'.
+ * @param {AbortSignal} [options.signal] - An AbortSignal to abort the preload request. Defaults to a 5-second timeout.
+ * @param {string} [options.integrity] - A base64-encoded cryptographic hash of the resource
+ * @returns {Promise<void>} A promise that resolves when the module is preloaded or rejects on error or signal is aborted.
+ * @throws {Error} Throws if the signal is aborted or if an `error` event is fired on the preload.
+ */
+async function preloadModule(src, {
+	crossOrigin = 'anonymous',
+	referrerPolicy = 'no-referrer',
+	fetchPriority = 'low',
+	as = 'script',
+	signal,
+	integrity,
+} = {}) {
+	await _loadLink(src, {
+		relList: ['modulepreload'],
+		crossOrigin, referrerPolicy, fetchPriority, as, signal, integrity,
+	});
+}
+
+/**
+ * Preloads a resource asynchronously.
+
+ * @param {string|URL} href - The URL or specifier to the resource to preload.
+ * @param {Object} [options] - Optional options for the preload element.
+ * @param {string} [options.crossOrigin="anonymous"] - The CORS mode to use when fetching the resource. Defaults to 'anonymous'.
+ * @param {string} [options.referrerPolicy="no-referrer"] - The referrer policy to use when fetching the resource. Defaults to 'no-referrer'.
+ * @param {string} [options.fetchPriority="auto"] - The fetch priority for the preload request. Defaults to 'auto'.
+ * @param {AbortSignal} [options.signal] - An AbortSignal to abort the preload request. Defaults to a 5-second timeout.
+ * @param {string} [options.integrity] - A base64-encoded cryptographic hash of the resource
+ * @param {string} [options.as] - The type of resource to preload.
+ * @param {string} [options.type] - The MIME type of the resource to preload.
+ * @param {(string|MediaQueryList)} [options.media] - A media query string or a MediaQueryList object.
+ * @returns {Promise<void>} A promise that resolves when the resource is preloaded or rejects on error or signal is aborted.
+ * @throws {Error} Throws if the signal is aborted or if an `error` event is fired on the preload.
+ */
+async function preload(href, {
+	crossOrigin = 'anonymous',
+	referrerPolicy = 'no-referrer',
+	fetchPriority = 'auto',
+	signal,
+	as,
+	integrity,
+	media,
+	type,
+} = {}) {
+
+	await _loadLink(href, {
+		relList: ['preload'],
+		crossOrigin, referrerPolicy, fetchPriority, as, signal, type, media, integrity,
+	});
+}
+/**
+ * Preloads resources associated with an element or selector when hovered over, with optional configuration.
+ *
+ * @param {string|HTMLElement} target - A CSS selector string or an HTMLElement that triggers preloading.
+ * @param {object} [options={}] - Configuration options for preloading.
+ * @param {string} [options.crossOrigin='anonymous'] - The cross-origin attribute for the request, useful for fetching from other origins.
+ * @param {string} [options.referrerPolicy='no-referrer'] - The referrer policy to apply to the request.
+ * @param {string} [options.fetchPriority='high'] - The priority level of the fetch operation.
+ * @param {AbortSignal} [options.signal] - Optional signal to abort the preload operation if needed.
+ * @returns {Promise<void>} A promise that resolves once preloading completes.
+ * @throws {TypeError} Throws if the target is not a valid selector or an HTMLElement with a valid `href` attribute.
+ */
+async function preloadOnHover(target, {
+	crossOrigin = 'anonymous',
+	referrerPolicy = 'no-referrer',
+	fetchPriority = 'high',
+	signal,
+} = {}) {
+	const { resolve, reject, promise } = Promise.withResolvers();
+
+	if (typeof target === 'string') {
+		await Promise.all(Array.from(
+			document.querySelectorAll(target),
+			link => preloadOnHover(link)
+		)).then(resolve, reject);
+	} else if (
+		target instanceof HTMLElement
+		&& ! target.classList.contains('no-router')
+		&& typeof target.href === 'string'
+		&& target.origin === location.origin
+		&& target.download.length === 0
+		&& URL.canParse(target.href)
+	) {
+		target.addEventListener('mouseover', async ({ currentTarget }) => {
+			const pattern = getRegistryKey(currentTarget.href);
+
+			if (pattern instanceof URLPattern) {
+				const specifier = getRegistrySpecifier(pattern);
+				const resolved = undefined(specifier);
+
+				await preloadModule(resolved, {
+					fetchPriority,
+					referrerPolicy,
+					crossOrigin,
+					integrity: currentTarget.dataset.integrity,
+					signal,
+				});
+				resolve();
+			} else {
+				await preload(currentTarget.href, {
+					fetchPriority,
+					crossOrigin,
+					referrerPolicy,
+					as: currentTarget.dataset.preloadAs ?? 'fetch',
+					type: currentTarget.dataset.preloadType ?? 'text/html',
+					integrity: currentTarget.dataset.integrity,
+					signal,
+				});
+				resolve();
+			}
+		}, { once: true, passive: true, signal });
+	} else {
+		resolve();
+	}
+
+	await promise;
+}
+
+/**
+ * Adds `mouseenter` listeners to preload links/handlers via a `MutationObserver`
+ *
+ * @param {HTMLElement|ShadowRoot|string} target Target for the mutation observer or its selector
+ * @param {HTMLElement|ShadowRoot} [base=document] The element to query from if `target` is a selector
+ */
+function observePreloadsOn(target, base = document.documentElement) {
+	if (typeof target === 'string') {
+		observePreloadsOn(base.querySelector(target));
+	} else if (target instanceof HTMLElement || target instanceof ShadowRoot) {
+		preloadObserver.observe(target, { childList : true, subtree: true });
+		_handlePreloadMutations(target);
+	} else {
+		throw new TypeError('`observePreloadsOn` requires a selector or HTMLElement or ShadowRoot.');
+	}
+}
+
+/**
+ * This is necessary since an HTML response from a same-origin
+ * request should result in the same document state as if
+ * it were initial load. CSP/Trusted Types requires `TrustedHTML`
+ * for `Document.parseHTMLUnsage` (or `innerHTML`), and `setHTML()`
+ * would filter out any `<iframe>` or `onclick` or `<form action>`.
+ */
+const policy = 'trustedTypes' in globalThis
+	? trustedTypes.createPolicy('aegis-atlas#html', {
+		createHTML(input) {
+			return input;
+		}
+	}) : Object.freeze({
+		createHTML(input) {
+			return input;
+		}
+	});
+
+const DESC_SELECTOR = 'meta[name="description"], meta[itemprop="description"], meta[property="og:description"], meta[name="twitter:description"]';
+
+/**
+ * @typedef RouteContextObject
+ * @property {URLPatternResult} result
+ * @property {Record<string, string>} params
+ * @property {DisposableStack} stack
+ * @property {AbortController} controller
+ * @property {AbortSignal} signal
+ * @property {NavigationType} type
+ * @property {URL} url
+ * @property {any} state
+ * @property {any} info
+ * @property {number} timestamp
+ * @readonly
+ */
+
+/** @typedef {Response|DocumentFragment|Element|HTMLDocument|URL} HandlerResult */
+/** @typedef {(request: Request, context: RouteContextObject) => Promise<HandlerResult>} RouteHandler */
+
+/** @typedef {Readonly<Record<string, unknown>> & {default?: RouteHandler|HandlerResult, title?: string, description?: string, styles?: CSSStyleSheet|CSSStyleSheet[]}} Module */
+
+/**
+ * @type HTMLElement
+ */
+let root = document.body;
+
+/**
+ *
+ * @param {string|HTMLElement} newRoot
+ * @param {DocumentOrShadowRoot} base
+ */
+function setRoot(newRoot, base = document) {
+	if (typeof newRoot === 'string') {
+		setRoot(base.getElementById(newRoot));
+	} else if (newRoot instanceof HTMLElement) {
+		root = newRoot;
+	} else {
+		throw new TypeError('New root must be an `Element` or `id` of an element.');
+	}
+}
+
+/**
+ *
+ * @param {HTMLFormElement|HTMLButtonElement|HTMLAnchorElement} source
+ * @returns {"GET"|"POST"}
+ */
+function getRequestMethod(source) {
+	if (! (source instanceof HTMLElement) || source instanceof HTMLAnchorElement) {
+		return 'GET';
+	} else if (source instanceof HTMLFormElement) {
+		return source.method.toUpperCase();
+	} else if (! (source instanceof HTMLButtonElement)) {
+		return 'GET';
+	} else if (source.hasAttribute('formmethod') && source.formMethod.length !== 0) {
+		return source.formMethod.toUpperCase();
+	} else if (source.form instanceof HTMLFormElement) {
+		return source.form.method.toUpperCase();
+	} else {
+		console.warn('Not sure this should be possible...');
+		return 'GET';
+	}
+}
+
+/**
+ *
+ * @param {NavigationEvent} event
+ */
+async function handleNavigation(event) {
+	if (! (event instanceof NavigateEvent)) {
+		throw new TypeError('Not a navigation event.');
+	} else if (event.signal.aborted) {
+		throw event.signal.reason;
+	} else {
+		const method = getRequestMethod(event.sourceElement);
+		const request = new Request(event.destination.url, {
+			// `sourceElement` could be a form, a `<button type="submit">`, or an `<a>
+			method: method,
+			body: method === 'GET' ? undefined : event.formData,// ?? new FormData(event.sourceElement?.form ?? event.sourceElement),
+			signal: event.signal,
+		});
+
+		const { result, specifier, hasRegExpGroups } = lookupRoute(event.destination.url);
+
+		if (typeof specifier !== 'string' || result === null) {
+			const resp = await fetch(request);
+			await updateContent(resp);
+		} else {
+			const params = hasRegExpGroups ? {
+				...result.protocol.groups, ...result.username.groups, ...result.password.groups, ...result.hostname.groups,
+				...result.port.groups, ...result.pathname.groups, ...result.search.groups, ...result.hash.groups,
+			}: {};
+
+			delete params['0'];
+			const module = await import(specifier);
+			const stack = new DisposableStack();
+			const controller = stack.adopt(
+				new AbortController(),
+				controller => controller.abort(new DOMException('Stack was disposed.', 'AbortError')),
+			);
+
+			const timestamp = performance.now();
+			const signal = AbortSignal.any([controller.signal, request.signal]);
+
+			/**
+			 * @type {RouteContextObject}
+			 */
+			const context = Object.freeze({
+				timestamp,
+				stack,
+				controller,
+				type: event.navigationType,
+				state: event.destination.getState(),
+				info: event.info,
+				url: new URL(event.destination.url),
+				signal,
+				result,
+				params,
+			});
+
+			try {
+				return await handleRequestModule(request, context, module);
+			} catch(err) {
+				reportError(err);
+			} finally {
+				stack.dispose();
+			}
+		}
+	}
+}
+
+/**
+ *
+ * @param {unknown} routes
+ * @param {object} config
+ * @param {HTMLElement|string} [config.root]
+ * @param {boolean} [config.preload=false]
+ * @param {AbortSignal} [config.signal]
+ */
+function init(routes, {
+	root,
+	preload = false,
+	signal,
+} = {}) {
+	if (typeof routes === 'string') {
+		init(JSON.parse(document.scripts.namedItem(routes).textContent), { root, preload, signal });
+	} else if (typeof routes === 'number') {
+		init(JSON.parse(document.scripts.item(routes).textContent), { root, preload, signal });
+	} else if (routes instanceof HTMLScriptElement) {
+		init(JSON.parse(routes.textContent), { root, preload, signal });
+	} else if (typeof routes === 'object') {
+		Object.entries(routes).forEach(([key, val]) => registerModule(key, val));
+
+		if (typeof root === 'string' || root instanceof HTMLElement) {
+			setRoot(root);
+		}
+
+		navigation.addEventListener('navigate', event => {
+			if (event.canIntercept && event.destination.url.startsWith(location.origin) && ! event.sourceElement?.classList?.contains?.('no-router')) {
+				event.intercept({ handler: () => handleNavigation(event) });
+			}
+		}, { signal });
+
+		if (preload) {
+			observePreloadsOn(document.body);
+		}
+	} else {
+		throw new TypeError(`Routes must be an object, \`<script>\`, or name/index of \`document.scripts\`. Got a ${typeof routes}.`);
+	}
+}
+
+/**
+ *
+ * @param {object} options
+ * @param {AbortSignal} [options.signal]
+ * @returns {Promise<NavigationHistoryEntry>}
+ */
+async function whenLoaded({ signal } = {}) {
+	const { resolve, reject, promise } = Promise.withResolvers();
+
+	if (signal?.aborted) {
+		reject(signal.reason);
+	} else {
+		const controller = new AbortController();
+		const opts = {
+			once: true,
+			signal: signal instanceof AbortSignal ? AbortSignal.any([signal, controller.signal]) : controller.signal,
+		};
+
+		navigation.addEventListener('navigatesuccess', () => {
+			resolve(navigation.currentEntry);
+			controller.abort();
+		}, opts);
+
+		navigation.addEventListener('navigateerror', event => {
+			reject(event.error);
+			controller.abort();
+		}, opts);
+
+		if (signal instanceof AbortSignal) {
+			signal.addEventListener('abort', ({ target }) => {
+				reject(target.reason);
+				controller.abort(target.reason);
+			}, { once: true, signal: controller.signal });
+		}
+	}
+
+	return promise;
+}
+
+/**
+ *
+ * @param {string|URL} newURL
+ * @param {NavigationOptions} options
+ * @returns {NavigationResult}
+ */
+const navigate = (newURL, options) => navigation.navigate(newURL, options);
+
+/**
+ *
+ * @param {NavigationOptions} options
+ * @returns {NavigationResult}
+ */
+const back = (options) => navigation.back(options);
+
+/**
+ *
+ * @param {NavigationOptions} options
+ * @returns {NavigationResult}
+ */
+const forward = (options) => navigation.forward(options);
+
+/**
+ *
+ * @param {NavigationReloadOptions} options
+ * @returns {NavigationResult}
+ */
+const reload = (options) => navigation.reload(options);
+
+/**
+ *
+ * @param {Request} request
+ * @param {RouteContextObject} context
+ * @param {Module} module
+ */
+async function handleRequestModule(request, context, module) {
+	if (typeof module.default === 'undefined') {
+		throw new TypeError(`No default export in module for <${request.url}>.`);
+	} else if (typeof module.default === 'function') {
+		const result = await module.default(request, context);
+		await updateContent(result);
+		updateMeta(module);
+	} else {
+		await updateContent(module.default);
+		updateMeta(module);
+	}
+}
+
+function updateMeta({ title, description, styles }) {
+	if (typeof title === 'string') {
+		document.title = title;
+	}
+
+	if (typeof description === 'string') {
+		setDescription(description);
+	}
+
+	if (styles instanceof CSSStyleSheet) {
+		document.adoptedStyleSheets = [...document.adoptedStyleSheets, styles];
+	} else if (Array.isArray(styles) && styles.length !== 0) {
+		document.adoptedStyleSheets = [...document.adoptedStyleSheets, ...styles];
+	}
+}
+
+/**
+ *
+ * @param {HandlerResult} content
+ */
+async function updateContent(content) {
+	if (content instanceof URL) {
+		navigate(content);
+	} else if (content instanceof Response) {
+		if (! content.ok) {
+			throw new DOMException(`${content.url} [${content.status}]`, 'NetworkError');
+		} else if (! content.headers.get('Content-Type')?.startsWith?.('text/html')) {
+			throw new TypeError(`Unsupported Content-Type for <${content.url}> - "${content.headers.get('Content-Type') ?? 'Unset'}".`);
+		} else {
+			const html = await content.text();
+			/** @type HTMLDocument */
+			const doc = Document.parseHTMLUnsafe(policy.createHTML(html)); // Unsafe, but necessary... Same-origin at least
+			await updateContent(doc);
+		}
+	} else if (content instanceof Element || content instanceof DocumentFragment) {
+		root.replaceChildren(content);
+	} else if (content instanceof HTMLDocument) {
+		document.title = content.title;
+		setDescription(content.head.querySelector(DESC_SELECTOR)?.content);
+
+		if (root instanceof HTMLBodyElement) {
+			root.replaceChildren(...content.body.childNodes);
+		} else if (root instanceof HTMLElement && typeof root.id === 'string') {
+			root.replaceChildren(...content.getElementById(root.id)?.childNodes ?? []);
+		} else {
+			throw new TypeError('Root must be `<body>` or an element with an `id`.');
+		}
+	} else {
+		throw new TypeError('Content must be an `Element`, `DocumentFragment`, `HTMLDocument`, or `Response`.');
+	}
+}
+
+/**
+ *
+ * @param {string} description
+ */
+function setDescription(description = '') {
+	document.head.querySelectorAll(DESC_SELECTOR).forEach(el => el.content = description);
+}
+
+exports.back = back;
+exports.forward = forward;
+exports.getRegistryKey = getRegistryKey;
+exports.getRegistrySpecifier = getRegistrySpecifier;
+exports.handleNavigation = handleNavigation;
+exports.init = init;
+exports.lookupRoute = lookupRoute;
+exports.navigate = navigate;
+exports.observePreloadsOn = observePreloadsOn;
+exports.preload = preload;
+exports.preloadModule = preloadModule;
+exports.preloadOnHover = preloadOnHover;
+exports.registerModule = registerModule;
+exports.reload = reload;
+exports.setRoot = setRoot;
+exports.whenLoaded = whenLoaded;

package/atlas.js

@@ -0,0 +1,3 @@
+export { registerModule, lookupRoute, getRegistryKey, getRegistrySpecifier } from './routes.js';
+export { preloadModule, preload, preloadOnHover, observePreloadsOn } from './preload.js';
+export { setRoot, handleNavigation, init, whenLoaded, navigate, back, forward, reload } from './router.js';

package/atlas.min.js

@@ -0,0 +1,2 @@
+const e=new Map,t=Object.freeze({result:null,specifier:null,hasRegExpGroups:!1}),n=t=>e.keys().find((e=>e.test(t))),r=t=>e.get(t);function o(r){const o=n(r);return o instanceof URLPattern?Object.freeze({result:o.exec(r),specifier:e.get(o),hasRegExpGroups:o.hasRegExpGroups}):t}function i(t,n){if(!("string"==typeof n||n instanceof URL))throw new TypeError(`Invalid specifier type ${typeof n}.`);if("string"==typeof t)e.set(URL.canParse(t)?new URLPattern(t):new URLPattern({pathname:t}),n.toString());else{if(!(t instanceof URLPattern))throw new TypeError(`Invalid pattner "${t}".`);n instanceof URL?e.set(t,n.href):e.set(t,n)}}function a(e,{relList:t=[],crossOrigin:n="anonymous",referrerPolicy:r="no-referrer",fetchPriority:o="auto",signal:i,as:a,integrity:s,media:c,type:l}={}){const{promise:f,resolve:d,reject:p}=Promise.withResolvers(),g=document.createElement("link");if(i instanceof AbortSignal&&i.aborted)p(i.reason);else{if("string"==typeof e||e instanceof URL){if(g.relList.add(...t),"string"==typeof o&&(g.fetchPriority=o),"string"==typeof n&&(g.crossOrigin=n),"string"==typeof l&&(g.type=l),"string"==typeof c?g.media=c:c instanceof MediaQueryList&&(g.media=c.media),"string"==typeof a&&(g.as=a),"string"==typeof s&&(g.integrity=s),g.relList.contains("preload")||g.relList.contains("modulepreload")){const t=new AbortController,n=i instanceof AbortSignal?AbortSignal.any([t.signal,i]):t.signal;return i instanceof AbortSignal&&i.addEventListener("abort",(({target:e})=>{p(e.reason)}),{signal:t.signal,once:!0}),g.referrerPolicy=r,g.addEventListener("load",(()=>{d(),t.abort()}),{signal:n}),g.addEventListener("error",(()=>{p(new DOMException(`Error loading ${e}`,"NotFoundError")),t.abort()}),{signal:n}),g.href=e,document.head.append(g),f.catch(reportError).finally((()=>g.isConnected&&g.remove()))}return g.href=e,document.head.append(g),d(),f}p(new TypeError(`Invalid href to preload: "${e}.`))}}function s(e){e instanceof MutationRecord?s(e.target):"A"!==e.tagName||e.classList.contains("no-router")?e.querySelectorAll("a:not(.no-router)").forEach((e=>d(e,e.dataset))):d(e,e.dataset)}const c=new MutationObserver((e=>e.forEach(s)));async function l(e,{crossOrigin:t="anonymous",referrerPolicy:n="no-referrer",fetchPriority:r="low",as:o="script",signal:i,integrity:s}={}){await a(e,{relList:["modulepreload"],crossOrigin:t,referrerPolicy:n,fetchPriority:r,as:o,signal:i,integrity:s})}async function f(e,{crossOrigin:t="anonymous",referrerPolicy:n="no-referrer",fetchPriority:r="auto",signal:o,as:i,integrity:s,media:c,type:l}={}){await a(e,{relList:["preload"],crossOrigin:t,referrerPolicy:n,fetchPriority:r,as:i,signal:o,type:l,media:c,integrity:s})}async function d(e,{crossOrigin:t="anonymous",referrerPolicy:o="no-referrer",fetchPriority:i="high",signal:a}={}){const{resolve:s,reject:c,promise:p}=Promise.withResolvers();"string"==typeof e?await Promise.all(Array.from(document.querySelectorAll(e),(e=>d(e)))).then(s,c):e instanceof HTMLElement&&!e.classList.contains("no-router")&&"string"==typeof e.href&&e.origin===location.origin&&0===e.download.length&&URL.canParse(e.href)?e.addEventListener("mouseover",(async({currentTarget:e})=>{const c=n(e.href);if(c instanceof URLPattern){const n=r(c),f=import.meta.resolve(n);await l(f,{fetchPriority:i,referrerPolicy:o,crossOrigin:t,integrity:e.dataset.integrity,signal:a}),s()}else await f(e.href,{fetchPriority:i,crossOrigin:t,referrerPolicy:o,as:e.dataset.preloadAs??"fetch",type:e.dataset.preloadType??"text/html",integrity:e.dataset.integrity,signal:a}),s()}),{once:!0,passive:!0,signal:a}):s(),await p}function p(e,t=document.documentElement){if("string"==typeof e)p(t.querySelector(e));else{if(!(e instanceof HTMLElement||e instanceof ShadowRoot))throw new TypeError("`observePreloadsOn` requires a selector or HTMLElement or ShadowRoot.");c.observe(e,{childList:!0,subtree:!0}),s(e)}}const g="trustedTypes"in globalThis?trustedTypes.createPolicy("aegis-atlas#html",{createHTML:e=>e}):Object.freeze({createHTML:e=>e}),u='meta[name="description"], meta[itemprop="description"], meta[property="og:description"], meta[name="twitter:description"]';let y=document.body;function m(e,t=document){if("string"==typeof e)m(t.getElementById(e));else{if(!(e instanceof HTMLElement))throw new TypeError("New root must be an `Element` or `id` of an element.");y=e}}async function h(e){if(!(e instanceof NavigateEvent))throw new TypeError("Not a navigation event.");if(e.signal.aborted)throw e.signal.reason;{const n=!((t=e.sourceElement)instanceof HTMLElement)||t instanceof HTMLAnchorElement?"GET":t instanceof HTMLFormElement?t.method.toUpperCase():t instanceof HTMLButtonElement?t.hasAttribute("formmethod")&&0!==t.formMethod.length?t.formMethod.toUpperCase():t.form instanceof HTMLFormElement?t.form.method.toUpperCase():(console.warn("Not sure this should be possible..."),"GET"):"GET",r=new Request(e.destination.url,{method:n,body:"GET"===n?void 0:e.formData,signal:e.signal}),{result:i,specifier:a,hasRegExpGroups:s}=o(e.destination.url);if("string"!=typeof a||null===i){const e=await fetch(r);await P(e)}else{const t=s?{...i.protocol.groups,...i.username.groups,...i.password.groups,...i.hostname.groups,...i.port.groups,...i.pathname.groups,...i.search.groups,...i.hash.groups}:{};delete t[0];const n=await import(a),o=new DisposableStack,c=o.adopt(new AbortController,(e=>e.abort(new DOMException("Stack was disposed.","AbortError")))),l=performance.now(),f=AbortSignal.any([c.signal,r.signal]),d=Object.freeze({timestamp:l,stack:o,controller:c,type:e.navigationType,state:e.destination.getState(),info:e.info,url:new URL(e.destination.url),signal:f,result:i,params:t});try{return await async function(e,t,n){if(void 0===n.default)throw new TypeError(`No default export in module for <${e.url}>.`);if("function"==typeof n.default){const r=await n.default(e,t);await P(r),S(n)}else await P(n.default),S(n)}(r,d,n)}catch(e){reportError(e)}finally{o.dispose()}}}var t}function w(e,{root:t,preload:n=!1,signal:r}={}){if("string"==typeof e)w(JSON.parse(document.scripts.namedItem(e).textContent),{root:t,preload:n,signal:r});else if("number"==typeof e)w(JSON.parse(document.scripts.item(e).textContent),{root:t,preload:n,signal:r});else if(e instanceof HTMLScriptElement)w(JSON.parse(e.textContent),{root:t,preload:n,signal:r});else{if("object"!=typeof e)throw new TypeError(`Routes must be an object, \`<script>\`, or name/index of \`document.scripts\`. Got a ${typeof e}.`);Object.entries(e).forEach((([e,t])=>i(e,t))),("string"==typeof t||t instanceof HTMLElement)&&m(t),navigation.addEventListener("navigate",(e=>{e.canIntercept&&e.destination.url.startsWith(location.origin)&&!e.sourceElement?.classList?.contains?.("no-router")&&e.intercept({handler:()=>h(e)})}),{signal:r}),n&&p(document.body)}}async function E({signal:e}={}){const{resolve:t,reject:n,promise:r}=Promise.withResolvers();if(e?.aborted)n(e.reason);else{const r=new AbortController,o={once:!0,signal:e instanceof AbortSignal?AbortSignal.any([e,r.signal]):r.signal};navigation.addEventListener("navigatesuccess",(()=>{t(navigation.currentEntry),r.abort()}),o),navigation.addEventListener("navigateerror",(e=>{n(e.error),r.abort()}),o),e instanceof AbortSignal&&e.addEventListener("abort",(({target:e})=>{n(e.reason),r.abort(e.reason)}),{once:!0,signal:r.signal})}return r}const b=(e,t)=>navigation.navigate(e,t),L=e=>navigation.back(e),v=e=>navigation.forward(e),T=e=>navigation.reload(e);function S({title:e,description:t,styles:n}){"string"==typeof e&&(document.title=e),"string"==typeof t&&M(t),n instanceof CSSStyleSheet?document.adoptedStyleSheets=[...document.adoptedStyleSheets,n]:Array.isArray(n)&&0!==n.length&&(document.adoptedStyleSheets=[...document.adoptedStyleSheets,...n])}async function P(e){if(e instanceof URL)b(e);else if(e instanceof Response){if(!e.ok)throw new DOMException(`${e.url} [${e.status}]`,"NetworkError");if(!e.headers.get("Content-Type")?.startsWith?.("text/html"))throw new TypeError(`Unsupported Content-Type for <${e.url}> - "${e.headers.get("Content-Type")??"Unset"}".`);{const t=await e.text(),n=Document.parseHTMLUnsafe(g.createHTML(t));await P(n)}}else if(e instanceof Element||e instanceof DocumentFragment)y.replaceChildren(e);else{if(!(e instanceof HTMLDocument))throw new TypeError("Content must be an `Element`, `DocumentFragment`, `HTMLDocument`, or `Response`.");if(document.title=e.title,M(e.head.querySelector(u)?.content),y instanceof HTMLBodyElement)y.replaceChildren(...e.body.childNodes);else{if(!(y instanceof HTMLElement&&"string"==typeof y.id))throw new TypeError("Root must be `<body>` or an element with an `id`.");y.replaceChildren(...e.getElementById(y.id)?.childNodes??[])}}}function M(e=""){document.head.querySelectorAll(u).forEach((t=>t.content=e))}export{L as back,v as forward,n as getRegistryKey,r as getRegistrySpecifier,h as handleNavigation,w as init,o as lookupRoute,b as navigate,p as observePreloadsOn,f as preload,l as preloadModule,d as preloadOnHover,i as registerModule,T as reload,m as setRoot,E as whenLoaded};
+//# sourceMappingURL=atlas.min.js.map