🎩 You're Invited:Meet the Socket team at Black Hat in Las Vegas, August 3-6.RSVP →
Sign In

@tanstack/solid-pacer-devtools

Package Overview
Dependencies
Maintainers
2
Versions
18
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version
0.2.0
 to
0.3.0
+4
dist/esm/plugin-prod.d.ts
export declare function pacerDevtoolsPlugin(): {
name: string;
render: (_el: HTMLElement, theme: "light" | "dark") => import("solid-js").JSX.Element;
};
+16
dist/esm/plugin-prod.js
import { createComponent } from "solid-js/web";
import { PacerDevtoolsPanel } from "./production.js";
function pacerDevtoolsPlugin() {
return {
name: "TanStack Pacer",
render: (_el, theme) => {
return createComponent(PacerDevtoolsPanel, {
theme
});
}
};
}
export {
pacerDevtoolsPlugin
};
//# sourceMappingURL=plugin-prod.js.map
+1
dist/esm/plugin-prod.js.map
{"version":3,"file":"plugin-prod.js","sources":["../../src/plugin-prod.tsx"],"sourcesContent":["import { PacerDevtoolsPanel } from './production'\n\nexport function pacerDevtoolsPlugin() {\n return {\n name: 'TanStack Pacer',\n render: (_el: HTMLElement, theme: 'light' | 'dark') => {\n return <PacerDevtoolsPanel theme={theme} />\n },\n }\n}\n"],"names":["pacerDevtoolsPlugin","name","render","_el","theme","_$createComponent","PacerDevtoolsPanel"],"mappings":";;AAEO,SAASA,sBAAsB;AACpC,SAAO;AAAA,IACLC,MAAM;AAAA,IACNC,QAAQA,CAACC,KAAkBC,UAA4B;AACrD,aAAAC,gBAAQC,oBAAkB;AAAA,QAACF;AAAAA,MAAAA,CAAY;AAAA,IAAA;AAAA,EACzC;AAEJ;"}
+4
dist/esm/plugin.d.ts
export declare function pacerDevtoolsPlugin(): {
name: string;
render: (_el: HTMLElement, theme: "light" | "dark") => import("solid-js").JSX.Element;
};
+16
dist/esm/plugin.js
import { createComponent } from "solid-js/web";
import { PacerDevtoolsPanel } from "./index.js";
function pacerDevtoolsPlugin() {
return {
name: "TanStack Pacer",
render: (_el, theme) => {
return createComponent(PacerDevtoolsPanel, {
theme
});
}
};
}
export {
pacerDevtoolsPlugin
};
//# sourceMappingURL=plugin.js.map
+1
dist/esm/plugin.js.map
{"version":3,"file":"plugin.js","sources":["../../src/plugin.tsx"],"sourcesContent":["import { PacerDevtoolsPanel } from './index'\n\nexport function pacerDevtoolsPlugin() {\n return {\n name: 'TanStack Pacer',\n render: (_el: HTMLElement, theme: 'light' | 'dark') => {\n return <PacerDevtoolsPanel theme={theme} />\n },\n }\n}\n"],"names":["pacerDevtoolsPlugin","name","render","_el","theme","_$createComponent","PacerDevtoolsPanel"],"mappings":";;AAEO,SAASA,sBAAsB;AACpC,SAAO;AAAA,IACLC,MAAM;AAAA,IACNC,QAAQA,CAACC,KAAkBC,UAA4B;AACrD,aAAAC,gBAAQC,oBAAkB;AAAA,QAACF;AAAAA,MAAAA,CAAY;AAAA,IAAA;AAAA,EACzC;AAEJ;"}
+10
src/plugin-prod.tsx
import { PacerDevtoolsPanel } from './production'
export function pacerDevtoolsPlugin() {
return {
name: 'TanStack Pacer',
render: (_el: HTMLElement, theme: 'light' | 'dark') => {
return <PacerDevtoolsPanel theme={theme} />
},
}
}
+10
src/plugin.tsx
import { PacerDevtoolsPanel } from './index'
export function pacerDevtoolsPlugin() {
return {
name: 'TanStack Pacer',
render: (_el: HTMLElement, theme: 'light' | 'dark') => {
return <PacerDevtoolsPanel theme={theme} />
},
}
}
+1
-0
dist/esm/index.d.ts
import * as Devtools from './SolidPacerDevtools.js';
export declare const PacerDevtoolsPanel: (typeof Devtools)['PacerDevtoolsPanel'];
export type { PacerDevtoolsSolidInit } from './SolidPacerDevtools.js';
export { pacerDevtoolsPlugin } from './plugin.js';
+3
-1
dist/esm/index.js
"use client";
import { PacerDevtoolsPanel as PacerDevtoolsPanel$1 } from "./SolidPacerDevtools.js";
import { pacerDevtoolsPlugin } from "./plugin.js";
const PacerDevtoolsPanel = process.env.NODE_ENV !== "development" ? function() {

@@ -7,4 +8,5 @@ return null;

export {
PacerDevtoolsPanel
PacerDevtoolsPanel,
pacerDevtoolsPlugin
};
//# sourceMappingURL=index.js.map
+1
-1
dist/esm/index.js.map

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

{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["'use client'\n\nimport * as Devtools from './SolidPacerDevtools'\n\nexport const PacerDevtoolsPanel: (typeof Devtools)['PacerDevtoolsPanel'] =\n process.env.NODE_ENV !== 'development'\n ? function () {\n return null\n }\n : Devtools.PacerDevtoolsPanel\n\nexport type { PacerDevtoolsSolidInit } from './SolidPacerDevtools'\n"],"names":[],"mappings":";;AAIO;AAGC;AACF;;;;"}
{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["'use client'\n\nimport * as Devtools from './SolidPacerDevtools'\n\nexport const PacerDevtoolsPanel: (typeof Devtools)['PacerDevtoolsPanel'] =\n process.env.NODE_ENV !== 'development'\n ? function () {\n return null\n }\n : Devtools.PacerDevtoolsPanel\n\nexport type { PacerDevtoolsSolidInit } from './SolidPacerDevtools'\n\nexport { pacerDevtoolsPlugin } from './plugin'\n"],"names":[],"mappings":";;;AAIO;AAGC;AACF;;;;;"}
+2
-1
dist/esm/production.d.ts
import * as Devtools from './SolidPacerDevtools.js';
export declare const PacerDevtoolsPanel: (_props?: Devtools.PacerDevtoolsSolidInit) => import("solid-js").JSX.Element;
export declare const PacerDevtoolsPanel: (props?: Devtools.PacerDevtoolsSolidInit) => import("solid-js").JSX.Element;
export type { PacerDevtoolsSolidInit } from './SolidPacerDevtools.js';
export { pacerDevtoolsPlugin } from './plugin-prod.js';
+3
-1
dist/esm/production.js
"use client";
import { PacerDevtoolsPanel as PacerDevtoolsPanel$1 } from "./SolidPacerDevtools.js";
import { pacerDevtoolsPlugin } from "./plugin-prod.js";
const PacerDevtoolsPanel = PacerDevtoolsPanel$1;
export {
PacerDevtoolsPanel
PacerDevtoolsPanel,
pacerDevtoolsPlugin
};
//# sourceMappingURL=production.js.map
+1
-1
dist/esm/production.js.map

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

{"version":3,"file":"production.js","sources":["../../src/production.ts"],"sourcesContent":["'use client'\n\nimport * as Devtools from './SolidPacerDevtools'\n\nexport const PacerDevtoolsPanel = Devtools.PacerDevtoolsPanel\n\nexport type { PacerDevtoolsSolidInit } from './SolidPacerDevtools'\n"],"names":[],"mappings":";;AAIO;;;;"}
{"version":3,"file":"production.js","sources":["../../src/production.ts"],"sourcesContent":["'use client'\n\nimport * as Devtools from './SolidPacerDevtools'\n\nexport const PacerDevtoolsPanel = Devtools.PacerDevtoolsPanel\n\nexport type { PacerDevtoolsSolidInit } from './SolidPacerDevtools'\n\nexport { pacerDevtoolsPlugin } from './plugin-prod'\n"],"names":[],"mappings":";;;AAIO;;;;;"}
+2
-1
dist/esm/SolidPacerDevtools.d.ts
export interface PacerDevtoolsSolidInit {
theme?: 'light' | 'dark';
}
export declare const PacerDevtoolsPanel: (_props?: PacerDevtoolsSolidInit) => import("solid-js").JSX.Element;
export declare const PacerDevtoolsPanel: (props?: PacerDevtoolsSolidInit) => import("solid-js").JSX.Element;
+2
-2
dist/esm/SolidPacerDevtools.js

@@ -5,3 +5,3 @@ import { template, use } from "solid-js/web";

var _tmpl$ = /* @__PURE__ */ template(`<div>`);
const PacerDevtoolsPanel = (_props) => {
const PacerDevtoolsPanel = (props) => {
let devToolRef;

@@ -11,3 +11,3 @@ const [devtools] = createSignal(new PacerDevtoolsCore({}));

if (devToolRef) {
devtools().mount(devToolRef);
devtools().mount(devToolRef, props?.theme ?? "dark");
onCleanup(() => {

@@ -14,0 +14,0 @@ devtools().unmount();

+1
-1
dist/esm/SolidPacerDevtools.js.map

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

{"version":3,"file":"SolidPacerDevtools.js","sources":["../../src/SolidPacerDevtools.tsx"],"sourcesContent":["import { PacerDevtoolsCore } from '@tanstack/pacer-devtools'\nimport { createSignal, onCleanup, onMount } from 'solid-js'\n\nexport interface PacerDevtoolsSolidInit {}\n\nexport const PacerDevtoolsPanel = (_props?: PacerDevtoolsSolidInit) => {\n let devToolRef: HTMLDivElement | undefined\n const [devtools] = createSignal(new PacerDevtoolsCore({}))\n onMount(() => {\n if (devToolRef) {\n devtools().mount(devToolRef)\n\n onCleanup(() => {\n devtools().unmount()\n })\n }\n })\n\n return <div style={{ height: '100%' }} ref={devToolRef} />\n}\n"],"names":["PacerDevtoolsPanel","_props","devToolRef","devtools","createSignal","PacerDevtoolsCore","onMount","mount","onCleanup","unmount","_el$","_tmpl$","_ref$","_$use","style","setProperty"],"mappings":";;;;AAKO,MAAMA,qBAAqBA,CAACC,WAAoC;AACrE,MAAIC;AACJ,QAAM,CAACC,QAAQ,IAAIC,aAAa,IAAIC,kBAAkB,CAAA,CAAE,CAAC;AACzDC,UAAQ,MAAM;AACZ,QAAIJ,YAAY;AACdC,eAAAA,EAAWI,MAAML,UAAU;AAE3BM,gBAAU,MAAM;AACdL,iBAAAA,EAAWM,QAAAA;AAAAA,MAAQ,CACpB;AAAA,IAAA;AAAA,EACH,CACD;AAED,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAAA;AAAA,QAAAC,QAA4CV;AAAU,WAAAU,UAAA,aAAAC,IAAAD,OAAAF,IAAA,IAAVR,aAAUQ;AAAAA,SAAAI,MAAAC,YAAA,UAAA,MAAA;AAAA,WAAAL;AAAAA,EAAAA,GAAA;AACxD;"}
{"version":3,"file":"SolidPacerDevtools.js","sources":["../../src/SolidPacerDevtools.tsx"],"sourcesContent":["import { PacerDevtoolsCore } from '@tanstack/pacer-devtools'\nimport { createSignal, onCleanup, onMount } from 'solid-js'\n\nexport interface PacerDevtoolsSolidInit {\n theme?: 'light' | 'dark'\n}\n\nexport const PacerDevtoolsPanel = (props?: PacerDevtoolsSolidInit) => {\n let devToolRef: HTMLDivElement | undefined\n const [devtools] = createSignal(new PacerDevtoolsCore({}))\n onMount(() => {\n if (devToolRef) {\n devtools().mount(devToolRef, props?.theme ?? 'dark')\n\n onCleanup(() => {\n devtools().unmount()\n })\n }\n })\n\n return <div style={{ height: '100%' }} ref={devToolRef} />\n}\n"],"names":["PacerDevtoolsPanel","props","devToolRef","devtools","createSignal","PacerDevtoolsCore","onMount","mount","theme","onCleanup","unmount","_el$","_tmpl$","_ref$","_$use","style","setProperty"],"mappings":";;;;AAOO,MAAMA,qBAAqBA,CAACC,UAAmC;AACpE,MAAIC;AACJ,QAAM,CAACC,QAAQ,IAAIC,aAAa,IAAIC,kBAAkB,CAAA,CAAE,CAAC;AACzDC,UAAQ,MAAM;AACZ,QAAIJ,YAAY;AACdC,eAAAA,EAAWI,MAAML,YAAYD,OAAOO,SAAS,MAAM;AAEnDC,gBAAU,MAAM;AACdN,iBAAAA,EAAWO,QAAAA;AAAAA,MAAQ,CACpB;AAAA,IAAA;AAAA,EACH,CACD;AAED,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAAA;AAAA,QAAAC,QAA4CX;AAAU,WAAAW,UAAA,aAAAC,IAAAD,OAAAF,IAAA,IAAVT,aAAUS;AAAAA,SAAAI,MAAAC,YAAA,UAAA,MAAA;AAAA,WAAAL;AAAAA,EAAAA,GAAA;AACxD;"}
+2
-2
package.json
{
"name": "@tanstack/solid-pacer-devtools",
"version": "0.2.0",
"version": "0.3.0",
"description": "Solid adapter for devtools for Pacer.",

@@ -55,3 +55,3 @@ "author": "Tanner Linsley",

"dependencies": {
"@tanstack/pacer-devtools": "0.2.0"
"@tanstack/pacer-devtools": "0.3.0"
},

@@ -58,0 +58,0 @@ "devDependencies": {

+2
-0
src/index.ts

@@ -13,1 +13,3 @@ 'use client'

export type { PacerDevtoolsSolidInit } from './SolidPacerDevtools'
export { pacerDevtoolsPlugin } from './plugin'
+2
-0
src/production.ts

@@ -8,1 +8,3 @@ 'use client'

export type { PacerDevtoolsSolidInit } from './SolidPacerDevtools'
export { pacerDevtoolsPlugin } from './plugin-prod'
+5
-3
src/SolidPacerDevtools.tsx
import { PacerDevtoolsCore } from '@tanstack/pacer-devtools'
import { createSignal, onCleanup, onMount } from 'solid-js'
export interface PacerDevtoolsSolidInit {}
export interface PacerDevtoolsSolidInit {
theme?: 'light' | 'dark'
}
export const PacerDevtoolsPanel = (_props?: PacerDevtoolsSolidInit) => {
export const PacerDevtoolsPanel = (props?: PacerDevtoolsSolidInit) => {
let devToolRef: HTMLDivElement | undefined

@@ -11,3 +13,3 @@ const [devtools] = createSignal(new PacerDevtoolsCore({}))

if (devToolRef) {
devtools().mount(devToolRef)
devtools().mount(devToolRef, props?.theme ?? 'dark')

@@ -14,0 +16,0 @@ onCleanup(() => {