@tanstack/devtools 0.6.7 → 0.6.8

package/dist/esm/core.d.ts

@@ -1,39 +0,0 @@
-import { ClientEventBusConfig } from '@tanstack/devtools-event-bus/client';
-import { TanStackDevtoolsConfig, TanStackDevtoolsPlugin } from './context/devtools-context.js';
-export interface TanStackDevtoolsInit {
-    /**
-     * Configuration for the devtools shell. These configuration options are used to set the
-     * initial state of the devtools when it is started for the first time. Afterwards,
-     * the settings are persisted in local storage and changed through the settings panel.
-     */
-    config?: Partial<TanStackDevtoolsConfig>;
-    /**
-     * Array of plugins to be used in the devtools.
-     * Each plugin has a `render` function that gives you the dom node to mount into
-     *
-     * Example:
-     * ```ts
-     *  const devtools = new TanStackDevtoolsCore({
-     *    plugins: [
-     *      {
-     *        id: "your-plugin-id",
-     *        name: "Your Plugin",
-     *        render: (el) => {
-     *          // Your render logic here
-     *        },
-     *      },
-     *    ],
-     *  })
-     * ```
-     */
-    plugins?: Array<TanStackDevtoolsPlugin>;
-    eventBusConfig?: ClientEventBusConfig;
-}
-export declare class TanStackDevtoolsCore {
-    #private;
-    constructor(init: TanStackDevtoolsInit);
-    mount<T extends HTMLElement>(el: T): void;
-    unmount(): void;
-    setConfig(config: Partial<TanStackDevtoolsInit>): void;
-}
-export type { ClientEventBusConfig };

