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

DevtoolsRegistration

interfaz

Datos que entrega un componente compilado al registrarse en DevTools cuando se hidrata en desarrollo. El compilador genera este registro; una aplicación sólo lo lee.

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

Código fuente src/app/runtime/devtools.ts:28

Declaración #

ts
interface DevtoolsRegistration {
	componentId: string
	name: string
	file: string
	scope: DomScope
	props: unknown
	bindings: Record<string, unknown>
	sites?: Record<string, { line: number; column: number }>
}

Ejemplo #

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

const describe = (registration: DevtoolsRegistration): string =>
  `${registration.name} (${registration.file}): ${Object.keys(registration.bindings).join(", ")}`;

Propiedades #

componentId #

propiedad

componentId: string

Identificador estable del componente compilado.

name #

propiedad

name: string

Nombre del componente.

file #

propiedad

file: string

Archivo .meeko de origen.

scope #

propiedad

scope: DomScope

Fragmento de DOM de la instancia.

props #

propiedad

props: unknown

Props de la instancia.

bindings #

propiedad

bindings: Record<string, unknown>

Bindings del setup por nombre; las señales editables aparecen en el panel.

sites #

propiedad opcional desde 1.1.0

sites?: Record<string, { line: number; column: number }>

Línea y columna (desde 1) de la declaración de cada binding en file; sólo las emite la compilación hot.

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/devtools.ts