@tanstack/devtools 0.6.7 → 0.6.8

package/dist/esm/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../src/constants.ts"],"sourcesContent":["export const PLUGIN_CONTAINER_ID = 'plugin-container'\nexport const PLUGIN_TITLE_CONTAINER_ID = 'plugin-title-container'\n"],"names":[],"mappings":"AAAO,MAAM,sBAAsB;AAC5B,MAAM,4BAA4B;"}

package/dist/esm/context/devtools-context.d.ts

@@ -1,62 +0,0 @@
-import { DevtoolsStore } from './devtools-store.js';
-import { JSX, Setter } from 'solid-js';
-export interface TanStackDevtoolsPlugin {
-    /**
-     * Name to be displayed in the devtools UI.
-     * If a string, it will be used as the plugin name.
-     * If a function, it will be called with the mount element.
-     *
-     * Example:
-     * ```ts
-     *   {
-     *     // If a string, it will be used as the plugin name
-     *     name: "Your Plugin",
-     *     render: () => {}
-     *   }
-     * ```
-     * or
-     *
-     * ```ts
-     *   {
-     *     // If a function, it will be called with the mount element
-     *     name: (el) => {
-     *       el.innerText = "Your Plugin Name"
-     *       // Your name logic here
-     *     },
-     *     render: () => {}
-     *   }
-     * ```
-     */
-    name: string | ((el: HTMLHeadingElement, theme: DevtoolsStore['settings']['theme']) => void);
-    /**
-     * Unique identifier for the plugin.
-     * If not provided, it will be generated based on the name.
-     */
-    id?: string;
-    /**
-     * Render the plugin UI by using the provided element. This function will be called
-     * when the plugin tab is clicked and expected to be mounted.
-     * @param el The mount element for the plugin.
-     * @returns void
-     *
-     * Example:
-     * ```ts
-     *   render: (el) => {
-     *     el.innerHTML = "<h1>Your Plugin</h1>"
-     *   }
-     * ```
-     */
-    render: (el: HTMLDivElement, theme: DevtoolsStore['settings']['theme']) => void;
-}
-export declare const DevtoolsContext: import('solid-js').Context<{
-    store: DevtoolsStore;
-    setStore: Setter<DevtoolsStore>;
-} | undefined>;
-interface ContextProps {
-    children: JSX.Element;
-    plugins?: Array<TanStackDevtoolsPlugin>;
-    config?: TanStackDevtoolsConfig;
-}
-export type TanStackDevtoolsConfig = DevtoolsStore['settings'];
-export declare const DevtoolsProvider: (props: ContextProps) => JSX.Element;
-export {};

package/dist/esm/context/devtools-context.js

@@ -1,77 +0,0 @@
-import { createComponent } from "solid-js/web";
-import { createContext } from "solid-js";
-import { createStore } from "solid-js/store";
-import { tryParseJson } from "../utils/sanitize.js";
-import { getStorageItem, setStorageItem, TANSTACK_DEVTOOLS_SETTINGS, TANSTACK_DEVTOOLS_STATE } from "../utils/storage.js";
-import { initialState } from "./devtools-store.js";
-const DevtoolsContext = createContext();
-const getSettings = () => {
-  const settingsString = getStorageItem(TANSTACK_DEVTOOLS_SETTINGS);
-  const settings = tryParseJson(settingsString);
-  return {
-    ...settings
-  };
-};
-const generatePluginId = (plugin, index) => {
-  if (plugin.id) {
-    return plugin.id;
-  }
-  if (typeof plugin.name === "string") {
-    return `${plugin.name.toLowerCase().replace(" ", "-")}-${index}`;
-  }
-  return index.toString();
-};
-const getExistingStateFromStorage = (config, plugins) => {
-  const existingState = getStorageItem(TANSTACK_DEVTOOLS_STATE);
-  const settings = getSettings();
-  const state = {
-    ...initialState,
-    plugins: plugins?.map((plugin, i) => {
-      const id = generatePluginId(plugin, i);
-      return {
-        ...plugin,
-        id
-      };
-    }) || [],
-    state: {
-      ...initialState.state,
-      ...existingState ? JSON.parse(existingState) : {}
-    },
-    settings: {
-      ...initialState.settings,
-      ...config,
-      ...settings
-    }
-  };
-  return state;
-};
-const DevtoolsProvider = (props) => {
-  const [store, setStore] = createStore(getExistingStateFromStorage(props.config, props.plugins));
-  const value = {
-    store,
-    setStore: (updater) => {
-      const newState = updater(store);
-      const {
-        settings,
-        state: internalState
-      } = newState;
-      setStorageItem(TANSTACK_DEVTOOLS_SETTINGS, JSON.stringify(settings));
-      setStorageItem(TANSTACK_DEVTOOLS_STATE, JSON.stringify(internalState));
-      setStore((prev) => ({
-        ...prev,
-        ...newState
-      }));
-    }
-  };
-  return createComponent(DevtoolsContext.Provider, {
-    value,
-    get children() {
-      return props.children;
-    }
-  });
-};
-export {
-  DevtoolsContext,
-  DevtoolsProvider
-};
-//# sourceMappingURL=devtools-context.js.map