package/dist/esm/core.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"core.js","sources":["../../src/core.tsx"],"sourcesContent":["import { lazy } from 'solid-js'\nimport { Portal, render } from 'solid-js/web'\nimport { ClientEventBus } from '@tanstack/devtools-event-bus/client'\nimport { DevtoolsProvider } from './context/devtools-context'\nimport { initialState } from './context/devtools-store'\nimport { PiPProvider } from './context/pip-context'\nimport type { ClientEventBusConfig } from '@tanstack/devtools-event-bus/client'\nimport type {\n  TanStackDevtoolsConfig,\n  TanStackDevtoolsPlugin,\n} from './context/devtools-context'\n\nexport interface TanStackDevtoolsInit {\n  /**\n   * Configuration for the devtools shell. These configuration options are used to set the\n   * initial state of the devtools when it is started for the first time. Afterwards,\n   * the settings are persisted in local storage and changed through the settings panel.\n   */\n  config?: Partial<TanStackDevtoolsConfig>\n  /**\n   * Array of plugins to be used in the devtools.\n   * Each plugin has a `render` function that gives you the dom node to mount into\n   *\n   * Example:\n   * ```ts\n   *  const devtools = new TanStackDevtoolsCore({\n   *    plugins: [\n   *      {\n   *        id: \"your-plugin-id\",\n   *        name: \"Your Plugin\",\n   *        render: (el) => {\n   *          // Your render logic here\n   *        },\n   *      },\n   *    ],\n   *  })\n   * ```\n   */\n  plugins?: Array<TanStackDevtoolsPlugin>\n  eventBusConfig?: ClientEventBusConfig\n}\n\nexport class TanStackDevtoolsCore {\n  #config: TanStackDevtoolsConfig = {\n    ...initialState.settings,\n  }\n  #plugins: Array<TanStackDevtoolsPlugin> = []\n  #isMounted = false\n  #dispose?: () => void\n  #Component: any\n  #eventBus: ClientEventBus | undefined\n  #eventBusConfig: ClientEventBusConfig | undefined\n\n  constructor(init: TanStackDevtoolsInit) {\n    this.#plugins = init.plugins || []\n    this.#eventBusConfig = init.eventBusConfig\n    this.#config = {\n      ...this.#config,\n      ...init.config,\n    }\n  }\n\n  mount<T extends HTMLElement>(el: T) {\n    if (this.#isMounted) {\n      throw new Error('Devtools is already mounted')\n    }\n    const mountTo = el\n    const dispose = render(() => {\n      this.#Component = lazy(() => import('./devtools'))\n      const Devtools = this.#Component\n      this.#eventBus = new ClientEventBus(this.#eventBusConfig)\n      this.#eventBus.start()\n      return (\n        <DevtoolsProvider plugins={this.#plugins} config={this.#config}>\n          <PiPProvider>\n            <Portal mount={mountTo}>\n              <Devtools />\n            </Portal>\n          </PiPProvider>\n        </DevtoolsProvider>\n      )\n    }, mountTo)\n\n    this.#isMounted = true\n    this.#dispose = dispose\n  }\n\n  unmount() {\n    if (!this.#isMounted) {\n      throw new Error('Devtools is not mounted')\n    }\n    this.#eventBus?.stop()\n    this.#dispose?.()\n    this.#isMounted = false\n  }\n\n  setConfig(config: Partial<TanStackDevtoolsInit>) {\n    this.#config = {\n      ...this.#config,\n      ...config,\n    }\n  }\n}\n\nexport type { ClientEventBusConfig }\n"],"names":["TanStackDevtoolsCore","initialState","settings","constructor","init","plugins","eventBusConfig","config","mount","el","Error","mountTo","dispose","render","_self$","lazy","Devtools","ClientEventBus","start","_$createComponent","DevtoolsProvider","children","PiPProvider","Portal","unmount","stop","setConfig"],"mappings":";;;;;;AA0CO,MAAMA,qBAAqB;AAAA,EAChC,UAAkC;AAAA,IAChC,GAAGC,aAAaC;AAAAA,EAAAA;AAAAA,EAElB,WAA0C,CAAA;AAAA,EAC1C,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEAC,YAAYC,MAA4B;AACtC,SAAK,WAAWA,KAAKC,WAAW,CAAA;AAChC,SAAK,kBAAkBD,KAAKE;AAC5B,SAAK,UAAU;AAAA,MACb,GAAG,KAAK;AAAA,MACR,GAAGF,KAAKG;AAAAA,IAAAA;AAAAA,EAEZ;AAAA,EAEAC,MAA6BC,IAAO;AAClC,QAAI,KAAK,YAAY;AACnB,YAAM,IAAIC,MAAM,6BAA6B;AAAA,IAC/C;AACA,UAAMC,UAAUF;AAChB,UAAMG,UAAUC,OAAO,MAAM;AAAA,YAAAC,SAAA;AAC3B,WAAK,aAAaC,KAAK,MAAM,OAAO,eAAY,CAAC;AACjD,YAAMC,WAAW,KAAK;AACtB,WAAK,YAAY,IAAIC,eAAe,KAAK,eAAe;AACxD,WAAK,UAAUC,MAAAA;AACf,aAAAC,gBACGC,kBAAgB;AAAA,QAAA,IAACf,UAAO;AAAA,iBAAES,OAAK;AAAA,QAAQ;AAAA,QAAA,IAAEP,SAAM;AAAA,iBAAEO,OAAK;AAAA,QAAO;AAAA,QAAA,IAAAO,WAAA;AAAA,iBAAAF,gBAC3DG,aAAW;AAAA,YAAA,IAAAD,WAAA;AAAA,qBAAAF,gBACTI,QAAM;AAAA,gBAACf,OAAOG;AAAAA,gBAAO,IAAAU,WAAA;AAAA,yBAAAF,gBACnBH,UAAQ,EAAA;AAAA,gBAAA;AAAA,cAAA,CAAA;AAAA,YAAA;AAAA,UAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA;AAAA,IAKnB,GAAGL,OAAO;AAEV,SAAK,aAAa;AAClB,SAAK,WAAWC;AAAAA,EAClB;AAAA,EAEAY,UAAU;AACR,QAAI,CAAC,KAAK,YAAY;AACpB,YAAM,IAAId,MAAM,yBAAyB;AAAA,IAC3C;AACA,SAAK,WAAWe,KAAAA;AAChB,SAAK,WAAA;AACL,SAAK,aAAa;AAAA,EACpB;AAAA,EAEAC,UAAUnB,QAAuC;AAC/C,SAAK,UAAU;AAAA,MACb,GAAG,KAAK;AAAA,MACR,GAAGA;AAAAA,IAAAA;AAAAA,EAEP;AACF;"}

package/dist/esm/devtools.d.ts

@@ -1 +0,0 @@
-export default function DevTools(): import("solid-js").JSX.Element;

package/dist/esm/devtools.js

