Skip to content
Meeko
Type to search the guides and the API reference. Open it from any page with / or Ctrl K; move with the arrow keys and open a result with Enter.
Get started

Contents

On this page

Not translated yet

This page has not been translated into English yet, so it is shown in Spanish.

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";

Source code 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 }>
}

Example #

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 since 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.

See also #

Was this page helpful?

Add a comment

It is sent when you choose “Yes” or “No”. Only the page, your answer and the comment are stored: no cookies and no personal data.

0 of 2000 characters

Edit on GitHub: packages/meeko/src/app/runtime/devtools.ts