@triggery/devtools-bridge

Page-side мост, делающий рантайм Triggery наблюдаемым для внешних инструментов — Chrome-расширения, будущей standalone веб-панели, кастомных инспекторов, всего, что умеет слушать window.postMessage. Framework-agnostic, без рантайм-зависимостей, возвращает no-op в Node / SSR.

Установка

pnpm

pnpm add @triggery/core @triggery/devtools-bridge

npm

npm install @triggery/core @triggery/devtools-bridge

yarn

yarn add @triggery/core @triggery/devtools-bridge

bun

bun add @triggery/core @triggery/devtools-bridge

Peer-зависимости: @triggery/core.

Что внутри

Экспорт	Назначение
installDevtoolsBridge(runtime)	Подключает page-side мост к рантайму. Возвращает обратный вызов dispose().

Быстрый пример

import { createRuntime } from '@triggery/core';
import { installDevtoolsBridge } from '@triggery/devtools-bridge';

const runtime = createRuntime();

if (import.meta.env.DEV) {
  installDevtoolsBridge(runtime);
}

И всё. Мост:

1. Выставляет discovery-handle на window.__triggery_devtools__, чтобы инструменты могли обнаружить рантайм.
2. Транслирует postMessage triggery:hello с текущим graph() и буфером инспектора.
3. Подписывается на рантайм и шлёт triggery:snapshot на каждый новый запуск.
4. По dispose() удаляет discovery-handle и транслирует triggery:bye.

В Node / SSR installDevtoolsBridge возвращает no-op-disposer.

Wire-формат

{ source: 'triggery-devtools', type: 'triggery:hello',    runtimeId, graph, buffer, at }
{ source: 'triggery-devtools', type: 'triggery:snapshot', runtimeId, snapshot,     at }
{ source: 'triggery-devtools', type: 'triggery:bye',      runtimeId,               at }

Связанные пакеты

@triggery/core Рантайм, к которому подключается мост.

@triggery/devtools-panel React-компоненты in-app инспектора.

@triggery/devtools-redux Стримит события рантайма в расширение Redux DevTools.

Исходники

• GitHub
• npm
• Changelog