Docs how to create custom integration

[michaelbe812]

Hi there,

I'm wondering if there is any documentation available about how to create an extension/integration for the devtools.

With extension/integration I mean I want to provide redux-devtools for a custom library.

Appreciate any tips =)

[markerikson]

As in, you have a state library other than Redux, and you want to know how to show that data in the Redux DevTools?

See:

• https://github.com/reduxjs/redux-devtools/blob/main/extension/docs/API/Methods.md
• https://github.com/pmndrs/zustand/blob/main/src/middleware/devtools.ts
• https://github.com/pmndrs/jotai/blob/main/src/devtools/useAtomDevtools.ts

[markerikson]

They should be exported from redux-devtools-extension:

https://github.com/reduxjs/redux-devtools/blob/2eddfd60a8ae28f653a84e5e8e6f88c6e403636b/packages/redux-devtools-extension/src/index.ts

[Methuselah96]

(Note: the package name is now @redux-devtools/extension.)

[StevenTCramer]

redux-devtools/packages/redux-devtools-extension/src/index.ts

Line 226 in 2eddfd6

interface ReduxDevtoolsExtension {

The ReduxDevtoolsExtension interface isn't exported.
The ConnectResponse interface definition is also incomplete.

I don't understand why the ConnectResponse interface is defined twice in the library?

[Methuselah96]

Feel free to create a PR to export those interfaces and complete the ConnectResponse interface.

The types are defined in two places due to there not being a shared dependency between the @redux-devtools/extension package and the actual Redux DevTools Extension. There likely should be some way to share types between the two packages, but it hasn't been a priority.

[StevenTCramer]

I totally understand the priority thing, this open-source work takes a lot of time :) I'm working on my own library now. Once I figure out what types I need I will see if I can do a PR. I have been in the Blazor world for a while now and my TypeScript skills have diminished. :)

Thanks much for the help.