@triggery/devtools-redux
Middleware, который стримит события рантайма Triggery в браузерное расширение Redux DevTools — Redux при этом не нужен. Каждое событие fire, skip, action-start, action-end, error и cascade отображается как action в панели DevTools, а накапливающаяся история запусков идёт в качестве «state».
Установка
Заголовок раздела «Установка»pnpm add -D @triggery/core @triggery/devtools-redux npm install --save-dev @triggery/core @triggery/devtools-redux yarn add --save-dev @triggery/core @triggery/devtools-redux bun add -D @triggery/core @triggery/devtools-redux Peer-зависимости: @triggery/core.
Что внутри
Заголовок раздела «Что внутри»| Экспорт | Назначение |
|---|---|
reduxDevtoolsMiddleware(options?) | Фабрика middleware. Передай в createRuntime({ middleware: [...] }). |
DevtoolsReduxOptions | TS-тип для объекта опций. |
Опции:
name— отображаемое имя в выпадающем списке DevTools «Inspector → Stores».historyLimit— сколько запусков хранить как виртуальный «state» (по умолчанию 100).
Быстрый пример
Заголовок раздела «Быстрый пример»import { createRuntime } from '@triggery/core';
import { reduxDevtoolsMiddleware } from '@triggery/devtools-redux';
const runtime = createRuntime({
middleware: import.meta.env.DEV
? [reduxDevtoolsMiddleware({ name: 'My App', historyLimit: 200 })]
: [],
});Если расширение Redux DevTools не установлено (прод-сборки, Node, браузеры без расширения), middleware тихо деградирует до no-op.
Связанные пакеты
Заголовок раздела «Связанные пакеты» @triggery/core Рантайм, к которому подключается middleware.
@triggery/devtools-panel React-компоненты in-app инспектора.
@triggery/devtools-bridge Page-side мост для внешних инспекторов.