@tanstack/devtools 0.9.0 → 0.9.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/dev.js CHANGED
@@ -30,7 +30,7 @@ var TanStackDevtoolsCore = class {
30
30
  const mountTo = el;
31
31
  const dispose = render(() => {
32
32
  const _self$ = this;
33
- this.#Component = lazy(() => import('./devtools/LWN3DL7E.js'));
33
+ this.#Component = lazy(() => import('./devtools/Q4UBGHTH.js'));
34
34
  const Devtools = this.#Component;
35
35
  this.#eventBus = new ClientEventBus(this.#eventBusConfig);
36
36
  this.#eventBus.start();
@@ -1899,7 +1899,7 @@ var MainPanel = (props) => {
1899
1899
  settings
1900
1900
  } = useDevtoolsSettings();
1901
1901
  const pip = usePiPWindow();
1902
- 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, {
1902
+ 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, {
1903
1903
  animationMs: 400,
1904
1904
  get children() {
1905
1905
  return props.children;
@@ -1920,13 +1920,15 @@ var MainPanel = (props) => {
1920
1920
  }
1921
1921
  }));
1922
1922
  effect((_p$) => {
1923
- 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));
1923
+ 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));
1924
1924
  _v$ !== _p$.e && ((_p$.e = _v$) != null ? _el$.style.setProperty("height", _v$) : _el$.style.removeProperty("height"));
1925
- _v$2 !== _p$.t && className(_el$, _p$.t = _v$2);
1925
+ _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"));
1926
+ _v$3 !== _p$.a && className(_el$, _p$.a = _v$3);
1926
1927
  return _p$;
1927
1928
  }, {
1928
1929
  e: void 0,
1929
- t: void 0
1930
+ t: void 0,
1931
+ a: void 0
1930
1932
  });
1931
1933
  return _el$;
1932
1934
  })();
package/dist/index.js CHANGED
@@ -30,7 +30,7 @@ var TanStackDevtoolsCore = class {
30
30
  const mountTo = el;
31
31
  const dispose = render(() => {
32
32
  const _self$ = this;
33
- this.#Component = lazy(() => import('./devtools/LWN3DL7E.js'));
33
+ this.#Component = lazy(() => import('./devtools/Q4UBGHTH.js'));
34
34
  const Devtools = this.#Component;
35
35
  this.#eventBus = new ClientEventBus(this.#eventBusConfig);
36
36
  this.#eventBus.start();
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@tanstack/devtools",
3
- "version": "0.9.0",
3
+ "version": "0.9.2",
4
4
  "description": "TanStack Devtools is a set of tools for building advanced devtools for your application.",
5
5
  "author": "Tanner Linsley",
6
6
  "license": "MIT",
7
7
  "repository": {
8
8
  "type": "git",
9
- "url": "https://github.com/TanStack/devtools.git",
9
+ "url": "git+https://github.com/TanStack/devtools.git",
10
10
  "directory": "packages/devtools"
11
11
  },
12
12
  "homepage": "https://tanstack.com/devtools",
@@ -55,8 +55,8 @@
55
55
  "clsx": "^2.1.1",
56
56
  "goober": "^2.1.16",
57
57
  "solid-js": "^1.9.9",
58
+ "@tanstack/devtools-client": "0.0.5",
58
59
  "@tanstack/devtools-event-bus": "0.3.3",
59
- "@tanstack/devtools-client": "0.0.4",
60
60
  "@tanstack/devtools-ui": "0.4.4"
61
61
  },
62
62
  "peerDependencies": {
@@ -21,6 +21,7 @@ export const MainPanel = (props: {
21
21
  id={TANSTACK_DEVTOOLS}
22
22
  style={{
23
23
  height: pip().pipWindow ? '100vh' : height() + 'px',
24
+ '--tsd-main-panel-height': pip().pipWindow ? '100vh' : height() + 'px',
24
25
  }}
25
26
  class={clsx(
26
27
  styles().devtoolsPanelContainer(