Function SolidDevtoolsCore

packages/solid-devtools/src/core.tsx:120–192

({
  config,
  plugins,
  eventBusConfig,
}: TanStackDevtoolsInit)

}

export default function SolidDevtoolsCore({
  config,
  plugins,
  eventBusConfig,
}: TanStackDevtoolsInit) {
  // Convert plugins to the format expected by the core
  const pluginsMap = createMemo<Array<TanStackDevtoolsPlugin> | undefined>(() =>
    plugins?.map((plugin) => ({
      ...plugin,
      name:
        typeof plugin.name === 'string'
          ? plugin.name
          : // The check above confirms that `plugin.name` is of Render type
            (el, props) =>
              convertRender(el, plugin.name as SolidPluginRender, props),
      render: (el: HTMLDivElement, props: TanStackDevtoolsPluginProps) =>
        convertRender(el, plugin.render, props),
    })),
  )

  const convertTrigger = (el: HTMLElement, props: TriggerProps) => {
    const Trigger = config?.customTrigger

    return (
      <Portal mount={el}>
        {typeof Trigger === 'function' ? Trigger(el, props) : Trigger}
      </Portal>
    )
  }
  const [devtools] = createSignal(
    new TanStackDevtoolsCore({
      config: {
        ...config,
        customTrigger: config?.customTrigger
          ? (el, props) => convertTrigger(el, props)
          : undefined,
      },
      eventBusConfig,
      plugins: pluginsMap(),
    }),
  )
  let devToolRef: HTMLDivElement | undefined

  createEffect(() => {
    devtools().setConfig({
      config: {
        ...config,
        customTrigger: config?.customTrigger
          ? (el, props) => convertTrigger(el, props)
          : undefined,
      },
    })
  })

  // Update plugins when they change
  createEffect(() => {
    const currentPlugins = pluginsMap()
    if (currentPlugins) {