@tanstack/devtools 0.9.1 → 0.10.0

package/dist/chunk/{YGJWPK3G.js → YPBMQIC3.js}

@@ -172,7 +172,7 @@ var initialState = {
     hideUntilHover: false,
     position: "bottom-right",
     panelLocation: "bottom",
-    openHotkey: ["Shift", "A"],
+    openHotkey: ["Control", "~"],
     inspectHotkey: ["Shift", "CtrlOrMeta"],
     requireUrlFlag: false,
     urlFlag: "tanstack-devtools",

package/dist/dev.js

@@ -1,5 +1,5 @@
-import { initialState, DevtoolsProvider, PiPProvider } from './chunk/YGJWPK3G.js';
-export { PLUGIN_CONTAINER_ID, PLUGIN_TITLE_CONTAINER_ID } from './chunk/YGJWPK3G.js';
+import { initialState, DevtoolsProvider, PiPProvider } from './chunk/YPBMQIC3.js';
+export { PLUGIN_CONTAINER_ID, PLUGIN_TITLE_CONTAINER_ID } from './chunk/YPBMQIC3.js';
 import { render, createComponent, Portal } from 'solid-js/web';
 import { lazy } from 'solid-js';
 import { ClientEventBus } from '@tanstack/devtools-event-bus/client';
@@ -30,7 +30,7 @@ var TanStackDevtoolsCore = class {
     const mountTo = el;
     const dispose = render(() => {
       const _self$ = this;
-      this.#Component = lazy(() => import('./devtools/LWN3DL7E.js'));
+      this.#Component = lazy(() => import('./devtools/2YO4AD7X.js'));
       const Devtools = this.#Component;
       this.#eventBus = new ClientEventBus(this.#eventBusConfig);
       this.#eventBus.start();

package/dist/devtools/{LWN3DL7E.js → 2YO4AD7X.js}

@@ -1,4 +1,4 @@
-import { usePiPWindow, TANSTACK_DEVTOOLS, keyboardModifiers, getAllPermutations, DevtoolsContext, PLUGIN_TITLE_CONTAINER_ID, PLUGIN_CONTAINER_ID, MAX_ACTIVE_PLUGINS, uppercaseFirstLetter } from '../chunk/YGJWPK3G.js';
+import { usePiPWindow, TANSTACK_DEVTOOLS, keyboardModifiers, getAllPermutations, DevtoolsContext, PLUGIN_TITLE_CONTAINER_ID, PLUGIN_CONTAINER_ID, MAX_ACTIVE_PLUGINS, uppercaseFirstLetter } from '../chunk/YPBMQIC3.js';
 import { delegateEvents, createComponent, Portal, template, use, setAttribute, insert, memo, effect, className, addEventListener, style, classList } from 'solid-js/web';
 import { createContext, createSignal, createEffect, onCleanup, Show, createMemo, For, useContext, onMount } from 'solid-js';
 import { createShortcut, useKeyDownList } from '@solid-primitives/keyboard';
@@ -1920,13 +1920,15 @@ var MainPanel = (props) => {
       }
     }));
     effect((_p$) => {
-      var _v$ = pip().pipWindow ? "100vh" : height() + "px", _v$2 = clsx3(styles().devtoolsPanelContainer(settings().panelLocation, Boolean(pip().pipWindow)), styles().devtoolsPanelContainerAnimation(props.isOpen(), height(), settings().panelLocation), styles().devtoolsPanelContainerVisibility(props.isOpen()), styles().devtoolsPanelContainerResizing(props.isResizing));
+      var _v$ = pip().pipWindow ? "100vh" : height() + "px", _v$2 = pip().pipWindow ? "100vh" : height() + "px", _v$3 = clsx3(styles().devtoolsPanelContainer(settings().panelLocation, Boolean(pip().pipWindow)), styles().devtoolsPanelContainerAnimation(props.isOpen(), height(), settings().panelLocation), styles().devtoolsPanelContainerVisibility(props.isOpen()), styles().devtoolsPanelContainerResizing(props.isResizing));
       _v$ !== _p$.e && ((_p$.e = _v$) != null ? _el$.style.setProperty("height", _v$) : _el$.style.removeProperty("height"));
-      _v$2 !== _p$.t && className(_el$, _p$.t = _v$2);
+      _v$2 !== _p$.t && ((_p$.t = _v$2) != null ? _el$.style.setProperty("--tsd-main-panel-height", _v$2) : _el$.style.removeProperty("--tsd-main-panel-height"));
+      _v$3 !== _p$.a && className(_el$, _p$.a = _v$3);
       return _p$;
     }, {
       e: void 0,
-      t: void 0
+      t: void 0,
+      a: void 0
     });
     return _el$;
   })();

package/dist/devtools/{CMWGZDSU.js → WLSKTQDC.js}

@@ -1,4 +1,4 @@
-import { usePiPWindow, TANSTACK_DEVTOOLS, keyboardModifiers, getAllPermutations, DevtoolsContext, PLUGIN_TITLE_CONTAINER_ID, PLUGIN_CONTAINER_ID, MAX_ACTIVE_PLUGINS, uppercaseFirstLetter } from '../chunk/YGJWPK3G.js';
+import { usePiPWindow, TANSTACK_DEVTOOLS, keyboardModifiers, getAllPermutations, DevtoolsContext, PLUGIN_TITLE_CONTAINER_ID, PLUGIN_CONTAINER_ID, MAX_ACTIVE_PLUGINS, uppercaseFirstLetter } from '../chunk/YPBMQIC3.js';
 import { createComponent, Portal, ssr, ssrAttribute, escape, ssrStyle } from 'solid-js/web';
 import { createContext, createSignal, createEffect, onCleanup, Show, createMemo, For, useContext, onMount } from 'solid-js';
 import { createShortcut, useKeyDownList } from '@solid-primitives/keyboard';