package/dist/esm/context/devtools-context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"devtools-context.js","sources":["../../../src/context/devtools-context.tsx"],"sourcesContent":["import { createContext } from 'solid-js'\nimport { createStore } from 'solid-js/store'\nimport { tryParseJson } from '../utils/sanitize'\nimport {\n  TANSTACK_DEVTOOLS_SETTINGS,\n  TANSTACK_DEVTOOLS_STATE,\n  getStorageItem,\n  setStorageItem,\n} from '../utils/storage'\nimport { initialState } from './devtools-store'\nimport type { DevtoolsStore } from './devtools-store'\nimport type { JSX, Setter } from 'solid-js'\n\nexport interface TanStackDevtoolsPlugin {\n  /**\n   * Name to be displayed in the devtools UI.\n   * If a string, it will be used as the plugin name.\n   * If a function, it will be called with the mount element.\n   *\n   * Example:\n   * ```ts\n   *   {\n   *     // If a string, it will be used as the plugin name\n   *     name: \"Your Plugin\",\n   *     render: () => {}\n   *   }\n   * ```\n   * or\n   *\n   * ```ts\n   *   {\n   *     // If a function, it will be called with the mount element\n   *     name: (el) => {\n   *       el.innerText = \"Your Plugin Name\"\n   *       // Your name logic here\n   *     },\n   *     render: () => {}\n   *   }\n   * ```\n   */\n  name:\n    | string\n    | ((\n        el: HTMLHeadingElement,\n        theme: DevtoolsStore['settings']['theme'],\n      ) => void)\n  /**\n   * Unique identifier for the plugin.\n   * If not provided, it will be generated based on the name.\n   */\n  id?: string\n  /**\n   * Render the plugin UI by using the provided element. This function will be called\n   * when the plugin tab is clicked and expected to be mounted.\n   * @param el The mount element for the plugin.\n   * @returns void\n   *\n   * Example:\n   * ```ts\n   *   render: (el) => {\n   *     el.innerHTML = \"<h1>Your Plugin</h1>\"\n   *   }\n   * ```\n   */\n  render: (\n    el: HTMLDivElement,\n    theme: DevtoolsStore['settings']['theme'],\n  ) => void\n}\nexport const DevtoolsContext = createContext<{\n  store: DevtoolsStore\n  setStore: Setter<DevtoolsStore>\n}>()\n\ninterface ContextProps {\n  children: JSX.Element\n  plugins?: Array<TanStackDevtoolsPlugin>\n  config?: TanStackDevtoolsConfig\n}\n\nconst getSettings = () => {\n  const settingsString = getStorageItem(TANSTACK_DEVTOOLS_SETTINGS)\n  const settings = tryParseJson<DevtoolsStore['settings']>(settingsString)\n  return {\n    ...settings,\n  }\n}\n\nconst generatePluginId = (plugin: TanStackDevtoolsPlugin, index: number) => {\n  // if set by user, return the plugin id\n  if (plugin.id) {\n    return plugin.id\n  }\n  if (typeof plugin.name === 'string') {\n    // if name is a string, use it to generate an id\n    return `${plugin.name.toLowerCase().replace(' ', '-')}-${index}`\n  }\n  // Name is JSX? return the index as a string\n  return index.toString()\n}\n\nconst getExistingStateFromStorage = (\n  config?: TanStackDevtoolsConfig,\n  plugins?: Array<TanStackDevtoolsPlugin>,\n) => {\n  const existingState = getStorageItem(TANSTACK_DEVTOOLS_STATE)\n  const settings = getSettings()\n\n  const state: DevtoolsStore = {\n    ...initialState,\n    plugins:\n      plugins?.map((plugin, i) => {\n        const id = generatePluginId(plugin, i)\n        return {\n          ...plugin,\n          id,\n        }\n      }) || [],\n    state: {\n      ...initialState.state,\n      ...(existingState ? JSON.parse(existingState) : {}),\n    },\n    settings: {\n      ...initialState.settings,\n      ...config,\n      ...settings,\n    },\n  }\n  return state\n}\n\nexport type TanStackDevtoolsConfig = DevtoolsStore['settings']\n\nexport const DevtoolsProvider = (props: ContextProps) => {\n  const [store, setStore] = createStore(\n    getExistingStateFromStorage(props.config, props.plugins),\n  )\n\n  const value = {\n    store,\n    setStore: (\n      updater: (prev: DevtoolsStore) => DevtoolsStore | Partial<DevtoolsStore>,\n    ) => {\n      const newState = updater(store)\n      const { settings, state: internalState } = newState\n      // Store user settings for dev tools into local storage\n      setStorageItem(TANSTACK_DEVTOOLS_SETTINGS, JSON.stringify(settings))\n      // Store general state into local storage\n      setStorageItem(TANSTACK_DEVTOOLS_STATE, JSON.stringify(internalState))\n      setStore((prev) => ({\n        ...prev,\n        ...newState,\n      }))\n    },\n  }\n\n  return (\n    <DevtoolsContext.Provider value={value}>\n      {props.children}\n    </DevtoolsContext.Provider>\n  )\n}\n"],"names":["DevtoolsContext","createContext","getSettings","settingsString","getStorageItem","TANSTACK_DEVTOOLS_SETTINGS","settings","tryParseJson","generatePluginId","plugin","index","id","name","toLowerCase","replace","toString","getExistingStateFromStorage","config","plugins","existingState","TANSTACK_DEVTOOLS_STATE","state","initialState","map","i","JSON","parse","DevtoolsProvider","props","store","setStore","createStore","value","updater","newState","internalState","setStorageItem","stringify","prev","_$createComponent","Provider","children"],"mappings":";;;;;;AAqEO,MAAMA,kBAAkBC,cAAAA;AAW/B,MAAMC,cAAcA,MAAM;AACxB,QAAMC,iBAAiBC,eAAeC,0BAA0B;AAChE,QAAMC,WAAWC,aAAwCJ,cAAc;AACvE,SAAO;AAAA,IACL,GAAGG;AAAAA,EAAAA;AAEP;AAEA,MAAME,mBAAmBA,CAACC,QAAgCC,UAAkB;AAE1E,MAAID,OAAOE,IAAI;AACb,WAAOF,OAAOE;AAAAA,EAChB;AACA,MAAI,OAAOF,OAAOG,SAAS,UAAU;AAEnC,WAAO,GAAGH,OAAOG,KAAKC,YAAAA,EAAcC,QAAQ,KAAK,GAAG,CAAC,IAAIJ,KAAK;AAAA,EAChE;AAEA,SAAOA,MAAMK,SAAAA;AACf;AAEA,MAAMC,8BAA8BA,CAClCC,QACAC,YACG;AACH,QAAMC,gBAAgBf,eAAegB,uBAAuB;AAC5D,QAAMd,WAAWJ,YAAAA;AAEjB,QAAMmB,QAAuB;AAAA,IAC3B,GAAGC;AAAAA,IACHJ,SACEA,SAASK,IAAI,CAACd,QAAQe,MAAM;AAC1B,YAAMb,KAAKH,iBAAiBC,QAAQe,CAAC;AACrC,aAAO;AAAA,QACL,GAAGf;AAAAA,QACHE;AAAAA,MAAAA;AAAAA,IAEJ,CAAC,KAAK,CAAA;AAAA,IACRU,OAAO;AAAA,MACL,GAAGC,aAAaD;AAAAA,MAChB,GAAIF,gBAAgBM,KAAKC,MAAMP,aAAa,IAAI,CAAA;AAAA,IAAC;AAAA,IAEnDb,UAAU;AAAA,MACR,GAAGgB,aAAahB;AAAAA,MAChB,GAAGW;AAAAA,MACH,GAAGX;AAAAA,IAAAA;AAAAA,EACL;AAEF,SAAOe;AACT;AAIO,MAAMM,mBAAmBA,CAACC,UAAwB;AACvD,QAAM,CAACC,OAAOC,QAAQ,IAAIC,YACxBf,4BAA4BY,MAAMX,QAAQW,MAAMV,OAAO,CACzD;AAEA,QAAMc,QAAQ;AAAA,IACZH;AAAAA,IACAC,UAAUA,CACRG,YACG;AACH,YAAMC,WAAWD,QAAQJ,KAAK;AAC9B,YAAM;AAAA,QAAEvB;AAAAA,QAAUe,OAAOc;AAAAA,MAAAA,IAAkBD;AAE3CE,qBAAe/B,4BAA4BoB,KAAKY,UAAU/B,QAAQ,CAAC;AAEnE8B,qBAAehB,yBAAyBK,KAAKY,UAAUF,aAAa,CAAC;AACrEL,eAAUQ,CAAAA,UAAU;AAAA,QAClB,GAAGA;AAAAA,QACH,GAAGJ;AAAAA,MAAAA,EACH;AAAA,IACJ;AAAA,EAAA;AAGF,SAAAK,gBACGvC,gBAAgBwC,UAAQ;AAAA,IAACR;AAAAA,IAAY,IAAAS,WAAA;AAAA,aACnCb,MAAMa;AAAAA,IAAQ;AAAA,EAAA,CAAA;AAGrB;"}