@@ -1,200 +0,0 @@
-import { createComponent, Portal, template, use, setAttribute, insert, memo } from "solid-js/web";
-import { createSignal, createEffect, onCleanup, Show } from "solid-js";
-import { createShortcut } from "@solid-primitives/keyboard";
-import { ThemeContextProvider } from "@tanstack/devtools-ui";
-import { useDevtoolsSettings, useHeight, usePersistOpen, useTheme } from "./context/use-devtools-context.js";
-import { useDisableTabbing } from "./hooks/use-disable-tabbing.js";
-import { TANSTACK_DEVTOOLS } from "./utils/storage.js";
-import { Trigger } from "./components/trigger.js";
-import { MainPanel } from "./components/main-panel.js";
-import { ContentPanel } from "./components/content-panel.js";
-import { Tabs } from "./components/tabs.js";
-import { TabContent } from "./components/tab-content.js";
-import { keyboardModifiers } from "./context/devtools-store.js";
-import { getAllPermutations } from "./utils/sanitize.js";
-import { usePiPWindow } from "./context/pip-context.js";
-var _tmpl$ = /* @__PURE__ */ template(`<div>`);
-function DevTools() {
-  const {
-    settings
-  } = useDevtoolsSettings();
-  const {
-    setHeight
-  } = useHeight();
-  const {
-    persistOpen,
-    setPersistOpen
-  } = usePersistOpen();
-  const [rootEl, setRootEl] = createSignal();
-  const [isOpen, setIsOpen] = createSignal(settings().defaultOpen || persistOpen());
-  const pip = usePiPWindow();
-  let panelRef = void 0;
-  const [isResizing, setIsResizing] = createSignal(false);
-  const toggleOpen = () => {
-    if (pip().pipWindow) {
-      return;
-    }
-    const open = isOpen();
-    setIsOpen(!open);
-    setPersistOpen(!open);
-  };
-  const handleDragStart = (panelElement, startEvent) => {
-    if (startEvent.button !== 0) return;
-    if (!panelElement) return;
-    setIsResizing(true);
-    const dragInfo = {
-      originalHeight: panelElement.getBoundingClientRect().height,
-      pageY: startEvent.pageY
-    };
-    const run = (moveEvent) => {
-      const delta = dragInfo.pageY - moveEvent.pageY;
-      const newHeight = settings().panelLocation === "bottom" ? dragInfo.originalHeight + delta : dragInfo.originalHeight - delta;
-      setHeight(newHeight);
-      if (newHeight < 70) {
-        setIsOpen(false);
-      } else {
-        setIsOpen(true);
-      }
-    };
-    const unsub = () => {
-      setIsResizing(false);
-      document.removeEventListener("mousemove", run);
-      document.removeEventListener("mouseUp", unsub);
-    };
-    document.addEventListener("mousemove", run);
-    document.addEventListener("mouseup", unsub);
-  };
-  createEffect(() => {
-    if (isOpen()) {
-      const previousValue = rootEl()?.parentElement?.style.paddingBottom;
-      const run = () => {
-        if (!panelRef) return;
-        if (rootEl()?.parentElement) {
-          setRootEl((prev) => {
-            if (prev?.parentElement) ;
-            return prev;
-          });
-        }
-      };
-      run();
-      if (typeof window !== "undefined") {
-        (pip().pipWindow ?? window).addEventListener("resize", run);
-        return () => {
-          (pip().pipWindow ?? window).removeEventListener("resize", run);
-          if (rootEl()?.parentElement && typeof previousValue === "string") {
-            setRootEl((prev) => {
-              return prev;
-            });
-          }
-        };
-      }
-    } else {
-      if (rootEl()?.parentElement) {
-        setRootEl((prev) => {
-          if (prev?.parentElement) {
-            prev.parentElement.removeAttribute("style");
-          }
-          return prev;
-        });
-      }
-    }
-    return;
-  });
-  createEffect(() => {
-    window.addEventListener("keydown", (e) => {
-      if (e.key === "Escape" && isOpen()) {
-        toggleOpen();
-      }
-    });
-  });
-  useDisableTabbing(isOpen);
-  createEffect(() => {
-    if (rootEl()) {
-      const el = rootEl();
-      const fontSize = getComputedStyle(el).fontSize;
-      el?.style.setProperty("--tsrd-font-size", fontSize);
-    }
-  });
-  createEffect(() => {
-    const modifiers = settings().openHotkey.filter((key) => keyboardModifiers.includes(key));
-    const nonModifiers = settings().openHotkey.filter((key) => !keyboardModifiers.includes(key));
-    const allModifierCombinations = getAllPermutations(modifiers);
-    for (const combination of allModifierCombinations) {
-      const permutation = [...combination, ...nonModifiers];
-      createShortcut(permutation, () => {
-        toggleOpen();
-      });
-    }
-  });
-  createEffect(() => {
-    const openSourceHandler = (e) => {
-      const isShiftHeld = e.shiftKey;
-      const isCtrlHeld = e.ctrlKey || e.metaKey;
-      if (!isShiftHeld || !isCtrlHeld) return;
-      if (e.target instanceof HTMLElement) {
-        const dataSource = e.target.getAttribute("data-tsd-source");
-        window.getSelection()?.removeAllRanges();
-        if (dataSource) {
-          e.preventDefault();
-          e.stopPropagation();
-          fetch(`__TSD_HOST__://localhost:__TSD_PORT__/__tsd/open-source?source=${encodeURIComponent(dataSource)}`).catch(() => {
-          });
-        }
-      }
-    };
-    window.addEventListener("click", openSourceHandler);
-    onCleanup(() => {
-      window.removeEventListener("click", openSourceHandler);
-    });
-  });
-  const {
-    theme
-  } = useTheme();
-  return createComponent(ThemeContextProvider, {
-    get theme() {
-      return theme();
-    },
-    get children() {
-      return createComponent(Portal, {
-        get mount() {
-          return (pip().pipWindow ?? window).document.body;
-        },
-        get children() {
-          var _el$ = _tmpl$();
-          use(setRootEl, _el$);
-          setAttribute(_el$, "data-testid", TANSTACK_DEVTOOLS);
-          insert(_el$, createComponent(Show, {
-            get when() {
-              return memo(() => pip().pipWindow !== null)() ? true : memo(() => !!settings().requireUrlFlag)() ? window.location.search.includes(settings().urlFlag) : true;
-            },
-            get children() {
-              return [createComponent(Trigger, {
-                isOpen,
-                setIsOpen: toggleOpen
-              }), createComponent(MainPanel, {
-                isResizing,
-                isOpen,
-                get children() {
-                  return createComponent(ContentPanel, {
-                    ref: (ref) => panelRef = ref,
-                    handleDragStart: (e) => handleDragStart(panelRef, e),
-                    get children() {
-                      return [createComponent(Tabs, {
-                        toggleOpen
-                      }), createComponent(TabContent, {})];
-                    }
-                  });
-                }
-              })];
-            }
-          }));
-          return _el$;
-        }
-      });
-    }
-  });
-}
-export {
-  DevTools as default
-};
-//# sourceMappingURL=devtools.js.map

