Function mountDevtools

packages/devtools/src/mount-impl.tsx:27–53

(options: MountOptions)

}

export function mountDevtools(options: MountOptions): MountResult {
  const { el, plugins, config, eventBusConfig, onSetPlugins } = options

  const eventBus = new ClientEventBus(eventBusConfig)
  eventBus.start()

  const Devtools = lazy(() => import('./devtools'))

  const dispose = render(
    () => (
      <DevtoolsProvider
        plugins={plugins}
        config={config}
        onSetPlugins={onSetPlugins}
      >
        <PiPProvider>
          <Portal mount={el}>
            <Devtools />
          </Portal>
        </PiPProvider>
      </DevtoolsProvider>
    ),
    el,
  )

  return { dispose, eventBus }
}