package/dist/esm/context/devtools-store.d.ts

@@ -1,59 +0,0 @@
-import { TabName } from '../tabs.js';
-import { TanStackDevtoolsPlugin } from './devtools-context.js';
-type ModifierKey = 'Alt' | 'Control' | 'Meta' | 'Shift';
-type KeyboardKey = ModifierKey | (string & {});
-export declare const keyboardModifiers: Array<ModifierKey>;
-type TriggerPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'middle-left' | 'middle-right';
-export type DevtoolsStore = {
-    settings: {
-        /**
-         * Whether the dev tools should be open by default
-         * @default false
-         */
-        defaultOpen: boolean;
-        /**
-         * Whether the dev tools trigger should be hidden until the user hovers over it
-         * @default false
-         */
-        hideUntilHover: boolean;
-        /**
-         * The position of the trigger button
-         * @default "bottom-right"
-         */
-        position: TriggerPosition;
-        /**
-         * The location of the panel once it is open
-         * @default "bottom"
-         */
-        panelLocation: 'top' | 'bottom';
-        /**
-         * The hotkey to open the dev tools
-         * @default "shift+a"
-         */
-        openHotkey: Array<KeyboardKey>;
-        /**
-         * Whether to require the URL flag to open the dev tools
-         * @default false
-         */
-        requireUrlFlag: boolean;
-        /**
-         * The URL flag to open the dev tools, used in conjunction with requireUrlFlag (if set to true)
-         * @default "tanstack-devtools"
-         */
-        urlFlag: string;
-        /**
-         * The theme of the dev tools
-         * @default "dark"
-         */
-        theme: 'light' | 'dark';
-    };
-    state: {
-        activeTab: TabName;
-        height: number;
-        activePlugin?: string | undefined;
-        persistOpen: boolean;
-    };
-    plugins?: Array<TanStackDevtoolsPlugin>;
-};
-export declare const initialState: DevtoolsStore;
-export {};

package/dist/esm/context/devtools-store.js

@@ -1,29 +0,0 @@
-const keyboardModifiers = [
-  "Alt",
-  "Control",
-  "Meta",
-  "Shift"
-];
-const initialState = {
-  settings: {
-    defaultOpen: false,
-    hideUntilHover: false,
-    position: "bottom-right",
-    panelLocation: "bottom",
-    openHotkey: ["Shift", "A"],
-    requireUrlFlag: false,
-    urlFlag: "tanstack-devtools",
-    theme: typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"
-  },
-  state: {
-    activeTab: "plugins",
-    height: 400,
-    activePlugin: void 0,
-    persistOpen: false
-  }
-};
-export {
-  initialState,
-  keyboardModifiers
-};
-//# sourceMappingURL=devtools-store.js.map

package/dist/esm/context/devtools-store.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"devtools-store.js","sources":["../../../src/context/devtools-store.ts"],"sourcesContent":["import type { TabName } from '../tabs'\nimport type { TanStackDevtoolsPlugin } from './devtools-context'\n\ntype ModifierKey = 'Alt' | 'Control' | 'Meta' | 'Shift'\ntype KeyboardKey = ModifierKey | (string & {})\nexport const keyboardModifiers: Array<ModifierKey> = [\n  'Alt',\n  'Control',\n  'Meta',\n  'Shift',\n]\n\ntype TriggerPosition =\n  | 'top-left'\n  | 'top-right'\n  | 'bottom-left'\n  | 'bottom-right'\n  | 'middle-left'\n  | 'middle-right'\n\nexport type DevtoolsStore = {\n  settings: {\n    /**\n     * Whether the dev tools should be open by default\n     * @default false\n     */\n    defaultOpen: boolean\n    /**\n     * Whether the dev tools trigger should be hidden until the user hovers over it\n     * @default false\n     */\n    hideUntilHover: boolean\n    /**\n     * The position of the trigger button\n     * @default \"bottom-right\"\n     */\n    position: TriggerPosition\n\n    /**\n     * The location of the panel once it is open\n     * @default \"bottom\"\n     */\n    panelLocation: 'top' | 'bottom'\n    /**\n     * The hotkey to open the dev tools\n     * @default \"shift+a\"\n     */\n    openHotkey: Array<KeyboardKey>\n    /**\n     * Whether to require the URL flag to open the dev tools\n     * @default false\n     */\n    requireUrlFlag: boolean\n    /**\n     * The URL flag to open the dev tools, used in conjunction with requireUrlFlag (if set to true)\n     * @default \"tanstack-devtools\"\n     */\n    urlFlag: string\n    /**\n     * The theme of the dev tools\n     * @default \"dark\"\n     */\n    theme: 'light' | 'dark'\n  }\n  state: {\n    activeTab: TabName\n    height: number\n    activePlugin?: string | undefined\n    persistOpen: boolean\n  }\n  plugins?: Array<TanStackDevtoolsPlugin>\n}\n\nexport const initialState: DevtoolsStore = {\n  settings: {\n    defaultOpen: false,\n    hideUntilHover: false,\n    position: 'bottom-right',\n    panelLocation: 'bottom',\n    openHotkey: ['Shift', 'A'],\n    requireUrlFlag: false,\n    urlFlag: 'tanstack-devtools',\n    theme:\n      typeof window !== 'undefined' &&\n      window.matchMedia('(prefers-color-scheme: dark)').matches\n        ? 'dark'\n        : 'light',\n  },\n  state: {\n    activeTab: 'plugins',\n    height: 400,\n    activePlugin: undefined,\n    persistOpen: false,\n  },\n}\n"],"names":[],"mappings":"AAKO,MAAM,oBAAwC;AAAA,EACnD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AA+DO,MAAM,eAA8B;AAAA,EACzC,UAAU;AAAA,IACR,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,UAAU;AAAA,IACV,eAAe;AAAA,IACf,YAAY,CAAC,SAAS,GAAG;AAAA,IACzB,gBAAgB;AAAA,IAChB,SAAS;AAAA,IACT,OACE,OAAO,WAAW,eAClB,OAAO,WAAW,8BAA8B,EAAE,UAC9C,SACA;AAAA,EAAA;AAAA,EAER,OAAO;AAAA,IACL,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,aAAa;AAAA,EAAA;AAEjB;"}

package/dist/esm/context/draw-context.d.ts

@@ -1,13 +0,0 @@
-import { ParentComponent } from 'solid-js';
-export declare const DrawClientProvider: ParentComponent<{
-    animationMs: number;
-}>;
-export declare function useDrawContext(): {
-    expanded: import('solid-js').Accessor<boolean>;
-    setForceExpand: import('solid-js').Setter<boolean>;
-    hoverUtils: {
-        enter: () => void;
-        leave: () => void;
-    };
-    animationMs: number;
-};

