Sign In

@tanstack/devtools-utils

Package Overview
Dependencies
Maintainers
2
Versions
24
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@tanstack/devtools-utils - npm Package Compare versions

Comparing version
0.0.5
 to
0.0.6
+6
-10
dist/react/esm/plugin.d.ts

@@ -9,15 +9,11 @@ import { JSX } from 'react';

}): readonly [() => {
config: {
name: string;
id?: string;
defaultOpen?: boolean;
};
render: (_el: HTMLElement, theme: "light" | "dark") => import("react/jsx-runtime").JSX.Element;
name: string;
id?: string;
defaultOpen?: boolean;
}, () => {
config: {
name: string;
id?: string;
defaultOpen?: boolean;
};
render: (_el: HTMLElement, _theme: "light" | "dark") => import("react/jsx-runtime").JSX.Element;
name: string;
id?: string;
defaultOpen?: boolean;
}];
+2
-2
dist/react/esm/plugin.js

@@ -8,3 +8,3 @@ import { jsx, Fragment } from "react/jsx-runtime";

return {
config,
...config,
render: (_el, theme) => /* @__PURE__ */ jsx(Component, { theme })

@@ -15,3 +15,3 @@ };

return {
config,
...config,
render: (_el, _theme) => /* @__PURE__ */ jsx(Fragment, {})

@@ -18,0 +18,0 @@ };

+1
-1
dist/react/esm/plugin.js.map

@@ -1,1 +0,1 @@

{"version":3,"file":"plugin.js","sources":["../../../src/react/plugin.tsx"],"sourcesContent":["import type { JSX } from 'react'\nimport type { DevtoolsPanelProps } from './panel'\n\nexport function createReactPlugin({\n Component,\n ...config\n}: {\n name: string\n id?: string\n defaultOpen?: boolean\n Component: (props: DevtoolsPanelProps) => JSX.Element\n}) {\n function Plugin() {\n return {\n config,\n render: (_el: HTMLElement, theme: 'light' | 'dark') => (\n <Component theme={theme} />\n ),\n }\n }\n function NoOpPlugin() {\n return {\n config,\n render: (_el: HTMLElement, _theme: 'light' | 'dark') => <></>,\n }\n }\n return [Plugin, NoOpPlugin] as const\n}\n"],"names":[],"mappings":";AAGO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA,GAAG;AACL,GAKG;AACD,WAAS,SAAS;AAChB,WAAO;AAAA,MACL;AAAA,MACA,QAAQ,CAAC,KAAkB,UACzB,oBAAC,aAAU,MAAA,CAAc;AAAA,IAAA;AAAA,EAG/B;AACA,WAAS,aAAa;AACpB,WAAO;AAAA,MACL;AAAA,MACA,QAAQ,CAAC,KAAkB,WAA6B,oBAAA,UAAA,CAAA,CAAE;AAAA,IAAA;AAAA,EAE9D;AACA,SAAO,CAAC,QAAQ,UAAU;AAC5B;"}
{"version":3,"file":"plugin.js","sources":["../../../src/react/plugin.tsx"],"sourcesContent":["import type { JSX } from 'react'\nimport type { DevtoolsPanelProps } from './panel'\n\nexport function createReactPlugin({\n Component,\n ...config\n}: {\n name: string\n id?: string\n defaultOpen?: boolean\n Component: (props: DevtoolsPanelProps) => JSX.Element\n}) {\n function Plugin() {\n return {\n ...config,\n render: (_el: HTMLElement, theme: 'light' | 'dark') => (\n <Component theme={theme} />\n ),\n }\n }\n function NoOpPlugin() {\n return {\n ...config,\n render: (_el: HTMLElement, _theme: 'light' | 'dark') => <></>,\n }\n }\n return [Plugin, NoOpPlugin] as const\n}\n"],"names":[],"mappings":";AAGO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA,GAAG;AACL,GAKG;AACD,WAAS,SAAS;AAChB,WAAO;AAAA,MACL,GAAG;AAAA,MACH,QAAQ,CAAC,KAAkB,UACzB,oBAAC,aAAU,MAAA,CAAc;AAAA,IAAA;AAAA,EAG/B;AACA,WAAS,aAAa;AACpB,WAAO;AAAA,MACL,GAAG;AAAA,MACH,QAAQ,CAAC,KAAkB,WAA6B,oBAAA,UAAA,CAAA,CAAE;AAAA,IAAA;AAAA,EAE9D;AACA,SAAO,CAAC,QAAQ,UAAU;AAC5B;"}
+8
-8
dist/solid/esm/index.d.ts

@@ -17,6 +17,6 @@ import * as solid_js from 'solid-js';

new (): {
#isMounted: boolean;
#dispose?: () => void;
#Component: any;
#ThemeProvider: any;
"__#private@#isMounted": boolean;
"__#private@#dispose"?: () => void;
"__#private@#Component": any;
"__#private@#ThemeProvider": any;
mount<T extends HTMLElement>(el: T, theme: "light" | "dark"): Promise<void>;

@@ -29,6 +29,6 @@ unmount(): void;

unmount(): void;
#isMounted: boolean;
#dispose?: () => void;
#Component: any;
#ThemeProvider: any;
"__#private@#isMounted": boolean;
"__#private@#dispose"?: () => void;
"__#private@#Component": any;
"__#private@#ThemeProvider": any;
};

@@ -35,0 +35,0 @@ }];

+1
-1
package.json
{
"name": "@tanstack/devtools-utils",
"version": "0.0.5",
"version": "0.0.6",
"description": "TanStack Devtools utilities for creating your own devtools.",

@@ -5,0 +5,0 @@ "author": "Tanner Linsley",

+2
-2
src/react/plugin.tsx

@@ -15,3 +15,3 @@ import type { JSX } from 'react'

return {
config,
...config,
render: (_el: HTMLElement, theme: 'light' | 'dark') => (

@@ -24,3 +24,3 @@ <Component theme={theme} />

return {
config,
...config,
render: (_el: HTMLElement, _theme: 'light' | 'dark') => <></>,

@@ -27,0 +27,0 @@ }