vinext 0.0.49 → 0.0.51

package/dist/shims/router.js

@@ -1,10 +1,14 @@
 import { stripBasePath } from "../utils/base-path.js";
+import { matchRoutePattern, routePatternParts } from "../routing/route-pattern.js";
 import { RouterContext } from "./internal/router-context.js";
 import { isValidModulePath } from "../client/validate-module-path.js";
-import { toBrowserNavigationHref, toSameOriginAppPath } from "./url-utils.js";
+import { installWindowNext } from "../client/window-next.js";
+import { isAbsoluteOrProtocolRelativeUrl, isHashOnlyBrowserUrlChange, toBrowserNavigationHref, toSameOriginAppPath } from "./url-utils.js";
 import { addLocalePrefix, getDomainLocaleUrl } from "../utils/domain-locale.js";
 import { addQueryParam, appendSearchParamsToUrl, urlQueryToSearchParams } from "../utils/query.js";
-import { createElement, useCallback, useEffect, useMemo, useState } from "react";
+import { scrollToHashTarget } from "./hash-scroll.js";
+import { setPagesRouterPopStateHandler } from "./pages-router-runtime.js";
+import { createElement, useContext, useEffect, useMemo, useState } from "react";
 //#region src/shims/router.ts
 /**
 * next/router shim
@@ -69,14 +73,14 @@ function getDomainLocalePath(url, locale) {
 */
 function applyNavigationLocale(url, locale) {
 	if (!locale || typeof window === "undefined") return url;
-	if (url.startsWith("http://") || url.startsWith("https://") || url.startsWith("//")) return url;
+	if (isAbsoluteOrProtocolRelativeUrl(url)) return url;
 	const domainLocalePath = getDomainLocalePath(url, locale);
 	if (domainLocalePath) return domainLocalePath;
 	return addLocalePrefix(url, locale, window.__VINEXT_DEFAULT_LOCALE__ ?? "");
 }
 /** Check if a URL is external (any URL scheme per RFC 3986, or protocol-relative) */
 function isExternalUrl(url) {
-	return /^[a-z][a-z0-9+.-]*:/i.test(url) || url.startsWith("//");
+	return isAbsoluteOrProtocolRelativeUrl(url);
 }
 /** Resolve a hash URL to a basePath-stripped app URL for event payloads */
 function resolveHashUrl(url) {
@@ -93,22 +97,7 @@ function resolveHashUrl(url) {
 function isHashOnlyChange(href) {
 	if (href.startsWith("#")) return true;
 	if (typeof window === "undefined") return false;
-	try {
-		const current = new URL(window.location.href);
-		const next = new URL(href, window.location.href);
-		return current.pathname === next.pathname && current.search === next.search && next.hash !== "";
-	} catch {
-		return false;
-	}
-}
-/** Scroll to hash target element, or top if no hash */
-function scrollToHash(hash) {
-	if (!hash || hash === "#") {
-		window.scrollTo(0, 0);
-		return;
-	}
-	const el = document.getElementById(hash.slice(1));
-	if (el) el.scrollIntoView({ behavior: "auto" });
+	return isHashOnlyBrowserUrlChange(href, window.location.href, __basePath);
 }
 /** Save current scroll position into history state for back/forward restoration */
 function saveScrollPosition() {
@@ -142,6 +131,60 @@ function _registerRouterStateAccessors(accessors) {
 function setSSRContext(ctx) {
 	_setSSRContextImpl(ctx);
 }
+let _cachedClientPagesNavCtx = null;
+let _cachedClientPagesNavCtxKey = null;
+function _buildClientPagesNavigationContext(routePattern, resolvedPath, searchString) {
+	const cacheKey = `${routePattern}|${resolvedPath}|${searchString}`;
+	if (_cachedClientPagesNavCtxKey === cacheKey && _cachedClientPagesNavCtx) return _cachedClientPagesNavCtx;
+	const ctx = {
+		pathname: resolvedPath,
+		searchParams: new URLSearchParams(searchString),
+		params: routePattern ? extractRouteParamsFromPath(routePattern, resolvedPath) ?? {} : {}
+	};
+	_cachedClientPagesNavCtx = ctx;
+	_cachedClientPagesNavCtxKey = cacheKey;
+	return ctx;
+}
+/**
+* Cross-router compat shim source for `next/navigation` hooks.
+*
+* Returns the current Pages Router state shaped as a navigation context so
+* the App Router hooks (useParams/useSearchParams/usePathname) can act as
+* compat shims when invoked inside a Pages Router render. Mirrors Next.js's
+* `adaptForPathParams` and `adaptForSearchParams` in
+* .nextjs-ref/packages/next/src/shared/lib/router/adapters.tsx, which Next.js
+* uses to populate SearchParamsContext / PathParamsContext for the Pages
+* Router (see packages/next/src/server/render.tsx and
+* packages/next/src/client/index.tsx).
+*
+* Returns `null` when there is no Pages Router state available — e.g. App
+* Router pages, RSC-only renders, or pre-router renders. Callers should
+* treat null as "App Router context, use normal app-router state".
+*/
+function getPagesNavigationContext() {
+	if (typeof window === "undefined") {
+		const ssrCtx = _getSSRContext();
+		if (!ssrCtx) return null;
+		let searchParams;
+		let resolvedPath;
+		try {
+			const url = new URL(ssrCtx.asPath, "http://_");
+			searchParams = url.searchParams;
+			resolvedPath = url.pathname;
+		} catch {
+			searchParams = new URLSearchParams();
+			resolvedPath = ssrCtx.pathname;
+		}
+		const params = extractRouteParamsFromPath(ssrCtx.pathname, resolvedPath) ?? {};
+		return {
+			pathname: resolvedPath,
+			searchParams,
+			params
+		};
+	}
+	const resolvedPath = stripBasePath(window.location.pathname, __basePath);
+	return _buildClientPagesNavigationContext(window.__NEXT_DATA__?.page ?? "", resolvedPath, window.location.search);
+}
 /**
 * Extract param names from a Next.js route pattern.
 * E.g., "/posts/[id]" → ["id"], "/docs/[...slug]" → ["slug"],
@@ -157,6 +200,26 @@ function extractRouteParamNames(pattern) {
 	for (const m of colonMatches) names.push(m[1]);
 	return names;
 }
+function splitPathSegments(pathname) {
+	return pathname.split("/").filter(Boolean);
+}
+function extractRouteParamsFromPath(pattern, pathname) {
+	return matchRoutePattern(splitPathSegments(pathname), routePatternParts(pattern));
+}
+function getRouteQueryFromNextData(nextData, resolvedPath) {
+	const routeQuery = {};
+	if (!nextData?.query || !nextData.page) return routeQuery;
+	const routeParamNames = extractRouteParamNames(nextData.page);
+	if (routeParamNames.length === 0) return routeQuery;
+	const currentRouteParams = extractRouteParamsFromPath(nextData.page, resolvedPath);
+	if (currentRouteParams) return currentRouteParams;
+	for (const key of routeParamNames) {
+		const value = nextData.query[key];
+		if (typeof value === "string") routeQuery[key] = value;
+		else if (Array.isArray(value)) routeQuery[key] = [...value];
+	}
+	return routeQuery;
+}
 function getPathnameAndQuery() {
 	if (typeof window === "undefined") {
 		const _ssrCtx = _getSSRContext();
@@ -177,16 +240,8 @@ function getPathnameAndQuery() {
 	}
 	const resolvedPath = stripBasePath(window.location.pathname, __basePath);
 	const pathname = window.__NEXT_DATA__?.page ?? resolvedPath;
-	const routeQuery = {};
 	const nextData = window.__NEXT_DATA__;
-	if (nextData && nextData.query && nextData.page) {
-		const routeParamNames = extractRouteParamNames(nextData.page);
-		for (const key of routeParamNames) {
-			const value = nextData.query[key];
-			if (typeof value === "string") routeQuery[key] = value;
-			else if (Array.isArray(value)) routeQuery[key] = [...value];
-		}
-	}
+	const routeQuery = getRouteQueryFromNextData(nextData, resolvedPath);
 	const searchQuery = {};
 	const params = new URLSearchParams(window.location.search);
 	for (const [key, value] of params) addQueryParam(searchQuery, key, value);
@@ -351,9 +406,8 @@ async function runNavigateClient(fullUrl, resolvedUrl) {
 }
 /**
 * Build the full router value object from the current pathname, query, asPath,
-* and a set of navigation methods.  Shared by useRouter() (which passes
-* hook-derived callbacks) and wrapWithRouterContext() (which passes the Router
-* singleton methods) so the shape stays in sync.
+* and a set of navigation methods. Shared by the Pages Router context provider
+* and tests so the public router shape stays in sync.
 */
 function buildRouterValue(pathname, query, asPath, methods) {
 	const _ssrState = _getSSRContext();
@@ -379,10 +433,98 @@ function buildRouterValue(pathname, query, asPath, methods) {
 		events: routerEvents
 	};
 }
+/** Extract the hash fragment from a URL, including the leading `#`. */
+function extractHash(url) {
+	const i = url.indexOf("#");
+	return i === -1 ? "" : url.slice(i);
+}
+/** Notify in-page listeners (e.g. useRouter hooks) that navigation occurred. */
+function dispatchNavigateEvent() {
+	window.dispatchEvent(new CustomEvent("vinext:navigate"));
+}
+/**
+* Update history with the new URL and refresh the hash-only-detection tracker.
+* Centralises the `pushState`/`replaceState` branch so callers don't repeat it.
+*/
+function updateHistory(mode, url) {
+	if (mode === "push") window.history.pushState({}, "", url);
+	else window.history.replaceState({}, "", url);
+	_lastPathnameAndSearch = window.location.pathname + window.location.search;
+}
+/**
+* Shared client-side navigation flow used by both `useRouter()` and the
+* `Router` singleton. The only differences between push/replace are the
+* history method (`pushState` vs `replaceState`), the external-URL fallback
+* (`assign` vs `replace`), and the fact that push saves scroll position for
+* back/forward restoration while replace does not.
+*
+* `onStateUpdate` lets the hook trigger a `setState` re-render at the same
+* point that hashChangeComplete/routeChangeComplete fires; the singleton
+* passes no callback.
+*/
+async function performNavigation(url, as, options, mode, onStateUpdate) {
+	let resolved = resolveNavigationTarget(url, as, options?.locale);
+	if (isExternalUrl(resolved)) {
+		const localPath = toSameOriginAppPath(resolved, __basePath);
+		if (localPath == null) {
+			if (mode === "push") window.location.assign(resolved);
+			else window.location.replace(resolved);
+			return true;
+		}
+		resolved = localPath;
+	}
+	const full = toBrowserNavigationHref(resolved, window.location.href, __basePath);
+	const shallow = options?.shallow ?? false;
+	const doScroll = options?.scroll !== false;
+	if (isHashOnlyChange(full)) {
+		const eventUrl = resolveHashUrl(full);
+		routerEvents.emit("hashChangeStart", eventUrl, { shallow });
+		updateHistory(mode, resolved.startsWith("#") ? resolved : full);
+		if (doScroll) scrollToHashTarget(extractHash(resolved));
+		onStateUpdate?.();
+		routerEvents.emit("hashChangeComplete", eventUrl, { shallow });
+		dispatchNavigateEvent();
+		return true;
+	}
+	if (mode === "push") saveScrollPosition();
+	routerEvents.emit("routeChangeStart", resolved, { shallow });
+	routerEvents.emit("beforeHistoryChange", resolved, { shallow });
+	updateHistory(mode, full);
+	if (!shallow) {
+		const result = await runNavigateClient(full, resolved);
+		if (result === "cancelled") return true;
+		if (result === "failed") return false;
+	}
+	onStateUpdate?.();
+	routerEvents.emit("routeChangeComplete", resolved, { shallow });
+	const hash = extractHash(resolved);
+	if (doScroll) if (hash) scrollToHashTarget(hash);
+	else window.scrollTo(0, 0);
+	dispatchNavigateEvent();
+	return true;
+}
+/** Inject a `<link rel="prefetch">` for the target page. */
+async function prefetchUrl(url) {
+	if (typeof document !== "undefined") {
+		const link = document.createElement("link");
+		link.rel = "prefetch";
+		link.href = url;
+		link.as = "document";
+		document.head.appendChild(link);
+	}
+}
 /**
 * useRouter hook - Pages Router compatible.
+*
+* Ported from Next.js: packages/next/src/client/router.ts
+* https://github.com/vercel/next.js/blob/canary/packages/next/src/client/router.ts
 */
 function useRouter() {
+	const router = useContext(RouterContext);
+	if (!router) throw new Error("NextRouter was not mounted. https://nextjs.org/docs/messages/next-router-not-mounted");
+	return router;
+}
+function PagesRouterProvider({ children }) {
 	const [{ pathname, query, asPath }, setState] = useState(getPathnameAndQuery);
 	useEffect(() => {
 		const onNavigate = ((_e) => {
@@ -391,125 +533,23 @@ function useRouter() {
 		window.addEventListener("vinext:navigate", onNavigate);
 		return () => window.removeEventListener("vinext:navigate", onNavigate);
 	}, []);
-	const push = useCallback(async (url, as, options) => {
-		let resolved = resolveNavigationTarget(url, as, options?.locale);
-		if (isExternalUrl(resolved)) {
-			const localPath = toSameOriginAppPath(resolved, __basePath);
-			if (localPath == null) {
-				window.location.assign(resolved);
-				return true;
-			}
-			resolved = localPath;
-		}
-		const full = toBrowserNavigationHref(resolved, window.location.href, __basePath);
-		if (isHashOnlyChange(resolved)) {
-			const eventUrl = resolveHashUrl(resolved);
-			routerEvents.emit("hashChangeStart", eventUrl, { shallow: options?.shallow ?? false });
-			const hash = resolved.includes("#") ? resolved.slice(resolved.indexOf("#")) : "";
-			window.history.pushState({}, "", resolved.startsWith("#") ? resolved : full);
-			_lastPathnameAndSearch = window.location.pathname + window.location.search;
-			scrollToHash(hash);
-			setState(getPathnameAndQuery());
-			routerEvents.emit("hashChangeComplete", eventUrl, { shallow: options?.shallow ?? false });
-			window.dispatchEvent(new CustomEvent("vinext:navigate"));
-			return true;
-		}
-		saveScrollPosition();
-		routerEvents.emit("routeChangeStart", resolved, { shallow: options?.shallow ?? false });
-		routerEvents.emit("beforeHistoryChange", resolved, { shallow: options?.shallow ?? false });
-		window.history.pushState({}, "", full);
-		_lastPathnameAndSearch = window.location.pathname + window.location.search;
-		if (!options?.shallow) {
-			const result = await runNavigateClient(full, resolved);
-			if (result === "cancelled") return true;
-			if (result === "failed") return false;
-		}
-		setState(getPathnameAndQuery());
-		routerEvents.emit("routeChangeComplete", resolved, { shallow: options?.shallow ?? false });
-		const hash = resolved.includes("#") ? resolved.slice(resolved.indexOf("#")) : "";
-		if (hash) scrollToHash(hash);
-		else if (options?.scroll !== false) window.scrollTo(0, 0);
-		window.dispatchEvent(new CustomEvent("vinext:navigate"));
-		return true;
-	}, []);
-	const replace = useCallback(async (url, as, options) => {
-		let resolved = resolveNavigationTarget(url, as, options?.locale);
-		if (isExternalUrl(resolved)) {
-			const localPath = toSameOriginAppPath(resolved, __basePath);
-			if (localPath == null) {
-				window.location.replace(resolved);
-				return true;
-			}
-			resolved = localPath;
-		}
-		const full = toBrowserNavigationHref(resolved, window.location.href, __basePath);
-		if (isHashOnlyChange(resolved)) {
-			const eventUrl = resolveHashUrl(resolved);
-			routerEvents.emit("hashChangeStart", eventUrl, { shallow: options?.shallow ?? false });
-			const hash = resolved.includes("#") ? resolved.slice(resolved.indexOf("#")) : "";
-			window.history.replaceState({}, "", resolved.startsWith("#") ? resolved : full);
-			_lastPathnameAndSearch = window.location.pathname + window.location.search;
-			scrollToHash(hash);
-			setState(getPathnameAndQuery());
-			routerEvents.emit("hashChangeComplete", eventUrl, { shallow: options?.shallow ?? false });
-			window.dispatchEvent(new CustomEvent("vinext:navigate"));
-			return true;
-		}
-		routerEvents.emit("routeChangeStart", resolved, { shallow: options?.shallow ?? false });
-		routerEvents.emit("beforeHistoryChange", resolved, { shallow: options?.shallow ?? false });
-		window.history.replaceState({}, "", full);
-		_lastPathnameAndSearch = window.location.pathname + window.location.search;
-		if (!options?.shallow) {
-			const result = await runNavigateClient(full, resolved);
-			if (result === "cancelled") return true;
-			if (result === "failed") return false;
-		}
-		setState(getPathnameAndQuery());
-		routerEvents.emit("routeChangeComplete", resolved, { shallow: options?.shallow ?? false });
-		const hash = resolved.includes("#") ? resolved.slice(resolved.indexOf("#")) : "";
-		if (hash) scrollToHash(hash);
-		else if (options?.scroll !== false) window.scrollTo(0, 0);
-		window.dispatchEvent(new CustomEvent("vinext:navigate"));
-		return true;
-	}, []);
-	const back = useCallback(() => {
-		window.history.back();
-	}, []);
-	const reload = useCallback(() => {
-		window.location.reload();
-	}, []);
-	const prefetch = useCallback(async (url) => {
-		if (typeof document !== "undefined") {
-			const link = document.createElement("link");
-			link.rel = "prefetch";
-			link.href = url;
-			link.as = "document";
-			document.head.appendChild(link);
-		}
-	}, []);
-	return useMemo(() => buildRouterValue(pathname, query, asPath, {
-		push,
-		replace,
-		back,
-		reload,
-		prefetch,
-		beforePopState: (cb) => {
-			_beforePopStateCb = cb;
-		}
+	const router = useMemo(() => buildRouterValue(pathname, query, asPath, {
+		push: Router.push,
+		replace: Router.replace,
+		back: Router.back,
+		reload: Router.reload,
+		prefetch: Router.prefetch,
+		beforePopState: Router.beforePopState
 	}), [
 		pathname,
 		query,
-		asPath,
-		push,
-		replace,
-		back,
-		reload,
-		prefetch
+		asPath
 	]);
+	return createElement(RouterContext.Provider, { value: router }, children);
 }
 let _beforePopStateCb;
 let _lastPathnameAndSearch = typeof window !== "undefined" ? window.location.pathname + window.location.search : "";
-if (typeof window !== "undefined") window.addEventListener("popstate", (e) => {
+function handlePagesRouterPopState(e) {
 	const browserUrl = window.location.pathname + window.location.search;
 	const appUrl = stripBasePath(window.location.pathname, __basePath) + window.location.search;
 	const isHashOnly = browserUrl === _lastPathnameAndSearch;
@@ -524,9 +564,9 @@ if (typeof window !== "undefined") window.addEventListener("popstate", (e) => {
 	if (isHashOnly) {
 		const hashUrl = appUrl + window.location.hash;
 		routerEvents.emit("hashChangeStart", hashUrl, { shallow: false });
-		scrollToHash(window.location.hash);
+		scrollToHashTarget(window.location.hash);
 		routerEvents.emit("hashChangeComplete", hashUrl, { shallow: false });
-		window.dispatchEvent(new CustomEvent("vinext:navigate"));
+		dispatchNavigateEvent();
 		return;
 	}
 	const fullAppUrl = appUrl + window.location.hash;
@@ -536,126 +576,69 @@ if (typeof window !== "undefined") window.addEventListener("popstate", (e) => {
 		if (await runNavigateClient(browserUrl, fullAppUrl) === "completed") {
 			routerEvents.emit("routeChangeComplete", fullAppUrl, { shallow: false });
 			restoreScrollPosition(e.state);
-			window.dispatchEvent(new CustomEvent("vinext:navigate"));
+			dispatchNavigateEvent();
 		}
 	})();
-});
+}
+setPagesRouterPopStateHandler(handlePagesRouterPopState);
 /**
 * Wrap a React element in a RouterContext.Provider so that
 * next/compat/router's useRouter() returns the real Pages Router value.
 *
-* This is a plain function, NOT a React component — it builds the router
-* value object directly from the current SSR context (server) or
-* window.location + Router singleton (client), avoiding duplicate state
-* that a hook-based component would create.
+* The provider owns the reactive Pages Router snapshot so next/router and
+* next/compat/router consumers share one context value instead of each hook
+* installing its own global URL-change listener.
 */
 function wrapWithRouterContext(element) {
-	const { pathname, query, asPath } = getPathnameAndQuery();
-	const routerValue = buildRouterValue(pathname, query, asPath, {
-		push: Router.push,
-		replace: Router.replace,
-		back: Router.back,
-		reload: Router.reload,
-		prefetch: Router.prefetch,
-		beforePopState: Router.beforePopState
-	});
-	return createElement(RouterContext.Provider, { value: routerValue }, element);
+	return createElement(PagesRouterProvider, null, element);
+}
+/**
+* Higher-order component that injects the Pages Router `router` instance as
+* a `router` prop into a wrapped component. Primarily used by class
+* components (which cannot call hooks) to access the router. The wrapped
+* component receives the same props as the original, minus `router`, which
+* is filled in by the HOC.
+*
+* Ported from Next.js: packages/next/src/client/with-router.tsx
+* https://github.com/vercel/next.js/blob/canary/packages/next/src/client/with-router.tsx
+*
+* Differences from Next.js:
+* - We type the composed component as `ComponentType<P>` instead of
+*   `NextComponentType<C, any, P>` because vinext does not expose
+*   `NextComponentType` from this shim. The runtime shape (and the props
+*   the wrapper forwards) is identical.
+* - We forward `getInitialProps` and `origGetInitialProps` from the
+*   composed component so `_app` parity holds for class components that
+*   define `getInitialProps`.
+*/
+function withRouter(ComposedComponent) {
+	function WithRouterWrapper(props) {
+		return createElement(ComposedComponent, {
+			router: useRouter(),
+			...props
+		});
+	}
+	const composed = ComposedComponent;
+	WithRouterWrapper.getInitialProps = composed.getInitialProps;
+	WithRouterWrapper.origGetInitialProps = composed.origGetInitialProps;
+	if (process.env.NODE_ENV !== "production") WithRouterWrapper.displayName = `withRouter(${composed.displayName || composed.name || "Unknown"})`;
+	return WithRouterWrapper;
 }
 const Router = {
-	push: async (url, as, options) => {
-		let resolved = resolveNavigationTarget(url, as, options?.locale);
-		if (isExternalUrl(resolved)) {
-			const localPath = toSameOriginAppPath(resolved, __basePath);
-			if (localPath == null) {
-				window.location.assign(resolved);
-				return true;
-			}
-			resolved = localPath;
-		}
-		const full = toBrowserNavigationHref(resolved, window.location.href, __basePath);
-		if (isHashOnlyChange(resolved)) {
-			const eventUrl = resolveHashUrl(resolved);
-			routerEvents.emit("hashChangeStart", eventUrl, { shallow: options?.shallow ?? false });
-			const hash = resolved.includes("#") ? resolved.slice(resolved.indexOf("#")) : "";
-			window.history.pushState({}, "", resolved.startsWith("#") ? resolved : full);
-			_lastPathnameAndSearch = window.location.pathname + window.location.search;
-			scrollToHash(hash);
-			routerEvents.emit("hashChangeComplete", eventUrl, { shallow: options?.shallow ?? false });
-			window.dispatchEvent(new CustomEvent("vinext:navigate"));
-			return true;
-		}
-		saveScrollPosition();
-		routerEvents.emit("routeChangeStart", resolved, { shallow: options?.shallow ?? false });
-		routerEvents.emit("beforeHistoryChange", resolved, { shallow: options?.shallow ?? false });
-		window.history.pushState({}, "", full);
-		_lastPathnameAndSearch = window.location.pathname + window.location.search;
-		if (!options?.shallow) {
-			const result = await runNavigateClient(full, resolved);
-			if (result === "cancelled") return true;
-			if (result === "failed") return false;
-		}
-		routerEvents.emit("routeChangeComplete", resolved, { shallow: options?.shallow ?? false });
-		const hash = resolved.includes("#") ? resolved.slice(resolved.indexOf("#")) : "";
-		if (hash) scrollToHash(hash);
-		else if (options?.scroll !== false) window.scrollTo(0, 0);
-		window.dispatchEvent(new CustomEvent("vinext:navigate"));
-		return true;
-	},
-	replace: async (url, as, options) => {
-		let resolved = resolveNavigationTarget(url, as, options?.locale);
-		if (isExternalUrl(resolved)) {
-			const localPath = toSameOriginAppPath(resolved, __basePath);
-			if (localPath == null) {
-				window.location.replace(resolved);
-				return true;
-			}
-			resolved = localPath;
-		}
-		const full = toBrowserNavigationHref(resolved, window.location.href, __basePath);
-		if (isHashOnlyChange(resolved)) {
-			const eventUrl = resolveHashUrl(resolved);
-			routerEvents.emit("hashChangeStart", eventUrl, { shallow: options?.shallow ?? false });
-			const hash = resolved.includes("#") ? resolved.slice(resolved.indexOf("#")) : "";
-			window.history.replaceState({}, "", resolved.startsWith("#") ? resolved : full);
-			_lastPathnameAndSearch = window.location.pathname + window.location.search;
-			scrollToHash(hash);
-			routerEvents.emit("hashChangeComplete", eventUrl, { shallow: options?.shallow ?? false });
-			window.dispatchEvent(new CustomEvent("vinext:navigate"));
-			return true;
-		}
-		routerEvents.emit("routeChangeStart", resolved, { shallow: options?.shallow ?? false });
-		routerEvents.emit("beforeHistoryChange", resolved, { shallow: options?.shallow ?? false });
-		window.history.replaceState({}, "", full);
-		_lastPathnameAndSearch = window.location.pathname + window.location.search;
-		if (!options?.shallow) {
-			const result = await runNavigateClient(full, resolved);
-			if (result === "cancelled") return true;
-			if (result === "failed") return false;
-		}
-		routerEvents.emit("routeChangeComplete", resolved, { shallow: options?.shallow ?? false });
-		const hash = resolved.includes("#") ? resolved.slice(resolved.indexOf("#")) : "";
-		if (hash) scrollToHash(hash);
-		else if (options?.scroll !== false) window.scrollTo(0, 0);
-		window.dispatchEvent(new CustomEvent("vinext:navigate"));
-		return true;
-	},
+	push: (url, as, options) => performNavigation(url, as, options, "push"),
+	replace: (url, as, options) => performNavigation(url, as, options, "replace"),
 	back: () => window.history.back(),
 	reload: () => window.location.reload(),
-	prefetch: async (url) => {
-		if (typeof document !== "undefined") {
-			const link = document.createElement("link");
-			link.rel = "prefetch";
-			link.href = url;
-			link.as = "document";
-			document.head.appendChild(link);
-		}
-	},
+	prefetch: prefetchUrl,
 	beforePopState: (cb) => {
 		_beforePopStateCb = cb;
 	},
 	events: routerEvents
 };
+if (typeof window !== "undefined") installWindowNext({ router: Router });
+const _PAGES_NAVIGATION_ACCESSOR_KEY = Symbol.for("vinext.navigation.pagesNavigationContextAccessor");
+globalThis[_PAGES_NAVIGATION_ACCESSOR_KEY] = getPagesNavigationContext;
 //#endregion
-export { _registerRouterStateAccessors, applyNavigationLocale, Router as default, isExternalUrl, isHashOnlyChange, setSSRContext, useRouter, wrapWithRouterContext };
+export { _registerRouterStateAccessors, applyNavigationLocale, Router as default, getPagesNavigationContext, isExternalUrl, isHashOnlyChange, setSSRContext, useRouter, withRouter, wrapWithRouterContext };
 
 //# sourceMappingURL=router.js.map