package/dist/esm/context/draw-context.js

@@ -1,55 +0,0 @@
-import { createComponent } from "solid-js/web";
-import { createContext, useContext, createSignal, createMemo, onCleanup } from "solid-js";
-const useDraw = (props) => {
-  const [activeHover, setActiveHover] = createSignal(false);
-  const [forceExpand, setForceExpand] = createSignal(false);
-  const expanded = createMemo(() => activeHover() || forceExpand());
-  let hoverTimeout = null;
-  onCleanup(() => {
-    if (hoverTimeout) clearTimeout(hoverTimeout);
-  });
-  const hoverUtils = {
-    enter: () => {
-      if (hoverTimeout) {
-        clearTimeout(hoverTimeout);
-        hoverTimeout = null;
-      }
-      setActiveHover(true);
-    },
-    leave: () => {
-      hoverTimeout = setTimeout(() => {
-        setActiveHover(false);
-      }, props.animationMs);
-    }
-  };
-  return {
-    expanded,
-    setForceExpand,
-    hoverUtils,
-    animationMs: props.animationMs
-  };
-};
-const DrawContext = createContext(void 0);
-const DrawClientProvider = (props) => {
-  const value = useDraw({
-    animationMs: props.animationMs
-  });
-  return createComponent(DrawContext.Provider, {
-    value,
-    get children() {
-      return props.children;
-    }
-  });
-};
-function useDrawContext() {
-  const context = useContext(DrawContext);
-  if (context === void 0) {
-    throw new Error(`useDrawContext must be used within a DrawClientProvider`);
-  }
-  return context;
-}
-export {
-  DrawClientProvider,
-  useDrawContext
-};
-//# sourceMappingURL=draw-context.js.map

package/dist/esm/context/draw-context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"draw-context.js","sources":["../../../src/context/draw-context.tsx"],"sourcesContent":["import {\n  createContext,\n  createMemo,\n  createSignal,\n  onCleanup,\n  useContext,\n} from 'solid-js'\nimport type { ParentComponent } from 'solid-js'\n\nconst useDraw = (props: { animationMs: number }) => {\n  const [activeHover, setActiveHover] = createSignal<boolean>(false)\n  const [forceExpand, setForceExpand] = createSignal<boolean>(false)\n\n  const expanded = createMemo(() => activeHover() || forceExpand())\n\n  let hoverTimeout: ReturnType<typeof setTimeout> | null = null\n  onCleanup(() => {\n    if (hoverTimeout) clearTimeout(hoverTimeout)\n  })\n\n  const hoverUtils = {\n    enter: () => {\n      if (hoverTimeout) {\n        clearTimeout(hoverTimeout)\n        hoverTimeout = null\n      }\n      setActiveHover(true)\n    },\n\n    leave: () => {\n      hoverTimeout = setTimeout(() => {\n        setActiveHover(false)\n      }, props.animationMs)\n    },\n  }\n\n  return {\n    expanded,\n    setForceExpand,\n    hoverUtils,\n    animationMs: props.animationMs,\n  }\n}\n\ntype ContextType = ReturnType<typeof useDraw>\n\nconst DrawContext = createContext<ContextType | undefined>(undefined)\n\nexport const DrawClientProvider: ParentComponent<{\n  animationMs: number\n}> = (props) => {\n  const value = useDraw({ animationMs: props.animationMs })\n\n  return (\n    <DrawContext.Provider value={value}>{props.children}</DrawContext.Provider>\n  )\n}\n\nexport function useDrawContext() {\n  const context = useContext(DrawContext)\n\n  if (context === undefined) {\n    throw new Error(`useDrawContext must be used within a DrawClientProvider`)\n  }\n\n  return context\n}\n"],"names":["useDraw","props","activeHover","setActiveHover","createSignal","forceExpand","setForceExpand","expanded","createMemo","hoverTimeout","onCleanup","hoverUtils","enter","clearTimeout","leave","setTimeout","animationMs","DrawContext","createContext","undefined","DrawClientProvider","value","_$createComponent","Provider","children","useDrawContext","context","useContext","Error"],"mappings":";;AASA,MAAMA,UAAUA,CAACC,UAAmC;AAClD,QAAM,CAACC,aAAaC,cAAc,IAAIC,aAAsB,KAAK;AACjE,QAAM,CAACC,aAAaC,cAAc,IAAIF,aAAsB,KAAK;AAEjE,QAAMG,WAAWC,WAAW,MAAMN,YAAAA,KAAiBG,aAAa;AAEhE,MAAII,eAAqD;AACzDC,YAAU,MAAM;AACd,QAAID,2BAA2BA,YAAY;AAAA,EAC7C,CAAC;AAED,QAAME,aAAa;AAAA,IACjBC,OAAOA,MAAM;AACX,UAAIH,cAAc;AAChBI,qBAAaJ,YAAY;AACzBA,uBAAe;AAAA,MACjB;AACAN,qBAAe,IAAI;AAAA,IACrB;AAAA,IAEAW,OAAOA,MAAM;AACXL,qBAAeM,WAAW,MAAM;AAC9BZ,uBAAe,KAAK;AAAA,MACtB,GAAGF,MAAMe,WAAW;AAAA,IACtB;AAAA,EAAA;AAGF,SAAO;AAAA,IACLT;AAAAA,IACAD;AAAAA,IACAK;AAAAA,IACAK,aAAaf,MAAMe;AAAAA,EAAAA;AAEvB;AAIA,MAAMC,cAAcC,cAAuCC,MAAS;AAE7D,MAAMC,qBAEPnB,CAAAA,UAAU;AACd,QAAMoB,QAAQrB,QAAQ;AAAA,IAAEgB,aAAaf,MAAMe;AAAAA,EAAAA,CAAa;AAExD,SAAAM,gBACGL,YAAYM,UAAQ;AAAA,IAACF;AAAAA,IAAY,IAAAG,WAAA;AAAA,aAAGvB,MAAMuB;AAAAA,IAAQ;AAAA,EAAA,CAAA;AAEvD;AAEO,SAASC,iBAAiB;AAC/B,QAAMC,UAAUC,WAAWV,WAAW;AAEtC,MAAIS,YAAYP,QAAW;AACzB,UAAM,IAAIS,MAAM,yDAAyD;AAAA,EAC3E;AAEA,SAAOF;AACT;"}

package/dist/esm/context/pip-context.d.ts

@@ -1,14 +0,0 @@
-import { Accessor, JSX } from 'solid-js';
-interface PiPProviderProps {
-    children: JSX.Element;
-    disabled?: boolean;
-}
-type PiPContextType = {
-    pipWindow: Window | null;
-    requestPipWindow: (settings: string) => void;
-    closePipWindow: () => void;
-    disabled: boolean;
-};
-export declare const PiPProvider: (props: PiPProviderProps) => JSX.Element;
-export declare const usePiPWindow: () => Accessor<PiPContextType>;
-export {};

package/dist/esm/context/pip-context.js