package/dist/esm/devtools.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"devtools.js","sources":["../../src/devtools.tsx"],"sourcesContent":["import { Show, createEffect, createSignal, onCleanup } from 'solid-js'\nimport { createShortcut } from '@solid-primitives/keyboard'\nimport { Portal } from 'solid-js/web'\nimport { ThemeContextProvider } from '@tanstack/devtools-ui'\nimport {\n  useDevtoolsSettings,\n  useHeight,\n  usePersistOpen,\n  useTheme,\n} from './context/use-devtools-context'\nimport { useDisableTabbing } from './hooks/use-disable-tabbing'\nimport { TANSTACK_DEVTOOLS } from './utils/storage'\nimport { Trigger } from './components/trigger'\nimport { MainPanel } from './components/main-panel'\nimport { ContentPanel } from './components/content-panel'\nimport { Tabs } from './components/tabs'\nimport { TabContent } from './components/tab-content'\nimport { keyboardModifiers } from './context/devtools-store'\nimport { getAllPermutations } from './utils/sanitize'\nimport { usePiPWindow } from './context/pip-context'\n\nexport default function DevTools() {\n  const { settings } = useDevtoolsSettings()\n  const { setHeight } = useHeight()\n  const { persistOpen, setPersistOpen } = usePersistOpen()\n  const [rootEl, setRootEl] = createSignal<HTMLDivElement>()\n  const [isOpen, setIsOpen] = createSignal(\n    settings().defaultOpen || persistOpen(),\n  )\n  const pip = usePiPWindow()\n  let panelRef: HTMLDivElement | undefined = undefined\n  const [isResizing, setIsResizing] = createSignal(false)\n  const toggleOpen = () => {\n    if (pip().pipWindow) {\n      return\n    }\n    const open = isOpen()\n    setIsOpen(!open)\n    setPersistOpen(!open)\n  }\n  // Used to resize the panel\n  const handleDragStart = (\n    panelElement: HTMLDivElement | undefined,\n    startEvent: MouseEvent,\n  ) => {\n    if (startEvent.button !== 0) return // Only allow left click for drag\n    if (!panelElement) return\n    setIsResizing(true)\n\n    const dragInfo = {\n      originalHeight: panelElement.getBoundingClientRect().height,\n      pageY: startEvent.pageY,\n    }\n\n    const run = (moveEvent: MouseEvent) => {\n      const delta = dragInfo.pageY - moveEvent.pageY\n      const newHeight =\n        settings().panelLocation === 'bottom'\n          ? dragInfo.originalHeight + delta\n          : dragInfo.originalHeight - delta\n\n      setHeight(newHeight)\n\n      if (newHeight < 70) {\n        setIsOpen(false)\n      } else {\n        setIsOpen(true)\n      }\n    }\n\n    const unsub = () => {\n      setIsResizing(false)\n      document.removeEventListener('mousemove', run)\n      document.removeEventListener('mouseUp', unsub)\n    }\n\n    document.addEventListener('mousemove', run)\n    document.addEventListener('mouseup', unsub)\n  }\n\n  // Handle resizing and padding adjustments\n  createEffect(() => {\n    if (isOpen()) {\n      const previousValue = rootEl()?.parentElement?.style.paddingBottom\n\n      const run = () => {\n        if (!panelRef) return\n        // const containerHeight = panelRef.getBoundingClientRect().height\n        if (rootEl()?.parentElement) {\n          setRootEl((prev) => {\n            if (prev?.parentElement) {\n              // prev.parentElement.style.paddingBottom = `${containerHeight}px`\n            }\n            return prev\n          })\n        }\n      }\n\n      run()\n\n      if (typeof window !== 'undefined') {\n        ;(pip().pipWindow ?? window).addEventListener('resize', run)\n\n        return () => {\n          ;(pip().pipWindow ?? window).removeEventListener('resize', run)\n          if (rootEl()?.parentElement && typeof previousValue === 'string') {\n            setRootEl((prev) => {\n              // prev!.parentElement!.style.paddingBottom = previousValue\n              return prev\n            })\n          }\n        }\n      }\n    } else {\n      // Reset padding when devtools are closed\n      if (rootEl()?.parentElement) {\n        setRootEl((prev) => {\n          if (prev?.parentElement) {\n            prev.parentElement.removeAttribute('style')\n          }\n          return prev\n        })\n      }\n    }\n    return\n  })\n\n  createEffect(() => {\n    window.addEventListener('keydown', (e) => {\n      if (e.key === 'Escape' && isOpen()) {\n        toggleOpen()\n      }\n    })\n  })\n  useDisableTabbing(isOpen)\n  createEffect(() => {\n    if (rootEl()) {\n      const el = rootEl()\n      const fontSize = getComputedStyle(el!).fontSize\n      el?.style.setProperty('--tsrd-font-size', fontSize)\n    }\n  })\n  createEffect(() => {\n    // we create all combinations of modifiers\n    const modifiers = settings().openHotkey.filter((key) =>\n      keyboardModifiers.includes(key as any),\n    )\n    const nonModifiers = settings().openHotkey.filter(\n      (key) => !keyboardModifiers.includes(key as any),\n    )\n\n    const allModifierCombinations = getAllPermutations(modifiers)\n\n    for (const combination of allModifierCombinations) {\n      const permutation = [...combination, ...nonModifiers]\n      createShortcut(permutation, () => {\n        toggleOpen()\n      })\n    }\n  })\n\n  createEffect(() => {\n    // this will only work with the Vite plugin\n    const openSourceHandler = (e: Event) => {\n      const isShiftHeld = (e as KeyboardEvent).shiftKey\n      const isCtrlHeld =\n        (e as KeyboardEvent).ctrlKey || (e as KeyboardEvent).metaKey\n      if (!isShiftHeld || !isCtrlHeld) return\n\n      if (e.target instanceof HTMLElement) {\n        const dataSource = e.target.getAttribute('data-tsd-source')\n        window.getSelection()?.removeAllRanges()\n        if (dataSource) {\n          e.preventDefault()\n          e.stopPropagation()\n          fetch(\n            `__TSD_HOST__://localhost:__TSD_PORT__/__tsd/open-source?source=${encodeURIComponent(dataSource)}`,\n          ).catch(() => {})\n        }\n      }\n    }\n    window.addEventListener('click', openSourceHandler)\n    onCleanup(() => {\n      window.removeEventListener('click', openSourceHandler)\n    })\n  })\n  const { theme } = useTheme()\n\n  return (\n    <ThemeContextProvider theme={theme()}>\n      <Portal mount={(pip().pipWindow ?? window).document.body}>\n        <div ref={setRootEl} data-testid={TANSTACK_DEVTOOLS}>\n          <Show\n            when={\n              pip().pipWindow !== null\n                ? true\n                : settings().requireUrlFlag\n                  ? window.location.search.includes(settings().urlFlag)\n                  : true\n            }\n          >\n            <Trigger isOpen={isOpen} setIsOpen={toggleOpen} />\n            <MainPanel isResizing={isResizing} isOpen={isOpen}>\n              <ContentPanel\n                ref={(ref) => (panelRef = ref)}\n                handleDragStart={(e) => handleDragStart(panelRef, e)}\n              >\n                <Tabs toggleOpen={toggleOpen} />\n                <TabContent />\n              </ContentPanel>\n            </MainPanel>\n          </Show>\n        </div>\n      </Portal>\n    </ThemeContextProvider>\n  )\n}\n"],"names":["DevTools","settings","useDevtoolsSettings","setHeight","useHeight","persistOpen","setPersistOpen","usePersistOpen","rootEl","setRootEl","createSignal","isOpen","setIsOpen","defaultOpen","pip","usePiPWindow","panelRef","undefined","isResizing","setIsResizing","toggleOpen","pipWindow","open","handleDragStart","panelElement","startEvent","button","dragInfo","originalHeight","getBoundingClientRect","height","pageY","run","moveEvent","delta","newHeight","panelLocation","unsub","document","removeEventListener","addEventListener","createEffect","previousValue","parentElement","style","paddingBottom","prev","window","removeAttribute","e","key","useDisableTabbing","el","fontSize","getComputedStyle","setProperty","modifiers","openHotkey","filter","keyboardModifiers","includes","nonModifiers","allModifierCombinations","getAllPermutations","combination","permutation","createShortcut","openSourceHandler","isShiftHeld","shiftKey","isCtrlHeld","ctrlKey","metaKey","target","HTMLElement","dataSource","getAttribute","getSelection","removeAllRanges","preventDefault","stopPropagation","fetch","encodeURIComponent","catch","onCleanup","theme","useTheme","_$createComponent","ThemeContextProvider","children","Portal","mount","body","_el$","_tmpl$","_$use","_$setAttribute","TANSTACK_DEVTOOLS","_$insert","Show","when","_$memo","requireUrlFlag","location","search","urlFlag","Trigger","MainPanel","ContentPanel","ref","Tabs","TabContent"],"mappings":"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"}

