@tanstack/solid-pacer-devtools - npm Package Compare versions

Comparing version 0.5.5 to 0.6.0

dist/index.d.ts

@@ -1,15 +0,9 @@
-import { PacerDevtoolsSolidInit } from "./SolidPacerDevtools.js";
-import * as _tanstack_devtools_utils_solid0 from "@tanstack/devtools-utils/solid";
-import * as solid_js0 from "solid-js";
+import { PacerDevtoolsPanel as PacerDevtoolsPanel$1, PacerDevtoolsSolidInit } from "./SolidPacerDevtools.js";
+import { pacerDevtoolsPlugin as pacerDevtoolsPlugin$1 } from "./plugin.js";
 
 //#region src/index.d.ts
-declare const PacerDevtoolsPanel: (props: _tanstack_devtools_utils_solid0.DevtoolsPanelProps) => solid_js0.JSX.Element;
-declare const pacerDevtoolsPlugin: () => {
-  render: (_el: HTMLElement, props: TanStackDevtoolsPluginProps) => solid_js0.JSX.Element;
-  name: string;
-  id?: string;
-  defaultOpen?: boolean;
-};
+declare const PacerDevtoolsPanel: typeof PacerDevtoolsPanel$1;
+declare const pacerDevtoolsPlugin: typeof pacerDevtoolsPlugin$1;
 //#endregion
 export { PacerDevtoolsPanel, type PacerDevtoolsSolidInit, pacerDevtoolsPlugin };
 //# sourceMappingURL=index.d.ts.map

dist/index.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.js","names":["Devtools.PacerDevtoolsPanelNoOp","Devtools.PacerDevtoolsPanel","plugin.pacerDevtoolsNoOpPlugin","plugin.pacerDevtoolsPlugin"],"sources":["../src/index.ts"],"sourcesContent":["import * as Devtools from './SolidPacerDevtools'\nimport * as plugin from './plugin'\n\nexport const PacerDevtoolsPanel =\n  process.env.NODE_ENV !== 'development'\n    ? Devtools.PacerDevtoolsPanelNoOp\n    : Devtools.PacerDevtoolsPanel\n\nexport const pacerDevtoolsPlugin =\n  process.env.NODE_ENV !== 'development'\n    ? plugin.pacerDevtoolsNoOpPlugin\n    : plugin.pacerDevtoolsPlugin\n\nexport type { PacerDevtoolsSolidInit } from './SolidPacerDevtools'\n"],"mappings":";;;;AAGA,MAAa,qBACX,QAAQ,IAAI,aAAa,gBACrBA,yBACAC;AAEN,MAAa,sBACX,QAAQ,IAAI,aAAa,gBACrBC,0BACAC"}
+{"version":3,"file":"index.js","names":["Devtools.PacerDevtoolsPanelNoOp","Devtools.PacerDevtoolsPanel","plugin.pacerDevtoolsNoOpPlugin","plugin.pacerDevtoolsPlugin"],"sources":["../src/index.ts"],"sourcesContent":["import * as Devtools from './SolidPacerDevtools'\nimport * as plugin from './plugin'\n\nexport const PacerDevtoolsPanel: typeof Devtools.PacerDevtoolsPanel =\n  process.env.NODE_ENV !== 'development'\n    ? Devtools.PacerDevtoolsPanelNoOp\n    : Devtools.PacerDevtoolsPanel\n\nexport const pacerDevtoolsPlugin: typeof plugin.pacerDevtoolsPlugin =\n  process.env.NODE_ENV !== 'development'\n    ? plugin.pacerDevtoolsNoOpPlugin\n    : plugin.pacerDevtoolsPlugin\n\nexport type { PacerDevtoolsSolidInit } from './SolidPacerDevtools'\n"],"mappings":";;;;AAGA,MAAa,qBACX,QAAQ,IAAI,aAAa,gBACrBA,yBACAC;AAEN,MAAa,sBACX,QAAQ,IAAI,aAAa,gBACrBC,0BACAC"}

dist/plugin.d.ts

@@ -1,17 +0,8 @@
-import * as solid_js0 from "solid-js";
+import { createSolidPlugin } from "@tanstack/devtools-utils/solid";
 
 //#region src/plugin.d.ts