@@ -1,117 +0,0 @@
-import { createComponent, delegateEvents } from "solid-js/web";
-import { createMemo, useContext, createContext, createSignal, createEffect, onCleanup } from "solid-js";
-const PiPContext = createContext(void 0);
-const PiPProvider = (props) => {
-  const [pipWindow, setPipWindow] = createSignal(null);
-  const closePipWindow = () => {
-    const w = pipWindow();
-    if (w != null) {
-      w.close();
-      setPipWindow(null);
-    }
-  };
-  const requestPipWindow = (settings) => {
-    if (pipWindow() != null) {
-      return;
-    }
-    const pip = window.open("", "TSDT-Devtools-Panel", `${settings},popup`);
-    if (!pip) {
-      throw new Error("Failed to open popup. Please allow popups for this site to view the devtools in picture-in-picture mode.");
-    }
-    const meta = typeof import.meta !== "undefined" ? import.meta : null;
-    meta?.hot?.on("vite:beforeUpdate", () => {
-      localStorage.setItem("pip_open", "false");
-      closePipWindow();
-    });
-    window.addEventListener("beforeunload", () => {
-      localStorage.setItem("pip_open", "false");
-      closePipWindow();
-    });
-    pip.document.head.innerHTML = "";
-    pip.document.body.innerHTML = "";
-    pip.document.title = "TanStack Devtools";
-    pip.document.body.style.margin = "0";
-    pip.addEventListener("pagehide", () => {
-      localStorage.setItem("pip_open", "false");
-      closePipWindow();
-    });
-    [...document.styleSheets].forEach((styleSheet) => {
-      try {
-        const cssRules = [...styleSheet.cssRules].map((rule) => rule.cssText).join("");
-        const style = document.createElement("style");
-        const style_node = styleSheet.ownerNode;
-        let style_id = "";
-        if (style_node && "id" in style_node) {
-          style_id = style_node.id;
-        }
-        if (style_id) {
-          style.setAttribute("id", style_id);
-        }
-        style.textContent = cssRules;
-        pip.document.head.appendChild(style);
-      } catch (e) {
-        const link = document.createElement("link");
-        if (styleSheet.href == null) {
-          return;
-        }
-        link.rel = "stylesheet";
-        link.type = styleSheet.type;
-        link.media = styleSheet.media.toString();
-        link.href = styleSheet.href;
-        pip.document.head.appendChild(link);
-      }
-    });
-    delegateEvents(["focusin", "focusout", "pointermove", "keydown", "pointerdown", "pointerup", "click", "mousedown", "input"], pip.document);
-    setPipWindow(pip);
-  };
-  createEffect(() => {
-    const gooberStyles = document.querySelector("#_goober");
-    const w = pipWindow();
-    if (gooberStyles && w) {
-      const observer = new MutationObserver(() => {
-        const pip_style = w.document.querySelector("#_goober");
-        if (pip_style) {
-          pip_style.textContent = gooberStyles.textContent;
-        }
-      });
-      observer.observe(gooberStyles, {
-        childList: true,
-        // observe direct children
-        subtree: true,
-        // and lower descendants too
-        characterDataOldValue: true
-        // pass old data to callback
-      });
-      onCleanup(() => {
-        observer.disconnect();
-      });
-    }
-  });
-  const value = createMemo(() => ({
-    pipWindow: pipWindow(),
-    requestPipWindow,
-    closePipWindow,
-    disabled: props.disabled ?? false
-  }));
-  return createComponent(PiPContext.Provider, {
-    value,
-    get children() {
-      return props.children;
-    }
-  });
-};
-const usePiPWindow = () => {
-  const context = createMemo(() => {
-    const ctx = useContext(PiPContext);
-    if (!ctx) {
-      throw new Error("usePiPWindow must be used within a PiPProvider");
-    }
-    return ctx();
-  });
-  return context;
-};
-export {
-  PiPProvider,
-  usePiPWindow
-};
-//# sourceMappingURL=pip-context.js.map

