@tanstack/solid-router/dist/esm/Transitioner.js

Modern and scalable routing for Solid applications

import { useRouter } from "./useRouter.js";
import { getLocationChangeInfo, trimPathRight } from "@tanstack/router-core";
import * as Solid from "solid-js";
import { isServer } from "@tanstack/router-core/isServer";
//#region src/Transitioner.tsx
function getResolvedLocation(router) {
	const resolvedLocation = router.stores.resolvedLocation.get();
	if (resolvedLocation?.href === router.latestLocation.href && resolvedLocation.state.__TSR_key === router.latestLocation.state.__TSR_key) return resolvedLocation;
}
function Transitioner() {
	const router = useRouter();
	if (isServer ?? router.isServer) return null;
	let settleCurrent;
	router.startTransition = (fn) => {
		settleCurrent?.(false);
		return new Promise((resolve, reject) => {
			const settle = (rendered) => {
				if (settleCurrent !== settle) return;
				settleCurrent = void 0;
				resolve(rendered);
			};
			const fail = (cause) => {
				if (settleCurrent !== settle) return;
				settleCurrent = void 0;
				reject(cause);
			};
			settleCurrent = settle;
			Solid.startTransition(() => {
				if (settleCurrent === settle) try {
					fn();
				} catch (cause) {
					fail(cause);
				}
			}).then(() => settle(true), fail);
		});
	};
	Solid.onCleanup(() => {
		settleCurrent?.(false);
	});
	Solid.onMount(() => {
		Solid.onCleanup(router.history.subscribe(router.load));
		const nextLocation = router.buildLocation({
			to: router.latestLocation.pathname,
			search: true,
			params: true,
			hash: true,
			state: true,
			_includeValidateSearch: true
		});
		if (trimPathRight(router.latestLocation.publicHref) !== trimPathRight(nextLocation.publicHref)) {
			router.commitLocation({
				...nextLocation,
				replace: true,
				ignoreBlocker: true
			});
			return;
		}
		if (!getResolvedLocation(router) && !router._tx) router.load().catch(console.error);
	});
	return null;
}
function Rendered() {
	const router = useRouter();
	Solid.onMount(() => {
		const resolvedLocation = getResolvedLocation(router);
		if (resolvedLocation) router.emit({
			type: "onRendered",
			...getLocationChangeInfo(resolvedLocation, resolvedLocation)
		});
	});
	return null;
}
//#endregion
export { Rendered, Transitioner };

//# sourceMappingURL=Transitioner.js.map