Saltar al contenido
Meeko
Escribe para buscar en las guías y en la referencia de la API. Ábrela desde cualquier página con / o Ctrl K; muévete con las flechas y entra con Intro.
Empezar

Contenidos

En esta página

NavigationContext

interfaz

Lo que recibe el callback de render de createNavigator en cada navegación.

ts
import type { NavigationContext } from "@meekojs/meeko/framework";

Código fuente src/app/runtime/router.ts:343

Declaración #

ts
interface NavigationContext {
	readonly viewTransition?: boolean
	readonly url: URL
	readonly match: RouteMatch
	readonly signal: AbortSignal
	readonly retainedLayouts: number
}

Ejemplo #

ts
import { createNavigator } from "@meekojs/meeko/framework";
import type { NavigationContext } from "@meekojs/meeko/framework";

async function render({ url, match, signal, retainedLayouts }: NavigationContext): Promise<boolean> {
  const response = await fetch(url, { signal, headers: { accept: "application/meeko+json" } });
  if (signal.aborted) return false;
  console.log(match.route.id, retainedLayouts, await response.json());
  return true;
}
const navigator = createNavigator(routes, render);

Propiedades #

viewTransition #

propiedad sólo lectura opcional

readonly viewTransition?: boolean

Sobrescribe la opción global de View Transitions para esta navegación.

url #

propiedad sólo lectura

readonly url: URL

URL de destino.

match #

propiedad sólo lectura

readonly match: RouteMatch

Ruta de destino y sus parámetros.

signal #

propiedad sólo lectura

readonly signal: AbortSignal

Se aborta cuando otra navegación sustituye a esta.

retainedLayouts #

propiedad sólo lectura

readonly retainedLayouts: number

Longitud del prefijo común con la cadena de layouts de la ruta anterior, que se conserva.

Véase también #

¿Te sirvió esta página?

Añadir un comentario

Se envía al elegir «Sí» o «No». Solo se guardan la página, tu respuesta y el comentario: ni cookies ni datos tuyos.

0 de 2000 caracteres

Editar en GitHub: packages/meeko/src/app/runtime/router.ts