@@ -1899,7 +1899,7 @@ var MainPanel = (props) => {
     settings
   } = useDevtoolsSettings();
   const pip = usePiPWindow();
-  return ssr(_tmpl$4, ssrAttribute("id", escape(TANSTACK_DEVTOOLS, true), false), "height:" + (pip().pipWindow ? "100vh" : escape(height(), true) + "px"), ssrAttribute("class", escape(clsx3(styles().devtoolsPanelContainer(settings().panelLocation, Boolean(pip().pipWindow)), styles().devtoolsPanelContainerAnimation(props.isOpen(), height(), settings().panelLocation), styles().devtoolsPanelContainerVisibility(props.isOpen()), styles().devtoolsPanelContainerResizing(props.isResizing)), true), false), escape(createComponent(DrawClientProvider, {
+  return ssr(_tmpl$4, ssrAttribute("id", escape(TANSTACK_DEVTOOLS, true), false), "height:" + (pip().pipWindow ? "100vh" : escape(height(), true) + "px") + (";--tsd-main-panel-height:" + (pip().pipWindow ? "100vh" : escape(height(), true) + "px")), ssrAttribute("class", escape(clsx3(styles().devtoolsPanelContainer(settings().panelLocation, Boolean(pip().pipWindow)), styles().devtoolsPanelContainerAnimation(props.isOpen(), height(), settings().panelLocation), styles().devtoolsPanelContainerVisibility(props.isOpen()), styles().devtoolsPanelContainerResizing(props.isResizing)), true), false), escape(createComponent(DrawClientProvider, {
     animationMs: 400,
     get children() {
       return props.children;

package/dist/index.d.ts

@@ -54,7 +54,7 @@ type DevtoolsStore = {
         panelLocation: 'top' | 'bottom';
         /**
          * The hotkey to open the dev tools
-         * @default ["Shift", "A"]
+         * @default ["Control", "~"]
          */
         openHotkey: Array<KeyboardKey>;
         /**

package/dist/index.js

@@ -1,5 +1,5 @@
-import { initialState, DevtoolsProvider, PiPProvider } from './chunk/YGJWPK3G.js';
-export { PLUGIN_CONTAINER_ID, PLUGIN_TITLE_CONTAINER_ID } from './chunk/YGJWPK3G.js';
+import { initialState, DevtoolsProvider, PiPProvider } from './chunk/YPBMQIC3.js';
+export { PLUGIN_CONTAINER_ID, PLUGIN_TITLE_CONTAINER_ID } from './chunk/YPBMQIC3.js';
 import { render, createComponent, Portal } from 'solid-js/web';
 import { lazy } from 'solid-js';
 import { ClientEventBus } from '@tanstack/devtools-event-bus/client';
@@ -30,7 +30,7 @@ var TanStackDevtoolsCore = class {
     const mountTo = el;
     const dispose = render(() => {
       const _self$ = this;
-      this.#Component = lazy(() => import('./devtools/LWN3DL7E.js'));
+      this.#Component = lazy(() => import('./devtools/2YO4AD7X.js'));
       const Devtools = this.#Component;
       this.#eventBus = new ClientEventBus(this.#eventBusConfig);
       this.#eventBus.start();

package/dist/server.js

@@ -1,5 +1,5 @@
-import { initialState } from './chunk/YGJWPK3G.js';
-export { PLUGIN_CONTAINER_ID, PLUGIN_TITLE_CONTAINER_ID } from './chunk/YGJWPK3G.js';
+import { initialState } from './chunk/YPBMQIC3.js';
+export { PLUGIN_CONTAINER_ID, PLUGIN_TITLE_CONTAINER_ID } from './chunk/YPBMQIC3.js';
 import 'solid-js/web';
 import 'solid-js';
 import '@tanstack/devtools-event-bus/client';

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@tanstack/devtools",
-  "version": "0.9.1",
+  "version": "0.10.0",
   "description": "TanStack Devtools is a set of tools for building advanced devtools for your application.",
   "author": "Tanner Linsley",
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/TanStack/devtools.git",
+    "url": "git+https://github.com/TanStack/devtools.git",
     "directory": "packages/devtools"
   },
   "homepage": "https://tanstack.com/devtools",

package/src/components/main-panel.tsx

@@ -21,6 +21,7 @@ export const MainPanel = (props: {
       id={TANSTACK_DEVTOOLS}
       style={{
         height: pip().pipWindow ? '100vh' : height() + 'px',
+        '--tsd-main-panel-height': pip().pipWindow ? '100vh' : height() + 'px',
       }}
       class={clsx(
         styles().devtoolsPanelContainer(

package/src/context/devtools-store.ts

@@ -49,7 +49,7 @@ export type DevtoolsStore = {
     panelLocation: 'top' | 'bottom'
     /**
      * The hotkey to open the dev tools
-     * @default ["Shift", "A"]
+     * @default ["Control", "~"]
      */
     openHotkey: Array<KeyboardKey>
     /**
@@ -99,7 +99,7 @@ export const initialState: DevtoolsStore = {
     hideUntilHover: false,
     position: 'bottom-right',
     panelLocation: 'bottom',
-    openHotkey: ['Shift', 'A'],
+    openHotkey: ['Control', '~'],
     inspectHotkey: ['Shift', 'CtrlOrMeta'],
     requireUrlFlag: false,
     urlFlag: 'tanstack-devtools',