@tanstack/solid-pacer-devtools
Advanced tools
+2
-11
| { | ||
| "name": "@tanstack/solid-pacer-devtools", | ||
| "version": "0.1.0", | ||
| "version": "0.2.0", | ||
| "description": "Solid adapter for devtools for Pacer.", | ||
@@ -27,3 +27,2 @@ "author": "Tanner Linsley", | ||
| "types": "dist/esm/index.d.ts", | ||
| "main": "dist/cjs/index.cjs", | ||
| "module": "dist/esm/index.js", | ||
@@ -35,6 +34,2 @@ "exports": { | ||
| "default": "./dist/esm/index.js" | ||
| }, | ||
| "require": { | ||
| "types": "./dist/cjs/index.d.cts", | ||
| "default": "./dist/cjs/index.cjs" | ||
| } | ||
@@ -46,6 +41,2 @@ }, | ||
| "default": "./dist/esm/production.js" | ||
| }, | ||
| "require": { | ||
| "types": "./dist/cjs/production.d.cts", | ||
| "default": "./dist/cjs/production.cjs" | ||
| } | ||
@@ -67,3 +58,3 @@ }, | ||
| "dependencies": { | ||
| "@tanstack/pacer-devtools": "0.1.0" | ||
| "@tanstack/pacer-devtools": "0.2.0" | ||
| }, | ||
@@ -70,0 +61,0 @@ "devDependencies": { |
| "use client"; | ||
| "use strict"; | ||
| Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" }); | ||
| const SolidPacerDevtools = require("./SolidPacerDevtools.cjs"); | ||
| const PacerDevtoolsPanel = process.env.NODE_ENV !== "development" ? function() { | ||
| return null; | ||
| } : SolidPacerDevtools.PacerDevtoolsPanel; | ||
| exports.PacerDevtoolsPanel = PacerDevtoolsPanel; | ||
| //# sourceMappingURL=index.cjs.map |
| {"version":3,"file":"index.cjs","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;;"} |
| import * as Devtools from './SolidPacerDevtools.cjs'; | ||
| export declare const PacerDevtoolsPanel: (typeof Devtools)['PacerDevtoolsPanel']; | ||
| export type { PacerDevtoolsSolidInit } from './SolidPacerDevtools.cjs'; |
| "use client"; | ||
| "use strict"; | ||
| Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" }); | ||
| const SolidPacerDevtools = require("./SolidPacerDevtools.cjs"); | ||
| const PacerDevtoolsPanel = SolidPacerDevtools.PacerDevtoolsPanel; | ||
| exports.PacerDevtoolsPanel = PacerDevtoolsPanel; | ||
| //# sourceMappingURL=production.cjs.map |
| {"version":3,"file":"production.cjs","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;;"} |
| import * as Devtools from './SolidPacerDevtools.cjs'; | ||
| export declare const PacerDevtoolsPanel: (_props?: Devtools.PacerDevtoolsSolidInit) => import("solid-js").JSX.Element; | ||
| export type { PacerDevtoolsSolidInit } from './SolidPacerDevtools.cjs'; |
| "use strict"; | ||
| Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" }); | ||
| const web = require("solid-js/web"); | ||
| const pacerDevtools = require("@tanstack/pacer-devtools"); | ||
| const solidJs = require("solid-js"); | ||
| var _tmpl$ = /* @__PURE__ */ web.template(`<div>`); | ||
| const PacerDevtoolsPanel = (_props) => { | ||
| let devToolRef; | ||
| const [devtools] = solidJs.createSignal(new pacerDevtools.PacerDevtoolsCore({})); | ||
| solidJs.onMount(() => { | ||
| if (devToolRef) { | ||
| devtools().mount(devToolRef); | ||
| solidJs.onCleanup(() => { | ||
| devtools().unmount(); | ||
| }); | ||
| } | ||
| }); | ||
| return (() => { | ||
| var _el$ = _tmpl$(); | ||
| var _ref$ = devToolRef; | ||
| typeof _ref$ === "function" ? web.use(_ref$, _el$) : devToolRef = _el$; | ||
| _el$.style.setProperty("height", "100%"); | ||
| return _el$; | ||
| })(); | ||
| }; | ||
| exports.PacerDevtoolsPanel = PacerDevtoolsPanel; | ||
| //# sourceMappingURL=SolidPacerDevtools.cjs.map |
| {"version":3,"file":"SolidPacerDevtools.cjs","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,QAAAA,aAAa,IAAIC,cAAAA,kBAAkB,CAAA,CAAE,CAAC;AACzDC,UAAAA,QAAQ,MAAM;AACZ,QAAIJ,YAAY;AACdC,eAAAA,EAAWI,MAAML,UAAU;AAE3BM,cAAAA,UAAU,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,IAAAA,IAAAD,OAAAF,IAAA,IAAVR,aAAUQ;AAAAA,SAAAI,MAAAC,YAAA,UAAA,MAAA;AAAA,WAAAL;AAAAA,EAAAA,GAAA;AACxD;;"} |
| export interface PacerDevtoolsSolidInit { | ||
| } | ||
| export declare const PacerDevtoolsPanel: (_props?: PacerDevtoolsSolidInit) => import("solid-js").JSX.Element; |
2
-33.33%7739
-37.53%14
-39.13%81
-34.68%+ Added
- Removed