@tanstack/devtools 0.6.19 → 0.6.21

package/dist/chunk/{XFQ6P775.js → XF4JFOLU.js}

@@ -238,6 +238,21 @@ var getExistingStateFromStorage = (config, plugins) => {
 };
 var DevtoolsProvider = (props) => {
   const [store, setStore] = createStore(getExistingStateFromStorage(props.config, props.plugins));
+  const updatePlugins = (newPlugins) => {
+    const pluginsWithIds = newPlugins.map((plugin, i) => {
+      const id = generatePluginId(plugin, i);
+      return {
+        ...plugin,
+        id
+      };
+    });
+    setStore("plugins", pluginsWithIds);
+  };
+  createEffect(() => {
+    if (props.onSetPlugins) {
+      props.onSetPlugins(updatePlugins);
+    }
+  });
   const value = {
     store,
     setStore: (updater) => {

package/dist/dev.js

@@ -1,5 +1,5 @@
-import { initialState, DevtoolsProvider, PiPProvider } from './chunk/XFQ6P775.js';
-export { PLUGIN_CONTAINER_ID, PLUGIN_TITLE_CONTAINER_ID } from './chunk/XFQ6P775.js';
+import { initialState, DevtoolsProvider, PiPProvider } from './chunk/XF4JFOLU.js';
+export { PLUGIN_CONTAINER_ID, PLUGIN_TITLE_CONTAINER_ID } from './chunk/XF4JFOLU.js';
 import { render, createComponent, Portal } from 'solid-js/web';
 import { lazy } from 'solid-js';
 import { ClientEventBus } from '@tanstack/devtools-event-bus/client';
@@ -14,6 +14,7 @@ var TanStackDevtoolsCore = class {
   #Component;
   #eventBus;
   #eventBusConfig;
+  #setPlugins;
   constructor(init) {
     this.#plugins = init.plugins || [];
     this.#eventBusConfig = init.eventBusConfig;
@@ -29,7 +30,7 @@ var TanStackDevtoolsCore = class {
     const mountTo = el;
     const dispose = render(() => {
       const _self$ = this;
-      this.#Component = lazy(() => import('./devtools/3YT62TLF.js'));
+      this.#Component = lazy(() => import('./devtools/YRFZDV5N.js'));
       const Devtools = this.#Component;
       this.#eventBus = new ClientEventBus(this.#eventBusConfig);
       this.#eventBus.start();
@@ -40,6 +41,9 @@ var TanStackDevtoolsCore = class {
         get config() {
           return _self$.#config;
         },
+        onSetPlugins: (setPlugins) => {
+          _self$.#setPlugins = setPlugins;
+        },
         get children() {
           return createComponent(PiPProvider, {
             get children() {
@@ -70,6 +74,12 @@ var TanStackDevtoolsCore = class {
       ...this.#config,
       ...config
     };
+    if (config.plugins) {
+      this.#plugins = config.plugins;
+      if (this.#isMounted && this.#setPlugins) {
+        this.#setPlugins(config.plugins);
+      }
+    }
   }
 };