package/dist/esm/hooks/use-disable-tabbing.d.ts

@@ -1,6 +0,0 @@
-/**
- * @param isOpen A function that returns whether the devtools are open or not.
- * This is used to disable tabbing over the main devtools container while
- * the devtools are closed.
- */
-export declare const useDisableTabbing: (isOpen: () => boolean) => void;

package/dist/esm/hooks/use-disable-tabbing.js

@@ -1,23 +0,0 @@
-import { createEffect } from "solid-js";
-import { TANSTACK_DEVTOOLS } from "../utils/storage.js";
-const recursivelyChangeTabIndex = (node, remove = true) => {
-  if (remove) {
-    node.setAttribute("tabIndex", "-1");
-  } else {
-    node.removeAttribute("tabIndex");
-  }
-  for (const child of node.children) {
-    recursivelyChangeTabIndex(child, remove);
-  }
-};
-const useDisableTabbing = (isOpen) => {
-  createEffect(() => {
-    const el = document.getElementById(TANSTACK_DEVTOOLS);
-    if (!el) return;
-    recursivelyChangeTabIndex(el, !isOpen());
-  });
-};
-export {
-  useDisableTabbing
-};
-//# sourceMappingURL=use-disable-tabbing.js.map

package/dist/esm/hooks/use-disable-tabbing.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-disable-tabbing.js","sources":["../../../src/hooks/use-disable-tabbing.ts"],"sourcesContent":["import { createEffect } from 'solid-js'\nimport { TANSTACK_DEVTOOLS } from '../utils/storage'\n\nconst recursivelyChangeTabIndex = (\n  node: Element | HTMLElement,\n  remove = true,\n) => {\n  if (remove) {\n    node.setAttribute('tabIndex', '-1')\n  } else {\n    node.removeAttribute('tabIndex')\n  }\n  for (const child of node.children) {\n    recursivelyChangeTabIndex(child, remove)\n  }\n}\n/**\n * @param isOpen A function that returns whether the devtools are open or not.\n * This is used to disable tabbing over the main devtools container while\n * the devtools are closed.\n */\nexport const useDisableTabbing = (isOpen: () => boolean) => {\n  createEffect(() => {\n    const el = document.getElementById(TANSTACK_DEVTOOLS)\n    if (!el) return\n    recursivelyChangeTabIndex(el, !isOpen())\n  })\n}\n"],"names":[],"mappings":";;AAGA,MAAM,4BAA4B,CAChC,MACA,SAAS,SACN;AACH,MAAI,QAAQ;AACV,SAAK,aAAa,YAAY,IAAI;AAAA,EACpC,OAAO;AACL,SAAK,gBAAgB,UAAU;AAAA,EACjC;AACA,aAAW,SAAS,KAAK,UAAU;AACjC,8BAA0B,OAAO,MAAM;AAAA,EACzC;AACF;AAMO,MAAM,oBAAoB,CAAC,WAA0B;AAC1D,eAAa,MAAM;AACjB,UAAM,KAAK,SAAS,eAAe,iBAAiB;AACpD,QAAI,CAAC,GAAI;AACT,8BAA0B,IAAI,CAAC,QAAQ;AAAA,EACzC,CAAC;AACH;"}