package/dist/esm/context/pip-context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pip-context.js","sources":["../../../src/context/pip-context.tsx"],"sourcesContent":["import {\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  onCleanup,\n  useContext,\n} from 'solid-js'\nimport { delegateEvents } from 'solid-js/web'\nimport type { Accessor, JSX } from 'solid-js'\n\ninterface PiPProviderProps {\n  children: JSX.Element\n  //  localStore: StorageObject<string>\n  //  setLocalStore: StorageSetter<string, unknown>\n  disabled?: boolean\n}\n\ntype PiPContextType = {\n  pipWindow: Window | null\n  requestPipWindow: (settings: string) => void\n  closePipWindow: () => void\n  disabled: boolean\n}\n\nconst PiPContext = createContext<Accessor<PiPContextType> | undefined>(\n  undefined,\n)\n\nexport const PiPProvider = (props: PiPProviderProps) => {\n  // Expose pipWindow that is currently active\n  const [pipWindow, setPipWindow] = createSignal<Window | null>(null)\n\n  // Close pipWindow programmatically\n  const closePipWindow = () => {\n    const w = pipWindow()\n    if (w != null) {\n      w.close()\n      setPipWindow(null)\n    }\n  }\n\n  // Open new pipWindow\n  const requestPipWindow = (settings: string) => {\n    // We don't want to allow multiple requests.\n    if (pipWindow() != null) {\n      return\n    }\n\n    const pip = window.open('', 'TSDT-Devtools-Panel', `${settings},popup`)\n\n    if (!pip) {\n      throw new Error(\n        'Failed to open popup. Please allow popups for this site to view the devtools in picture-in-picture mode.',\n      )\n    }\n\n    const meta = typeof import.meta !== 'undefined' ? import.meta : null\n\n    meta?.hot?.on('vite:beforeUpdate', () => {\n      localStorage.setItem('pip_open', 'false')\n      closePipWindow()\n    })\n    window.addEventListener('beforeunload', () => {\n      localStorage.setItem('pip_open', 'false')\n      closePipWindow()\n    })\n    // Remove existing styles\n    pip.document.head.innerHTML = ''\n    // Remove existing body\n    pip.document.body.innerHTML = ''\n\n    pip.document.title = 'TanStack Devtools'\n    pip.document.body.style.margin = '0'\n\n    // Detect when window is closed by user\n    pip.addEventListener('pagehide', () => {\n      localStorage.setItem('pip_open', 'false')\n      closePipWindow()\n    })\n\n    // It is important to copy all parent window styles. Otherwise, there would be no CSS available at all\n    // https://developer.chrome.com/docs/web-platform/document-picture-in-picture/#copy-style-sheets-to-the-picture-in-picture-window\n    ;[...document.styleSheets].forEach((styleSheet) => {\n      try {\n        const cssRules = [...styleSheet.cssRules]\n          .map((rule) => rule.cssText)\n          .join('')\n        const style = document.createElement('style')\n        const style_node = styleSheet.ownerNode\n        let style_id = ''\n\n        if (style_node && 'id' in style_node) {\n          style_id = style_node.id\n        }\n\n        if (style_id) {\n          style.setAttribute('id', style_id)\n        }\n        style.textContent = cssRules\n        pip.document.head.appendChild(style)\n      } catch (e) {\n        const link = document.createElement('link')\n        if (styleSheet.href == null) {\n          return\n        }\n\n        link.rel = 'stylesheet'\n        link.type = styleSheet.type\n        link.media = styleSheet.media.toString()\n        link.href = styleSheet.href\n        pip.document.head.appendChild(link)\n      }\n    })\n    delegateEvents(\n      [\n        'focusin',\n        'focusout',\n        'pointermove',\n        'keydown',\n        'pointerdown',\n        'pointerup',\n        'click',\n        'mousedown',\n        'input',\n      ],\n      pip.document,\n    )\n\n    setPipWindow(pip)\n  }\n\n  createEffect(() => {\n    // Setup mutation observer for goober styles with id `_goober\n    const gooberStyles = document.querySelector('#_goober')\n    const w = pipWindow()\n    if (gooberStyles && w) {\n      const observer = new MutationObserver(() => {\n        const pip_style = w.document.querySelector('#_goober')\n        if (pip_style) {\n          pip_style.textContent = gooberStyles.textContent\n        }\n      })\n      observer.observe(gooberStyles, {\n        childList: true, // observe direct children\n        subtree: true, // and lower descendants too\n        characterDataOldValue: true, // pass old data to callback\n      })\n      onCleanup(() => {\n        observer.disconnect()\n      })\n    }\n  })\n\n  const value = createMemo(() => ({\n    pipWindow: pipWindow(),\n    requestPipWindow,\n    closePipWindow,\n    disabled: props.disabled ?? false,\n  }))\n\n  return (\n    <PiPContext.Provider value={value}>{props.children}</PiPContext.Provider>\n  )\n}\n\nexport const usePiPWindow = () => {\n  const context = createMemo(() => {\n    const ctx = useContext(PiPContext)\n    if (!ctx) {\n      throw new Error('usePiPWindow must be used within a PiPProvider')\n    }\n    return ctx()\n  })\n  return context\n}\n"],"names":["PiPContext","createContext","undefined","PiPProvider","props","pipWindow","setPipWindow","createSignal","closePipWindow","w","close","requestPipWindow","settings","pip","window","open","Error","meta","import","hot","on","localStorage","setItem","addEventListener","document","head","innerHTML","body","title","style","margin","styleSheets","forEach","styleSheet","cssRules","map","rule","cssText","join","createElement","style_node","ownerNode","style_id","id","setAttribute","textContent","appendChild","e","link","href","rel","type","media","toString","delegateEvents","createEffect","gooberStyles","querySelector","observer","MutationObserver","pip_style","observe","childList","subtree","characterDataOldValue","onCleanup","disconnect","value","createMemo","disabled","_$createComponent","Provider","children","usePiPWindow","context","ctx","useContext"],"mappings":";;AAyBA,MAAMA,aAAaC,cACjBC,MACF;AAEO,MAAMC,cAAcA,CAACC,UAA4B;AAEtD,QAAM,CAACC,WAAWC,YAAY,IAAIC,aAA4B,IAAI;AAGlE,QAAMC,iBAAiBA,MAAM;AAC3B,UAAMC,IAAIJ,UAAAA;AACV,QAAII,KAAK,MAAM;AACbA,QAAEC,MAAAA;AACFJ,mBAAa,IAAI;AAAA,IACnB;AAAA,EACF;AAGA,QAAMK,mBAAmBA,CAACC,aAAqB;AAE7C,QAAIP,UAAAA,KAAe,MAAM;AACvB;AAAA,IACF;AAEA,UAAMQ,MAAMC,OAAOC,KAAK,IAAI,uBAAuB,GAAGH,QAAQ,QAAQ;AAEtE,QAAI,CAACC,KAAK;AACR,YAAM,IAAIG,MACR,0GACF;AAAA,IACF;AAEA,UAAMC,OAAO,OAAOC,gBAAgB,cAAcA,cAAc;AAEhED,UAAME,KAAKC,GAAG,qBAAqB,MAAM;AACvCC,mBAAaC,QAAQ,YAAY,OAAO;AACxCd,qBAAAA;AAAAA,IACF,CAAC;AACDM,WAAOS,iBAAiB,gBAAgB,MAAM;AAC5CF,mBAAaC,QAAQ,YAAY,OAAO;AACxCd,qBAAAA;AAAAA,IACF,CAAC;AAEDK,QAAIW,SAASC,KAAKC,YAAY;AAE9Bb,QAAIW,SAASG,KAAKD,YAAY;AAE9Bb,QAAIW,SAASI,QAAQ;AACrBf,QAAIW,SAASG,KAAKE,MAAMC,SAAS;AAGjCjB,QAAIU,iBAAiB,YAAY,MAAM;AACrCF,mBAAaC,QAAQ,YAAY,OAAO;AACxCd,qBAAAA;AAAAA,IACF,CAAC;AAIA,KAAC,GAAGgB,SAASO,WAAW,EAAEC,QAASC,CAAAA,eAAe;AACjD,UAAI;AACF,cAAMC,WAAW,CAAC,GAAGD,WAAWC,QAAQ,EACrCC,IAAKC,CAAAA,SAASA,KAAKC,OAAO,EAC1BC,KAAK,EAAE;AACV,cAAMT,QAAQL,SAASe,cAAc,OAAO;AAC5C,cAAMC,aAAaP,WAAWQ;AAC9B,YAAIC,WAAW;AAEf,YAAIF,cAAc,QAAQA,YAAY;AACpCE,qBAAWF,WAAWG;AAAAA,QACxB;AAEA,YAAID,UAAU;AACZb,gBAAMe,aAAa,MAAMF,QAAQ;AAAA,QACnC;AACAb,cAAMgB,cAAcX;AACpBrB,YAAIW,SAASC,KAAKqB,YAAYjB,KAAK;AAAA,MACrC,SAASkB,GAAG;AACV,cAAMC,OAAOxB,SAASe,cAAc,MAAM;AAC1C,YAAIN,WAAWgB,QAAQ,MAAM;AAC3B;AAAA,QACF;AAEAD,aAAKE,MAAM;AACXF,aAAKG,OAAOlB,WAAWkB;AACvBH,aAAKI,QAAQnB,WAAWmB,MAAMC,SAAAA;AAC9BL,aAAKC,OAAOhB,WAAWgB;AACvBpC,YAAIW,SAASC,KAAKqB,YAAYE,IAAI;AAAA,MACpC;AAAA,IACF,CAAC;AACDM,mBACE,CACE,WACA,YACA,eACA,WACA,eACA,aACA,SACA,aACA,OAAO,GAETzC,IAAIW,QACN;AAEAlB,iBAAaO,GAAG;AAAA,EAClB;AAEA0C,eAAa,MAAM;AAEjB,UAAMC,eAAehC,SAASiC,cAAc,UAAU;AACtD,UAAMhD,IAAIJ,UAAAA;AACV,QAAImD,gBAAgB/C,GAAG;AACrB,YAAMiD,WAAW,IAAIC,iBAAiB,MAAM;AAC1C,cAAMC,YAAYnD,EAAEe,SAASiC,cAAc,UAAU;AACrD,YAAIG,WAAW;AACbA,oBAAUf,cAAcW,aAAaX;AAAAA,QACvC;AAAA,MACF,CAAC;AACDa,eAASG,QAAQL,cAAc;AAAA,QAC7BM,WAAW;AAAA;AAAA,QACXC,SAAS;AAAA;AAAA,QACTC,uBAAuB;AAAA;AAAA,MAAA,CACxB;AACDC,gBAAU,MAAM;AACdP,iBAASQ,WAAAA;AAAAA,MACX,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AAED,QAAMC,QAAQC,WAAW,OAAO;AAAA,IAC9B/D,WAAWA,UAAAA;AAAAA,IACXM;AAAAA,IACAH;AAAAA,IACA6D,UAAUjE,MAAMiE,YAAY;AAAA,EAAA,EAC5B;AAEF,SAAAC,gBACGtE,WAAWuE,UAAQ;AAAA,IAACJ;AAAAA,IAAY,IAAAK,WAAA;AAAA,aAAGpE,MAAMoE;AAAAA,IAAQ;AAAA,EAAA,CAAA;AAEtD;AAEO,MAAMC,eAAeA,MAAM;AAChC,QAAMC,UAAUN,WAAW,MAAM;AAC/B,UAAMO,MAAMC,WAAW5E,UAAU;AACjC,QAAI,CAAC2E,KAAK;AACR,YAAM,IAAI3D,MAAM,gDAAgD;AAAA,IAClE;AACA,WAAO2D,IAAAA;AAAAA,EACT,CAAC;AACD,SAAOD;AACT;"}

package/dist/esm/context/use-devtools-context.d.ts

@@ -1,40 +0,0 @@
-import { DevtoolsStore } from './devtools-store.js';
-export declare function useTheme(): {
-    theme: import('solid-js').Accessor<"light" | "dark">;
-    setTheme: (theme: DevtoolsStore["settings"]["theme"]) => void;
-};
-export declare const usePlugins: () => {
-    plugins: import('solid-js').Accessor<import('./devtools-context.jsx').TanStackDevtoolsPlugin[] | undefined>;
-    setActivePlugin: (pluginId: string) => void;
-    activePlugin: import('solid-js').Accessor<string | undefined>;
-};
-export declare const useDevtoolsState: () => {
-    state: import('solid-js').Accessor<{
-        activeTab: import('../tabs/index.jsx').TabName;
-        height: number;
-        activePlugin?: string | undefined;
-        persistOpen: boolean;
-    }>;
-    setState: (newState: Partial<DevtoolsStore["state"]>) => void;
-};
-export declare const useDevtoolsSettings: () => {
-    setSettings: (newSettings: Partial<DevtoolsStore["settings"]>) => void;
-    settings: import('solid-js').Accessor<{
-        defaultOpen: boolean;
-        hideUntilHover: boolean;
-        position: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "middle-left" | "middle-right";
-        panelLocation: "top" | "bottom";
-        openHotkey: Array<(string & {}) | ("Alt" | "Control" | "Meta" | "Shift")>;
-        requireUrlFlag: boolean;
-        urlFlag: string;
-        theme: "light" | "dark";
-    }>;
-};
-export declare const usePersistOpen: () => {
-    persistOpen: import('solid-js').Accessor<boolean>;
-    setPersistOpen: (value: boolean) => void;
-};
-export declare const useHeight: () => {
-    height: import('solid-js').Accessor<number>;
-    setHeight: (newHeight: number) => void;
-};

package/dist/esm/context/use-devtools-context.js

@@ -1,96 +0,0 @@
-import { createMemo, useContext, createEffect } from "solid-js";
-import { DevtoolsContext } from "./devtools-context.js";
-import { useDrawContext } from "./draw-context.js";
-const useDevtoolsContext = () => {
-  const context = useContext(DevtoolsContext);
-  if (context === void 0) {
-    throw new Error(
-      "useDevtoolsShellContext must be used within a ShellContextProvider"
-    );
-  }
-  return context;
-};
-function useTheme() {
-  const { settings, setSettings } = useDevtoolsSettings();
-  const theme = createMemo(() => settings().theme);
-  return {
-    theme,
-    setTheme: (theme2) => setSettings({ theme: theme2 })
-  };
-}
-const usePlugins = () => {
-  const { store, setStore } = useDevtoolsContext();
-  const { setForceExpand } = useDrawContext();
-  const plugins = createMemo(() => store.plugins);
-  const activePlugin = createMemo(() => store.state.activePlugin);
-  createEffect(() => {
-    if (activePlugin() == null) {
-      setForceExpand(false);
-    } else {
-      setForceExpand(true);
-    }
-  });
-  const setActivePlugin = (pluginId) => {
-    setStore((prev) => ({
-      ...prev,
-      state: {
-        ...prev.state,
-        activePlugin: pluginId
-      }
-    }));
-  };
-  return { plugins, setActivePlugin, activePlugin };
-};
-const useDevtoolsState = () => {
-  const { store, setStore } = useDevtoolsContext();
-  const state = createMemo(() => store.state);
-  const setState = (newState) => {
-    setStore((prev) => ({
-      ...prev,
-      state: {
-        ...prev.state,
-        ...newState
-      }
-    }));
-  };
-  return { state, setState };
-};
-const useDevtoolsSettings = () => {
-  const { store, setStore } = useDevtoolsContext();
-  const settings = createMemo(() => store.settings);
-  const setSettings = (newSettings) => {
-    setStore((prev) => ({
-      ...prev,
-      settings: {
-        ...prev.settings,
-        ...newSettings
-      }
-    }));
-  };
-  return { setSettings, settings };
-};
-const usePersistOpen = () => {
-  const { state, setState } = useDevtoolsState();
-  const persistOpen = createMemo(() => state().persistOpen);
-  const setPersistOpen = (value) => {
-    setState({ persistOpen: value });
-  };
-  return { persistOpen, setPersistOpen };
-};
-const useHeight = () => {
-  const { state, setState } = useDevtoolsState();
-  const height = createMemo(() => state().height);
-  const setHeight = (newHeight) => {
-    setState({ height: newHeight });
-  };
-  return { height, setHeight };
-};
-export {
-  useDevtoolsSettings,
-  useDevtoolsState,
-  useHeight,
-  usePersistOpen,
-  usePlugins,
-  useTheme
-};
-//# sourceMappingURL=use-devtools-context.js.map

package/dist/esm/context/use-devtools-context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-devtools-context.js","sources":["../../../src/context/use-devtools-context.ts"],"sourcesContent":["import { createEffect, createMemo, useContext } from 'solid-js'\nimport { DevtoolsContext } from './devtools-context.jsx'\nimport { useDrawContext } from './draw-context.jsx'\n\nimport type { DevtoolsStore } from './devtools-store.js'\n\n/**\n * Returns an object containing the current state and setState function of the ShellContext.\n * Throws an error if used outside of a ShellContextProvider.\n */\nconst useDevtoolsContext = () => {\n  const context = useContext(DevtoolsContext)\n  if (context === undefined) {\n    throw new Error(\n      'useDevtoolsShellContext must be used within a ShellContextProvider',\n    )\n  }\n  return context\n}\n\nexport function useTheme() {\n  const { settings, setSettings } = useDevtoolsSettings()\n  const theme = createMemo(() => settings().theme)\n  return {\n    theme,\n    setTheme: (theme: DevtoolsStore['settings']['theme']) =>\n      setSettings({ theme }),\n  }\n}\n\nexport const usePlugins = () => {\n  const { store, setStore } = useDevtoolsContext()\n  const { setForceExpand } = useDrawContext()\n\n  const plugins = createMemo(() => store.plugins)\n  const activePlugin = createMemo(() => store.state.activePlugin)\n\n  createEffect(() => {\n    if (activePlugin() == null) {\n      setForceExpand(false)\n    } else {\n      setForceExpand(true)\n    }\n  })\n\n  const setActivePlugin = (pluginId: string) => {\n    setStore((prev) => ({\n      ...prev,\n      state: {\n        ...prev.state,\n        activePlugin: pluginId,\n      },\n    }))\n  }\n\n  return { plugins, setActivePlugin, activePlugin }\n}\n\nexport const useDevtoolsState = () => {\n  const { store, setStore } = useDevtoolsContext()\n  const state = createMemo(() => store.state)\n  const setState = (newState: Partial<DevtoolsStore['state']>) => {\n    setStore((prev) => ({\n      ...prev,\n      state: {\n        ...prev.state,\n        ...newState,\n      },\n    }))\n  }\n  return { state, setState }\n}\n\nexport const useDevtoolsSettings = () => {\n  const { store, setStore } = useDevtoolsContext()\n\n  const settings = createMemo(() => store.settings)\n\n  const setSettings = (newSettings: Partial<DevtoolsStore['settings']>) => {\n    setStore((prev) => ({\n      ...prev,\n      settings: {\n        ...prev.settings,\n        ...newSettings,\n      },\n    }))\n  }\n\n  return { setSettings, settings }\n}\n\nexport const usePersistOpen = () => {\n  const { state, setState } = useDevtoolsState()\n\n  const persistOpen = createMemo(() => state().persistOpen)\n\n  const setPersistOpen = (value: boolean) => {\n    setState({ persistOpen: value })\n  }\n\n  return { persistOpen, setPersistOpen }\n}\n\nexport const useHeight = () => {\n  const { state, setState } = useDevtoolsState()\n\n  const height = createMemo(() => state().height)\n\n  const setHeight = (newHeight: number) => {\n    setState({ height: newHeight })\n  }\n\n  return { height, setHeight }\n}\n"],"names":["theme"],"mappings":";;;AAUA,MAAM,qBAAqB,MAAM;AAC/B,QAAM,UAAU,WAAW,eAAe;AAC1C,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAAA,EAEJ;AACA,SAAO;AACT;AAEO,SAAS,WAAW;AACzB,QAAM,EAAE,UAAU,YAAA,IAAgB,oBAAA;AAClC,QAAM,QAAQ,WAAW,MAAM,SAAA,EAAW,KAAK;AAC/C,SAAO;AAAA,IACL;AAAA,IACA,UAAU,CAACA,WACT,YAAY,EAAE,OAAAA,QAAO;AAAA,EAAA;AAE3B;AAEO,MAAM,aAAa,MAAM;AAC9B,QAAM,EAAE,OAAO,SAAA,IAAa,mBAAA;AAC5B,QAAM,EAAE,eAAA,IAAmB,eAAA;AAE3B,QAAM,UAAU,WAAW,MAAM,MAAM,OAAO;AAC9C,QAAM,eAAe,WAAW,MAAM,MAAM,MAAM,YAAY;AAE9D,eAAa,MAAM;AACjB,QAAI,aAAA,KAAkB,MAAM;AAC1B,qBAAe,KAAK;AAAA,IACtB,OAAO;AACL,qBAAe,IAAI;AAAA,IACrB;AAAA,EACF,CAAC;AAED,QAAM,kBAAkB,CAAC,aAAqB;AAC5C,aAAS,CAAC,UAAU;AAAA,MAClB,GAAG;AAAA,MACH,OAAO;AAAA,QACL,GAAG,KAAK;AAAA,QACR,cAAc;AAAA,MAAA;AAAA,IAChB,EACA;AAAA,EACJ;AAEA,SAAO,EAAE,SAAS,iBAAiB,aAAA;AACrC;AAEO,MAAM,mBAAmB,MAAM;AACpC,QAAM,EAAE,OAAO,SAAA,IAAa,mBAAA;AAC5B,QAAM,QAAQ,WAAW,MAAM,MAAM,KAAK;AAC1C,QAAM,WAAW,CAAC,aAA8C;AAC9D,aAAS,CAAC,UAAU;AAAA,MAClB,GAAG;AAAA,MACH,OAAO;AAAA,QACL,GAAG,KAAK;AAAA,QACR,GAAG;AAAA,MAAA;AAAA,IACL,EACA;AAAA,EACJ;AACA,SAAO,EAAE,OAAO,SAAA;AAClB;AAEO,MAAM,sBAAsB,MAAM;AACvC,QAAM,EAAE,OAAO,SAAA,IAAa,mBAAA;AAE5B,QAAM,WAAW,WAAW,MAAM,MAAM,QAAQ;AAEhD,QAAM,cAAc,CAAC,gBAAoD;AACvE,aAAS,CAAC,UAAU;AAAA,MAClB,GAAG;AAAA,MACH,UAAU;AAAA,QACR,GAAG,KAAK;AAAA,QACR,GAAG;AAAA,MAAA;AAAA,IACL,EACA;AAAA,EACJ;AAEA,SAAO,EAAE,aAAa,SAAA;AACxB;AAEO,MAAM,iBAAiB,MAAM;AAClC,QAAM,EAAE,OAAO,SAAA,IAAa,iBAAA;AAE5B,QAAM,cAAc,WAAW,MAAM,MAAA,EAAQ,WAAW;AAExD,QAAM,iBAAiB,CAAC,UAAmB;AACzC,aAAS,EAAE,aAAa,OAAO;AAAA,EACjC;AAEA,SAAO,EAAE,aAAa,eAAA;AACxB;AAEO,MAAM,YAAY,MAAM;AAC7B,QAAM,EAAE,OAAO,SAAA,IAAa,iBAAA;AAE5B,QAAM,SAAS,WAAW,MAAM,MAAA,EAAQ,MAAM;AAE9C,QAAM,YAAY,CAAC,cAAsB;AACvC,aAAS,EAAE,QAAQ,WAAW;AAAA,EAChC;AAEA,SAAO,EAAE,QAAQ,UAAA;AACnB;"}