Function constructCoreClass

packages/devtools-utils/src/solid/class.ts:13–81

(
  importFn: () => Promise<{
    default: (props: TanStackDevtoolsPluginProps) => JSX.Element
  }>,
)

 * @returns Tuple containing the DevtoolsCore class and a NoOpDevtoolsCore class
 */
export function constructCoreClass(
  importFn: () => Promise<{
    default: (props: TanStackDevtoolsPluginProps) => JSX.Element
  }>,
) {
  class DevtoolsCore {
    #isMounted = false
    #isMounting = false
    #abortMount = false
    #dispose?: () => void

    constructor() {}

    async mount<T extends HTMLElement>(
      el: T,
      props: TanStackDevtoolsPluginProps,
    ) {
      if (this.#isMounted || this.#isMounting) {
        throw new Error('Devtools is already mounted')
      }
      this.#isMounting = true
      this.#abortMount = false

      try {
        const { __mountComponent } = await import('./class-mount-impl')
        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- can be set by unmount() during await
        if (this.#abortMount) {
          this.#isMounting = false
          return
        }

        this.#dispose = __mountComponent(el, props, importFn)
        this.#isMounted = true
        this.#isMounting = false
      } catch (err) {
        this.#isMounting = false
        console.error('[TanStack Devtools] Failed to load:', err)
      }
    }

    unmount() {
      if (!this.#isMounted && !this.#isMounting) {
        throw new Error('Devtools is not mounted')
      }

      if (this.#isMounting) {
        this.#abortMount = true
        this.#isMounting = false
        return
      }

      this.#dispose?.()
      this.#isMounted = false
    }
  }

  class NoOpDevtoolsCore extends DevtoolsCore {
    constructor() {