package/dist/esm/hooks/use-head-changes.d.ts

@@ -1,39 +0,0 @@
-type HeadChange = {
-    kind: 'added';
-    node: Node;
-} | {
-    kind: 'removed';
-    node: Node;
-} | {
-    kind: 'attr';
-    target: Element;
-    name: string | null;
-    oldValue: string | null;
-} | {
-    kind: 'title';
-    title: string;
-};
-type UseHeadChangesOptions = {
-    /**
-     * Observe attribute changes on elements inside <head>
-     * Default: true
-     */
-    attributes?: boolean;
-    /**
-     * Observe added/removed nodes in <head>
-     * Default: true
-     */
-    childList?: boolean;
-    /**
-     * Observe descendants of <head>
-     * Default: true
-     */
-    subtree?: boolean;
-    /**
-     * Also observe <title> changes explicitly
-     * Default: true
-     */
-    observeTitle?: boolean;
-};
-export declare function useHeadChanges(onChange: (change: HeadChange, raw?: MutationRecord) => void, opts?: UseHeadChangesOptions): void;
-export {};

package/dist/esm/hooks/use-head-changes.js

@@ -1,65 +0,0 @@
-import { onMount, onCleanup } from "solid-js";
-function useHeadChanges(onChange, opts = {}) {
-  const {
-    attributes = true,
-    childList = true,
-    subtree = true,
-    observeTitle = true
-  } = opts;
-  onMount(() => {
-    const headObserver = new MutationObserver((mutations) => {
-      for (const m of mutations) {
-        if (m.type === "childList") {
-          m.addedNodes.forEach((node) => onChange({ kind: "added", node }, m));
-          m.removedNodes.forEach(
-            (node) => onChange({ kind: "removed", node }, m)
-          );
-        } else if (m.type === "attributes") {
-          const el = m.target;
-          onChange(
-            {
-              kind: "attr",
-              target: el,
-              name: m.attributeName,
-              oldValue: m.oldValue ?? null
-            },
-            m
-          );
-        } else {
-          const isInTitle = m.target.parentNode && m.target.parentNode.tagName.toLowerCase() === "title";
-          if (isInTitle) onChange({ kind: "title", title: document.title }, m);
-        }
-      }
-    });
-    headObserver.observe(document.head, {
-      childList,
-      attributes,
-      subtree,
-      attributeOldValue: attributes,
-      characterData: true,
-      // helps catch <title> text node edits
-      characterDataOldValue: false
-    });
-    let titleObserver;
-    if (observeTitle) {
-      const titleEl = document.head.querySelector("title") || // create a <title> if missing so future changes are observable
-      document.head.appendChild(document.createElement("title"));
-      titleObserver = new MutationObserver(() => {
-        onChange({ kind: "title", title: document.title });
-      });
-      titleObserver.observe(titleEl, {
-        childList: true,
-        characterData: true,
-        subtree: true
-      });
-    }
-    onCleanup(() => {
-      headObserver.disconnect();
-      titleObserver?.disconnect();
-    });
-  });
-}
-export {
-  useHeadChanges
-};
-//# sourceMappingURL=use-head-changes.js.map

