Method constructor

packages/angular-devtools/src/devtools.ts:63–107

()

  readonly #destroyRef = inject(DestroyRef)

  constructor() {
    afterNextRender(() => {
      const hostEl = this.elementRef.nativeElement

      const pluginsMap = this.getPluginsMap()

      const devtoolsCore = new TanStackDevtoolsCore({
        config: this.config(),
        eventBusConfig: this.eventBusConfig(),
        plugins: pluginsMap,
      })

      this.devtools.set(devtoolsCore)

      devtoolsCore.mount(hostEl)
    })

    effect(() => {
      const devtools = this.devtools()
      if (!devtools) {
        return
      }

      const plugins = this.plugins()
      const config = this.config()
      const eventBusConfig = this.eventBusConfig()

      this.#destroyAllComponents()

      devtools.setConfig({
        config,
        eventBusConfig,
        plugins: plugins?.map((p) => this.convertPlugin(p)) ?? [],
      })
    })

    this.#destroyRef.onDestroy(() => {
      this.#destroyAllComponents()
      const devtools = this.devtools()
      if (devtools) {
        devtools.unmount()
        this.devtools.set(null)
      }
    })
  }

  private getPluginsMap(): Array<TanStackDevtoolsPlugin> {
    const plugins = this.plugins()