@tanstack/devtools-utils 0.3.0 → 0.3.1

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.
Files changed (4) hide show
  1. package/dist/solid/esm/dev.js +3 -5
  2. package/dist/solid/esm/index.js +3 -5
  3. package/dist/solid/esm/server.js +3 -3
  4. package/package.json +2 -2
package/dist/solid/esm/dev.js CHANGED
@@ -1,8 +1,8 @@
1
- import { createComponent, template, insert, use } from 'solid-js/web';
1
+ import { createComponent, insert, use, template } from 'solid-js/web';
2
2
  import { createSignal, onMount, onCleanup } from 'solid-js';
3
3
 
4
4
  // src/solid/class.tsx
5
- var _tmpl$ = /* @__PURE__ */ template(`<div>`);
5
+ var _tmpl$ = /* @__PURE__ */ template(`<div style=height:100%>`);
6
6
  function constructCoreClass(Component) {
7
7
  class DevtoolsCore {
8
8
  #isMounted = false;
@@ -37,7 +37,6 @@ function constructCoreClass(Component) {
37
37
  mount: mountTo,
38
38
  get children() {
39
39
  var _el$ = _tmpl$();
40
- _el$.style.setProperty("height", "100%");
41
40
  insert(_el$, createComponent(ThemeProvider, {
42
41
  theme,
43
42
  get children() {
@@ -82,7 +81,7 @@ function constructCoreClass(Component) {
82
81
  }
83
82
  return [DevtoolsCore, NoOpDevtoolsCore];
84
83
  }
85
- var _tmpl$2 = /* @__PURE__ */ template(`<div>`);
84
+ var _tmpl$2 = /* @__PURE__ */ template(`<div style=height:100%>`);
86
85
  function createSolidPanel(CoreClass) {
87
86
  function Panel(props) {
88
87
  let devToolRef;
@@ -99,7 +98,6 @@ function createSolidPanel(CoreClass) {
99
98
  var _el$ = _tmpl$2();
100
99
  var _ref$ = devToolRef;
101
100
  typeof _ref$ === "function" ? use(_ref$, _el$) : devToolRef = _el$;
102
- _el$.style.setProperty("height", "100%");
103
101
  return _el$;
104
102
  })();
105
103
  }
package/dist/solid/esm/index.js CHANGED
@@ -1,8 +1,8 @@
1
- import { createComponent, template, insert, use } from 'solid-js/web';
1
+ import { createComponent, insert, use, template } from 'solid-js/web';
2
2
  import { createSignal, onMount, onCleanup } from 'solid-js';
3
3
 
4
4
  // src/solid/class.tsx
5
- var _tmpl$ = /* @__PURE__ */ template(`<div>`);
5
+ var _tmpl$ = /* @__PURE__ */ template(`<div style=height:100%>`);
6
6
  function constructCoreClass(Component) {
7
7
  class DevtoolsCore {
8
8
  #isMounted = false;
@@ -37,7 +37,6 @@ function constructCoreClass(Component) {
37
37
  mount: mountTo,
38
38
  get children() {
39
39
  var _el$ = _tmpl$();
40
- _el$.style.setProperty("height", "100%");
41
40
  insert(_el$, createComponent(ThemeProvider, {
42
41
  theme,
43
42
  get children() {
@@ -82,7 +81,7 @@ function constructCoreClass(Component) {
82
81
  }
83
82
  return [DevtoolsCore, NoOpDevtoolsCore];
84
83
  }
85
- var _tmpl$2 = /* @__PURE__ */ template(`<div>`);
84
+ var _tmpl$2 = /* @__PURE__ */ template(`<div style=height:100%>`);
86
85
  function createSolidPanel(CoreClass) {
87
86
  function Panel(props) {
88
87
  let devToolRef;
@@ -99,7 +98,6 @@ function createSolidPanel(CoreClass) {
99
98
  var _el$ = _tmpl$2();
100
99
  var _ref$ = devToolRef;
101
100
  typeof _ref$ === "function" ? use(_ref$, _el$) : devToolRef = _el$;
102
- _el$.style.setProperty("height", "100%");
103
101
  return _el$;
104
102
  })();
105
103
  }
package/dist/solid/esm/server.js CHANGED
@@ -1,4 +1,4 @@
1
- import { createComponent, ssr, escape } from 'solid-js/web';
1
+ import { createComponent, ssr, ssrStyleProperty, escape } from 'solid-js/web';
2
2
  import { createSignal, onMount, onCleanup } from 'solid-js';
3
3
 
4
4
  // src/solid/class.tsx
@@ -36,7 +36,7 @@ function constructCoreClass(Component) {
36
36
  return createComponent(Portal, {
37
37
  mount: mountTo,
38
38
  get children() {
39
- return ssr(_tmpl$, "height:100%", escape(createComponent(ThemeProvider, {
39
+ return ssr(_tmpl$, ssrStyleProperty("height:", "100%"), escape(createComponent(ThemeProvider, {
40
40
  theme,
41
41
  get children() {
42
42
  return createComponent(Devtools, {});
@@ -88,7 +88,7 @@ function createSolidPanel(CoreClass) {
88
88
  devtools().unmount();
89
89
  });
90
90
  });
91
- return ssr(_tmpl$2, "height:100%");
91
+ return ssr(_tmpl$2, ssrStyleProperty("height:", "100%"));
92
92
  }
93
93
  function NoOpPanel(_props) {
94
94
  return [];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tanstack/devtools-utils",
3
- "version": "0.3.0",
3
+ "version": "0.3.1",
4
4
  "description": "TanStack Devtools utilities for creating your own devtools.",
5
5
  "author": "Tanner Linsley",
6
6
  "license": "MIT",
@@ -60,7 +60,7 @@
60
60
  "node": ">=18"
61
61
  },
62
62
  "dependencies": {
63
- "@tanstack/devtools-ui": "^0.4.4"
63
+ "@tanstack/devtools-ui": "^0.5.0"
64
64
  },
65
65
  "peerDependencies": {
66
66
  "@types/react": ">=17.0.0",