package/dist/esm/hooks/use-head-changes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-head-changes.js","sources":["../../../src/hooks/use-head-changes.ts"],"sourcesContent":["import { onCleanup, onMount } from 'solid-js'\n\ntype HeadChange =\n  | { kind: 'added'; node: Node }\n  | { kind: 'removed'; node: Node }\n  | {\n      kind: 'attr'\n      target: Element\n      name: string | null\n      oldValue: string | null\n    }\n  | { kind: 'title'; title: string }\n\ntype UseHeadChangesOptions = {\n  /**\n   * Observe attribute changes on elements inside <head>\n   * Default: true\n   */\n  attributes?: boolean\n  /**\n   * Observe added/removed nodes in <head>\n   * Default: true\n   */\n  childList?: boolean\n  /**\n   * Observe descendants of <head>\n   * Default: true\n   */\n  subtree?: boolean\n  /**\n   * Also observe <title> changes explicitly\n   * Default: true\n   */\n  observeTitle?: boolean\n}\n\nexport function useHeadChanges(\n  onChange: (change: HeadChange, raw?: MutationRecord) => void,\n  opts: UseHeadChangesOptions = {},\n) {\n  const {\n    attributes = true,\n    childList = true,\n    subtree = true,\n    observeTitle = true,\n  } = opts\n\n  onMount(() => {\n    const headObserver = new MutationObserver((mutations) => {\n      for (const m of mutations) {\n        if (m.type === 'childList') {\n          m.addedNodes.forEach((node) => onChange({ kind: 'added', node }, m))\n          m.removedNodes.forEach((node) =>\n            onChange({ kind: 'removed', node }, m),\n          )\n        } else if (m.type === 'attributes') {\n          const el = m.target as Element\n          onChange(\n            {\n              kind: 'attr',\n              target: el,\n              name: m.attributeName,\n              oldValue: m.oldValue ?? null,\n            },\n            m,\n          )\n        } else {\n          // If someone mutates a Text node inside <title>, surface it as a title change.\n          const isInTitle =\n            m.target.parentNode &&\n            (m.target.parentNode as Element).tagName.toLowerCase() === 'title'\n          if (isInTitle) onChange({ kind: 'title', title: document.title }, m)\n        }\n      }\n    })\n\n    headObserver.observe(document.head, {\n      childList,\n      attributes,\n      subtree,\n      attributeOldValue: attributes,\n      characterData: true, // helps catch <title> text node edits\n      characterDataOldValue: false,\n    })\n\n    // Extra explicit observer for <title>, since `document.title = \"...\"`\n    // may not always bubble as a head mutation in all setups.\n    let titleObserver: MutationObserver | undefined\n    if (observeTitle) {\n      const titleEl =\n        document.head.querySelector('title') ||\n        // create a <title> if missing so future changes are observable\n        document.head.appendChild(document.createElement('title'))\n\n      titleObserver = new MutationObserver(() => {\n        onChange({ kind: 'title', title: document.title })\n      })\n      titleObserver.observe(titleEl, {\n        childList: true,\n        characterData: true,\n        subtree: true,\n      })\n    }\n\n    onCleanup(() => {\n      headObserver.disconnect()\n      titleObserver?.disconnect()\n    })\n  })\n}\n"],"names":[],"mappings":";AAoCO,SAAS,eACd,UACA,OAA8B,IAC9B;AACA,QAAM;AAAA,IACJ,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,eAAe;AAAA,EAAA,IACb;AAEJ,UAAQ,MAAM;AACZ,UAAM,eAAe,IAAI,iBAAiB,CAAC,cAAc;AACvD,iBAAW,KAAK,WAAW;AACzB,YAAI,EAAE,SAAS,aAAa;AAC1B,YAAE,WAAW,QAAQ,CAAC,SAAS,SAAS,EAAE,MAAM,SAAS,KAAA,GAAQ,CAAC,CAAC;AACnE,YAAE,aAAa;AAAA,YAAQ,CAAC,SACtB,SAAS,EAAE,MAAM,WAAW,KAAA,GAAQ,CAAC;AAAA,UAAA;AAAA,QAEzC,WAAW,EAAE,SAAS,cAAc;AAClC,gBAAM,KAAK,EAAE;AACb;AAAA,YACE;AAAA,cACE,MAAM;AAAA,cACN,QAAQ;AAAA,cACR,MAAM,EAAE;AAAA,cACR,UAAU,EAAE,YAAY;AAAA,YAAA;AAAA,YAE1B;AAAA,UAAA;AAAA,QAEJ,OAAO;AAEL,gBAAM,YACJ,EAAE,OAAO,cACR,EAAE,OAAO,WAAuB,QAAQ,YAAA,MAAkB;AAC7D,cAAI,oBAAoB,EAAE,MAAM,SAAS,OAAO,SAAS,MAAA,GAAS,CAAC;AAAA,QACrE;AAAA,MACF;AAAA,IACF,CAAC;AAED,iBAAa,QAAQ,SAAS,MAAM;AAAA,MAClC;AAAA,MACA;AAAA,MACA;AAAA,MACA,mBAAmB;AAAA,MACnB,eAAe;AAAA;AAAA,MACf,uBAAuB;AAAA,IAAA,CACxB;AAID,QAAI;AACJ,QAAI,cAAc;AAChB,YAAM,UACJ,SAAS,KAAK,cAAc,OAAO;AAAA,MAEnC,SAAS,KAAK,YAAY,SAAS,cAAc,OAAO,CAAC;AAE3D,sBAAgB,IAAI,iBAAiB,MAAM;AACzC,iBAAS,EAAE,MAAM,SAAS,OAAO,SAAS,OAAO;AAAA,MACnD,CAAC;AACD,oBAAc,QAAQ,SAAS;AAAA,QAC7B,WAAW;AAAA,QACX,eAAe;AAAA,QACf,SAAS;AAAA,MAAA,CACV;AAAA,IACH;AAEA,cAAU,MAAM;AACd,mBAAa,WAAA;AACb,qBAAe,WAAA;AAAA,IACjB,CAAC;AAAA,EACH,CAAC;AACH;"}

package/dist/esm/index.d.ts

@@ -1,4 +0,0 @@
-export { PLUGIN_CONTAINER_ID, PLUGIN_TITLE_CONTAINER_ID } from './constants.js';
-export { TanStackDevtoolsCore } from './core.js';
-export type { TanStackDevtoolsInit, ClientEventBusConfig } from './core.js';
-export type { TanStackDevtoolsPlugin, TanStackDevtoolsConfig, } from './context/devtools-context.js';

package/dist/esm/index.js

@@ -1,8 +0,0 @@
-import { PLUGIN_CONTAINER_ID, PLUGIN_TITLE_CONTAINER_ID } from "./constants.js";
-import { TanStackDevtoolsCore } from "./core.js";
-export {
-  PLUGIN_CONTAINER_ID,
-  PLUGIN_TITLE_CONTAINER_ID,
-  TanStackDevtoolsCore
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}