@tanstack/devtools/dist/mount-impl/6XBUJYBS.js

TanStack Devtools is a set of tools for building advanced devtools for your application.

import { DevtoolsProvider, PiPProvider } from '../chunk/NHLNWQXL.js';
import '../chunk/HURJB5JH.js';
import { render, createComponent, Portal } from 'solid-js/web';
import { lazy } from 'solid-js';
import { ClientEventBus } from '@tanstack/devtools-event-bus/client';

function mountDevtools(options) {
  const {
    el,
    plugins,
    config,
    eventBusConfig,
    onSetPlugins
  } = options;
  const eventBus = new ClientEventBus(eventBusConfig);
  eventBus.start();
  const Devtools = lazy(() => import('../devtools/FFDC6IOJ.js'));
  const dispose = render(() => createComponent(DevtoolsProvider, {
    plugins,
    config,
    onSetPlugins,
    get children() {
      return createComponent(PiPProvider, {
        get children() {
          return createComponent(Portal, {
            mount: el,
            get children() {
              return createComponent(Devtools, {});
            }
          });
        }
      });
    }
  }), el);
  return {
    dispose,
    eventBus
  };
}

export { mountDevtools };