DevtoolsHook
interfaz
Interfaz pública que consume una extensión o un panel de desarrollo, disponible en desarrollo
como window.__MEEKO_DEVTOOLS__.
ts
import type { DevtoolsHook } from "@meekojs/meeko";Código fuente src/core/devtools-protocol.ts:327
Declaración #
ts
interface DevtoolsHook {
readonly protocolVersion: DevtoolsProtocolVersion
snapshot(): DevtoolsSnapshot
subscribe(listener: () => void): () => void
select(id: string | null): void
highlight(id: string | null): void
setBreakpoint(id: string, enabled: boolean): void
setSignal(instanceId: string, name: string, value: DevtoolsValue): DevtoolsCommandResult
}Ejemplo #
ts
const hook = window.__MEEKO_DEVTOOLS__;
const stop = hook?.subscribe(() => {
const { instances } = hook.snapshot();
console.log(`${instances.length} instancias`);
});
hook?.highlight(null);
stop?.();Miembros #
protocolVersion
#
readonly protocolVersion: DevtoolsProtocolVersionVersión del protocolo que implementa el runtime.
subscribe
#
subscribe(listener: () => void): () => voidAvisa de cada cambio; devuelve la función que cancela la suscripción.
highlight
#
highlight(id: string | null): voidResalta en la página los nodos de una instancia, o ninguno con null.
setBreakpoint
#
setBreakpoint(id: string, enabled: boolean): voidActiva o desactiva una pausa (debugger) en los cambios de señal de una instancia.
setSignal
#
setSignal(instanceId: string, name: string, value: DevtoolsValue): DevtoolsCommandResultSustituye el valor de una señal editable de una instancia activa. Sólo existe en desarrollo.
Véase también #
- Protocolo DevTools