-declare const pacerDevtoolsPlugin: () => {
-    render: (_el: HTMLElement, props: TanStackDevtoolsPluginProps) => solid_js0.JSX.Element;
-    name: string;
-    id?: string;
-    defaultOpen?: boolean;
-  }, pacerDevtoolsNoOpPlugin: () => {
-    render: (_el: HTMLElement, _props: TanStackDevtoolsPluginProps) => solid_js0.JSX.Element;
-    name: string;
-    id?: string;
-    defaultOpen?: boolean;
-  };
+type PacerDevtoolsPluginFactory = ReturnType<typeof createSolidPlugin>[0];
+declare const pacerDevtoolsPlugin: PacerDevtoolsPluginFactory;
 //#endregion
 export { pacerDevtoolsPlugin };
 //# sourceMappingURL=plugin.d.ts.map

dist/plugin.js

@@ -5,6 +5,8 @@ import { PacerDevtoolsPanel } from "./SolidPacerDevtools.js";
 //#region src/plugin.tsx
-const [pacerDevtoolsPlugin, pacerDevtoolsNoOpPlugin] = createSolidPlugin({
+const pacerDevtoolsPlugins = createSolidPlugin({
 	name: "TanStack Pacer",
 	Component: PacerDevtoolsPanel
 });
+const pacerDevtoolsPlugin = pacerDevtoolsPlugins[0];
+const pacerDevtoolsNoOpPlugin = pacerDevtoolsPlugins[1];
 
@@ -11,0 +13,0 @@ //#endregion

dist/plugin.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"plugin.js","names":["createSolidPlugin","PacerDevtoolsPanel","pacerDevtoolsPlugin","pacerDevtoolsNoOpPlugin","name","Component"],"sources":["../src/plugin.tsx"],"sourcesContent":["import { createSolidPlugin } from '@tanstack/devtools-utils/solid'\nimport { PacerDevtoolsPanel } from './SolidPacerDevtools'\n\nconst [pacerDevtoolsPlugin, pacerDevtoolsNoOpPlugin] = createSolidPlugin({\n  name: 'TanStack Pacer',\n  Component: PacerDevtoolsPanel,\n})\n\nexport { pacerDevtoolsPlugin, pacerDevtoolsNoOpPlugin }\n"],"mappings":";;;;AAGA,MAAM,CAACE,qBAAqBC,2BAA2BH,kBAAkB;CACvEI,MAAM;CACNC,WAAWJ;CACZ,CAAC"}
+{"version":3,"file":"plugin.js","names":["createSolidPlugin","PacerDevtoolsPanel","PacerDevtoolsPluginFactory","ReturnType","pacerDevtoolsPlugins","name","Component","pacerDevtoolsPlugin","pacerDevtoolsNoOpPlugin"],"sources":["../src/plugin.tsx"],"sourcesContent":["import { createSolidPlugin } from '@tanstack/devtools-utils/solid'\nimport { PacerDevtoolsPanel } from './SolidPacerDevtools'\n\ntype PacerDevtoolsPluginFactory = ReturnType<typeof createSolidPlugin>[0]\n\nconst pacerDevtoolsPlugins = createSolidPlugin({\n  name: 'TanStack Pacer',\n  Component: PacerDevtoolsPanel,\n})\n\nexport const pacerDevtoolsPlugin: PacerDevtoolsPluginFactory =\n  pacerDevtoolsPlugins[0]\nexport const pacerDevtoolsNoOpPlugin: PacerDevtoolsPluginFactory =\n  pacerDevtoolsPlugins[1]\n"],"mappings":";;;;AAKA,MAAMI,uBAAuBJ,kBAAkB;CAC7CK,MAAM;CACNC,WAAWL;CACZ,CAAC;AAEF,MAAaM,sBACXH,qBAAqB;AACvB,MAAaI,0BACXJ,qBAAqB"}

dist/SolidPacerDevtools.d.ts

 import { DevtoolsPanelProps } from "@tanstack/devtools-utils/solid";
-import * as solid_js0 from "solid-js";
+import { JSX } from "solid-js";
 
 //#region src/SolidPacerDevtools.d.ts
-declare const PacerDevtoolsPanel: (props: DevtoolsPanelProps) => solid_js0.JSX.Element, PacerDevtoolsPanelNoOp: (_props: DevtoolsPanelProps) => solid_js0.JSX.Element;
+declare const pacerDevtoolsPanels: readonly [(props: DevtoolsPanelProps) => JSX.Element, (props: DevtoolsPanelProps) => JSX.Element];
+type PacerDevtoolsPanelComponent = (typeof pacerDevtoolsPanels)[0];
+declare const PacerDevtoolsPanel: PacerDevtoolsPanelComponent;
 interface PacerDevtoolsSolidInit extends DevtoolsPanelProps {}
@@ -7,0 +9,0 @@ //#endregion

dist/SolidPacerDevtools.js

@@ -5,3 +5,5 @@ import { createSolidPanel } from "@tanstack/devtools-utils/solid";
 //#region src/SolidPacerDevtools.tsx
-const [PacerDevtoolsPanel, PacerDevtoolsPanelNoOp] = createSolidPanel(PacerDevtoolsCore);
+const pacerDevtoolsPanels = createSolidPanel(PacerDevtoolsCore);
+const PacerDevtoolsPanel = pacerDevtoolsPanels[0];
+const PacerDevtoolsPanelNoOp = pacerDevtoolsPanels[1];
 
@@ -8,0 +10,0 @@ //#endregion

dist/SolidPacerDevtools.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"SolidPacerDevtools.js","names":["createSolidPanel","PacerDevtoolsCore","DevtoolsPanelProps","PacerDevtoolsPanel","PacerDevtoolsPanelNoOp","PacerDevtoolsSolidInit"],"sources":["../src/SolidPacerDevtools.tsx"],"sourcesContent":["import { createSolidPanel } from '@tanstack/devtools-utils/solid'\nimport { PacerDevtoolsCore } from '@tanstack/pacer-devtools'\nimport type { DevtoolsPanelProps } from '@tanstack/devtools-utils/solid'\n\nconst [PacerDevtoolsPanel, PacerDevtoolsPanelNoOp] =\n  createSolidPanel(PacerDevtoolsCore)\nexport interface PacerDevtoolsSolidInit extends DevtoolsPanelProps {}\n\nexport { PacerDevtoolsPanel, PacerDevtoolsPanelNoOp }\n"],"mappings":";;;;AAIA,MAAM,CAACG,oBAAoBC,0BACzBJ,iBAAiBC,kBAAkB"}
+{"version":3,"file":"SolidPacerDevtools.js","names":["createSolidPanel","PacerDevtoolsCore","JSX","DevtoolsPanelProps","pacerDevtoolsPanels","props","Element","PacerDevtoolsPanelComponent","PacerDevtoolsPanel","PacerDevtoolsPanelNoOp","PacerDevtoolsSolidInit"],"sources":["../src/SolidPacerDevtools.tsx"],"sourcesContent":["import { createSolidPanel } from '@tanstack/devtools-utils/solid'\nimport { PacerDevtoolsCore } from '@tanstack/pacer-devtools'\nimport type { JSX } from 'solid-js'\nimport type { DevtoolsPanelProps } from '@tanstack/devtools-utils/solid'\n\nconst pacerDevtoolsPanels: readonly [\n  (props: DevtoolsPanelProps) => JSX.Element,\n  (props: DevtoolsPanelProps) => JSX.Element,\n] = createSolidPanel(PacerDevtoolsCore)\n\ntype PacerDevtoolsPanelComponent = (typeof pacerDevtoolsPanels)[0]\n\nexport const PacerDevtoolsPanel: PacerDevtoolsPanelComponent =\n  pacerDevtoolsPanels[0]\nexport const PacerDevtoolsPanelNoOp: PacerDevtoolsPanelComponent =\n  pacerDevtoolsPanels[1]\n\nexport interface PacerDevtoolsSolidInit extends DevtoolsPanelProps {}\n"],"mappings":";;;;AAKA,MAAMI,sBAGFJ,iBAAiBC,kBAAkB;AAIvC,MAAaO,qBACXJ,oBAAoB;AACtB,MAAaK,yBACXL,oBAAoB"}

