@tanstack/devtools-utils - npm Package Compare versions

Comparing version 0.3.0 to 0.3.1

dist/solid/esm/dev.js

@@ -1,6 +0,6 @@
-import { createComponent, template, insert, use } from 'solid-js/web';
+import { createComponent, insert, use, template } from 'solid-js/web';
 import { createSignal, onMount, onCleanup } from 'solid-js';
 
 // src/solid/class.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div>`);
+var _tmpl$ = /* @__PURE__ */ template(`<div style=height:100%>`);
 function constructCoreClass(Component) {
@@ -40,3 +40,2 @@ class DevtoolsCore {
             var _el$ = _tmpl$();
-            _el$.style.setProperty("height", "100%");
             insert(_el$, createComponent(ThemeProvider, {
@@ -86,3 +85,3 @@ theme,
 }
-var _tmpl$2 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$2 = /* @__PURE__ */ template(`<div style=height:100%>`);
 function createSolidPanel(CoreClass) {
@@ -104,3 +103,2 @@ function Panel(props) {
       typeof _ref$ === "function" ? use(_ref$, _el$) : devToolRef = _el$;
-      _el$.style.setProperty("height", "100%");
       return _el$;
@@ -107,0 +105,0 @@ })();

dist/solid/esm/index.js

@@ -1,6 +0,6 @@
-import { createComponent, template, insert, use } from 'solid-js/web';
+import { createComponent, insert, use, template } from 'solid-js/web';
 import { createSignal, onMount, onCleanup } from 'solid-js';
 
 // src/solid/class.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div>`);
+var _tmpl$ = /* @__PURE__ */ template(`<div style=height:100%>`);
 function constructCoreClass(Component) {
@@ -40,3 +40,2 @@ class DevtoolsCore {
             var _el$ = _tmpl$();
-            _el$.style.setProperty("height", "100%");
             insert(_el$, createComponent(ThemeProvider, {
@@ -86,3 +85,3 @@ theme,
 }
-var _tmpl$2 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$2 = /* @__PURE__ */ template(`<div style=height:100%>`);
 function createSolidPanel(CoreClass) {
@@ -104,3 +103,2 @@ function Panel(props) {
       typeof _ref$ === "function" ? use(_ref$, _el$) : devToolRef = _el$;
-      _el$.style.setProperty("height", "100%");
       return _el$;
@@ -107,0 +105,0 @@ })();

dist/solid/esm/server.js

@@ -1,2 +0,2 @@
-import { createComponent, ssr, escape } from 'solid-js/web';
+import { createComponent, ssr, ssrStyleProperty, escape } from 'solid-js/web';
 import { createSignal, onMount, onCleanup } from 'solid-js';
@@ -39,3 +39,3 @@
           get children() {
-            return ssr(_tmpl$, "height:100%", escape(createComponent(ThemeProvider, {
+            return ssr(_tmpl$, ssrStyleProperty("height:", "100%"), escape(createComponent(ThemeProvider, {
               theme,
@@ -92,3 +92,3 @@ get children() {
     });
-    return ssr(_tmpl$2, "height:100%");
+    return ssr(_tmpl$2, ssrStyleProperty("height:", "100%"));
   }
@@ -95,0 +95,0 @@ function NoOpPanel(_props) {

package.json

 {
   "name": "@tanstack/devtools-utils",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "TanStack Devtools utilities for creating your own devtools.",
@@ -63,3 +63,3 @@ "author": "Tanner Linsley",
   "dependencies": {
-    "@tanstack/devtools-ui": "^0.4.4"
+    "@tanstack/devtools-ui": "^0.5.0"
   },
@@ -66,0 +66,0 @@ "peerDependencies": {

No alert changes

Worsened metrics

Total package byte prevSize

52575

-0.13%

Lines of code

1244

-0.32%

Dependency changes

• + Added

  @tanstack/devtools-ui@0.5.3
  (transitive)

• + Added

  dayjs@1.11.21
  (transitive)

• - Removed

  @tanstack/devtools-ui@0.4.4
  (transitive)

• Updated

  @tanstack/devtools-ui@^0.5.0