package.json

 {
   "name": "@tanstack/solid-pacer-devtools",
-  "version": "0.5.5",
+  "version": "0.6.0",
   "description": "Solid adapter for devtools for Pacer.",
@@ -45,7 +45,7 @@ "author": "Tanner Linsley",
     "@tanstack/devtools-utils": "^0.4.0",
-    "@tanstack/pacer-devtools": "1.1.5"
+    "@tanstack/pacer-devtools": "1.2.0"
   },
   "devDependencies": {
-    "csstype": "^3.0.10",
-    "vite-plugin-solid": "^2.11.10"
+    "csstype": "^3.2.3",
+    "vite-plugin-solid": "^2.11.11"
   },
@@ -52,0 +52,0 @@ "scripts": {

src/index.ts

 import * as Devtools from './SolidPacerDevtools'
 import * as plugin from './plugin'
 
-export const PacerDevtoolsPanel =
+export const PacerDevtoolsPanel: typeof Devtools.PacerDevtoolsPanel =
   process.env.NODE_ENV !== 'development'
@@ -9,3 +9,3 @@ ? Devtools.PacerDevtoolsPanelNoOp
 
-export const pacerDevtoolsPlugin =
+export const pacerDevtoolsPlugin: typeof plugin.pacerDevtoolsPlugin =
   process.env.NODE_ENV !== 'development'
@@ -12,0 +12,0 @@ ? plugin.pacerDevtoolsNoOpPlugin

src/plugin.tsx

 import { createSolidPlugin } from '@tanstack/devtools-utils/solid'
 import { PacerDevtoolsPanel } from './SolidPacerDevtools'
 
-const [pacerDevtoolsPlugin, pacerDevtoolsNoOpPlugin] = createSolidPlugin({
+type PacerDevtoolsPluginFactory = ReturnType<typeof createSolidPlugin>[0]
+
+const pacerDevtoolsPlugins = createSolidPlugin({
   name: 'TanStack Pacer',
@@ -9,2 +11,5 @@ Component: PacerDevtoolsPanel,
 
-export { pacerDevtoolsPlugin, pacerDevtoolsNoOpPlugin }
+export const pacerDevtoolsPlugin: PacerDevtoolsPluginFactory =
+  pacerDevtoolsPlugins[0]
+export const pacerDevtoolsNoOpPlugin: PacerDevtoolsPluginFactory =
+  pacerDevtoolsPlugins[1]

src/SolidPacerDevtools.tsx

 import { createSolidPanel } from '@tanstack/devtools-utils/solid'
 import { PacerDevtoolsCore } from '@tanstack/pacer-devtools'
+import type { JSX } from 'solid-js'
 import type { DevtoolsPanelProps } from '@tanstack/devtools-utils/solid'
 
-const [PacerDevtoolsPanel, PacerDevtoolsPanelNoOp] =
-  createSolidPanel(PacerDevtoolsCore)
+const pacerDevtoolsPanels: readonly [
+  (props: DevtoolsPanelProps) => JSX.Element,
+  (props: DevtoolsPanelProps) => JSX.Element,
+] = createSolidPanel(PacerDevtoolsCore)
+
+type PacerDevtoolsPanelComponent = (typeof pacerDevtoolsPanels)[0]
+
+export const PacerDevtoolsPanel: PacerDevtoolsPanelComponent =
+  pacerDevtoolsPanels[0]
+export const PacerDevtoolsPanelNoOp: PacerDevtoolsPanelComponent =
+  pacerDevtoolsPanels[1]
+
 export interface PacerDevtoolsSolidInit extends DevtoolsPanelProps {}
-
-export { PacerDevtoolsPanel, PacerDevtoolsPanelNoOp }

No alert changes

Improved metrics

Total package byte prevSize

18704

6.74%

Lines of code

91

2.25%

Dependency changes

• + Added

  @tanstack/pacer-devtools@1.2.0
  (transitive)

• + Added

  @tanstack/solid-store@0.9.3
  (transitive)

• + Added

  @tanstack/store@0.9.3
  (transitive)

• - Removed

  @tanstack/pacer-devtools@1.1.5
  (transitive)

• - Removed

  @tanstack/solid-store@0.8.1
  (transitive)

• - Removed

  @tanstack/store@0.8.1
  (transitive)

• Updated

  @tanstack/pacer-devtools@1.2.0