@tanstack/react-hotkeys-devtools 0.4.3 → 0.5.0

package/dist/ReactHotkeysDevtools.d.ts

@@ -1,9 +1,10 @@
 import { DevtoolsPanelProps } from "@tanstack/devtools-utils/react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { JSX } from "react";
 
 //#region src/ReactHotkeysDevtools.d.ts
 interface HotkeysDevtoolsReactInit extends DevtoolsPanelProps {}
-declare const HotkeysDevtoolsPanel: (props: TanStackDevtoolsPluginProps) => react_jsx_runtime0.JSX.Element, HotkeysDevtoolsPanelNoOp: (_props: TanStackDevtoolsPluginProps) => react_jsx_runtime0.JSX.Element;
+type HotkeysDevtoolsPanelComponent = (props: HotkeysDevtoolsReactInit) => JSX.Element;
+declare const HotkeysDevtoolsPanel: HotkeysDevtoolsPanelComponent;
 //#endregion
 export { HotkeysDevtoolsPanel, HotkeysDevtoolsReactInit };
 //# sourceMappingURL=ReactHotkeysDevtools.d.ts.map

package/dist/ReactHotkeysDevtools.js

@@ -2,7 +2,9 @@ import { createReactPanel } from "@tanstack/devtools-utils/react";
 import { HotkeysDevtoolsCore } from "@tanstack/hotkeys-devtools";
 
 //#region src/ReactHotkeysDevtools.tsx
-const [HotkeysDevtoolsPanel, HotkeysDevtoolsPanelNoOp] = createReactPanel(HotkeysDevtoolsCore);
+const panels = createReactPanel(HotkeysDevtoolsCore);
+const HotkeysDevtoolsPanel = panels[0];
+const HotkeysDevtoolsPanelNoOp = panels[1];
 
 //#endregion
 export { HotkeysDevtoolsPanel, HotkeysDevtoolsPanelNoOp };

package/dist/ReactHotkeysDevtools.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReactHotkeysDevtools.js","names":[],"sources":["../src/ReactHotkeysDevtools.tsx"],"sourcesContent":["import { createReactPanel } from '@tanstack/devtools-utils/react'\nimport { HotkeysDevtoolsCore } from '@tanstack/hotkeys-devtools'\nimport type { DevtoolsPanelProps } from '@tanstack/devtools-utils/react'\n\nexport interface HotkeysDevtoolsReactInit extends DevtoolsPanelProps {}\n\nconst [HotkeysDevtoolsPanel, HotkeysDevtoolsPanelNoOp] =\n  createReactPanel(HotkeysDevtoolsCore)\n\nexport { HotkeysDevtoolsPanel, HotkeysDevtoolsPanelNoOp }\n"],"mappings":";;;;AAMA,MAAM,CAAC,sBAAsB,4BAC3B,iBAAiB,oBAAoB"}
+{"version":3,"file":"ReactHotkeysDevtools.js","names":[],"sources":["../src/ReactHotkeysDevtools.tsx"],"sourcesContent":["import { createReactPanel } from '@tanstack/devtools-utils/react'\nimport { HotkeysDevtoolsCore } from '@tanstack/hotkeys-devtools'\nimport type { DevtoolsPanelProps } from '@tanstack/devtools-utils/react'\nimport type { JSX } from 'react'\n\nexport interface HotkeysDevtoolsReactInit extends DevtoolsPanelProps {}\n\ntype HotkeysDevtoolsPanelComponent = (\n  props: HotkeysDevtoolsReactInit,\n) => JSX.Element\n\nconst panels = createReactPanel(HotkeysDevtoolsCore)\n\nexport const HotkeysDevtoolsPanel: HotkeysDevtoolsPanelComponent = panels[0]\nexport const HotkeysDevtoolsPanelNoOp: HotkeysDevtoolsPanelComponent = panels[1]\n"],"mappings":";;;;AAWA,MAAM,SAAS,iBAAiB,oBAAoB;AAEpD,MAAa,uBAAsD,OAAO;AAC1E,MAAa,2BAA0D,OAAO"}

package/dist/index.d.ts

@@ -1,14 +1,9 @@
-import { HotkeysDevtoolsReactInit } from "./ReactHotkeysDevtools.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { HotkeysDevtoolsPanel as HotkeysDevtoolsPanel$1, HotkeysDevtoolsReactInit } from "./ReactHotkeysDevtools.js";
+import { hotkeysDevtoolsPlugin as hotkeysDevtoolsPlugin$1 } from "./plugin.js";
 
 //#region src/index.d.ts
-declare const HotkeysDevtoolsPanel: (props: TanStackDevtoolsPluginProps) => react_jsx_runtime0.JSX.Element;
-declare const hotkeysDevtoolsPlugin: () => {
-  render: (_el: HTMLElement, props: TanStackDevtoolsPluginProps) => react_jsx_runtime0.JSX.Element;
-  name: string;
-  id?: string;
-  defaultOpen?: boolean;
-};
+declare const HotkeysDevtoolsPanel: typeof HotkeysDevtoolsPanel$1;
+declare const hotkeysDevtoolsPlugin: typeof hotkeysDevtoolsPlugin$1;
 //#endregion
 export { HotkeysDevtoolsPanel, type HotkeysDevtoolsReactInit, hotkeysDevtoolsPlugin };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Devtools.HotkeysDevtoolsPanelNoOp","Devtools.HotkeysDevtoolsPanel","plugin.hotkeysDevtoolsNoOpPlugin","plugin.hotkeysDevtoolsPlugin"],"sources":["../src/index.ts"],"sourcesContent":["'use client'\n\nimport * as Devtools from './ReactHotkeysDevtools'\nimport * as plugin from './plugin'\n\nexport const HotkeysDevtoolsPanel =\n  process.env.NODE_ENV !== 'development'\n    ? Devtools.HotkeysDevtoolsPanelNoOp\n    : Devtools.HotkeysDevtoolsPanel\n\nexport const hotkeysDevtoolsPlugin =\n  process.env.NODE_ENV !== 'development'\n    ? plugin.hotkeysDevtoolsNoOpPlugin\n    : plugin.hotkeysDevtoolsPlugin\n\nexport type { HotkeysDevtoolsReactInit } from './ReactHotkeysDevtools'\n"],"mappings":";;;;;;AAKA,MAAa,uBACX,QAAQ,IAAI,aAAa,gBACrBA,2BACAC;AAEN,MAAa,wBACX,QAAQ,IAAI,aAAa,gBACrBC,4BACAC"}
+{"version":3,"file":"index.js","names":["Devtools.HotkeysDevtoolsPanelNoOp","Devtools.HotkeysDevtoolsPanel","plugin.hotkeysDevtoolsNoOpPlugin","plugin.hotkeysDevtoolsPlugin"],"sources":["../src/index.ts"],"sourcesContent":["'use client'\n\nimport * as Devtools from './ReactHotkeysDevtools'\nimport * as plugin from './plugin'\n\nexport const HotkeysDevtoolsPanel: typeof Devtools.HotkeysDevtoolsPanel =\n  process.env.NODE_ENV !== 'development'\n    ? Devtools.HotkeysDevtoolsPanelNoOp\n    : Devtools.HotkeysDevtoolsPanel\n\nexport const hotkeysDevtoolsPlugin: typeof plugin.hotkeysDevtoolsPlugin =\n  process.env.NODE_ENV !== 'development'\n    ? plugin.hotkeysDevtoolsNoOpPlugin\n    : plugin.hotkeysDevtoolsPlugin\n\nexport type { HotkeysDevtoolsReactInit } from './ReactHotkeysDevtools'\n"],"mappings":";;;;;;AAKA,MAAa,uBACX,QAAQ,IAAI,aAAa,gBACrBA,2BACAC;AAEN,MAAa,wBACX,QAAQ,IAAI,aAAa,gBACrBC,4BACAC"}

package/dist/plugin.d.ts

@@ -1,17 +1,8 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { createReactPlugin } from "@tanstack/devtools-utils/react";
 
 //#region src/plugin.d.ts
-declare const hotkeysDevtoolsPlugin: () => {
-    render: (_el: HTMLElement, props: TanStackDevtoolsPluginProps) => react_jsx_runtime0.JSX.Element;
-    name: string;
-    id?: string;
-    defaultOpen?: boolean;
-  }, hotkeysDevtoolsNoOpPlugin: () => {
-    render: (_el: HTMLElement, _props: TanStackDevtoolsPluginProps) => react_jsx_runtime0.JSX.Element;
-    name: string;
-    id?: string;
-    defaultOpen?: boolean;
-  };
+type HotkeysDevtoolsPluginFactory = ReturnType<typeof createReactPlugin>[0];
+declare const hotkeysDevtoolsPlugin: HotkeysDevtoolsPluginFactory;
 //#endregion
 export { hotkeysDevtoolsPlugin };
 //# sourceMappingURL=plugin.d.ts.map

package/dist/plugin.js

@@ -2,10 +2,12 @@ import { HotkeysDevtoolsPanel } from "./ReactHotkeysDevtools.js";
 import { createReactPlugin } from "@tanstack/devtools-utils/react";
 
 //#region src/plugin.tsx
-const [hotkeysDevtoolsPlugin, hotkeysDevtoolsNoOpPlugin] = createReactPlugin({
+const plugins = createReactPlugin({
 	name: "TanStack Hotkeys",
 	Component: HotkeysDevtoolsPanel
 });
+const hotkeysDevtoolsPlugin = plugins[0];
+const hotkeysDevtoolsNoOpPlugin = plugins[1];
 
 //#endregion
 export { hotkeysDevtoolsNoOpPlugin, hotkeysDevtoolsPlugin };

package/dist/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","names":[],"sources":["../src/plugin.tsx"],"sourcesContent":["import { createReactPlugin } from '@tanstack/devtools-utils/react'\nimport { HotkeysDevtoolsPanel } from './ReactHotkeysDevtools'\n\nconst [hotkeysDevtoolsPlugin, hotkeysDevtoolsNoOpPlugin] = createReactPlugin({\n  name: 'TanStack Hotkeys',\n  Component: HotkeysDevtoolsPanel,\n})\n\nexport { hotkeysDevtoolsPlugin, hotkeysDevtoolsNoOpPlugin }\n"],"mappings":";;;;AAGA,MAAM,CAAC,uBAAuB,6BAA6B,kBAAkB;CAC3E,MAAM;CACN,WAAW;CACZ,CAAC"}
+{"version":3,"file":"plugin.js","names":[],"sources":["../src/plugin.tsx"],"sourcesContent":["import { createReactPlugin } from '@tanstack/devtools-utils/react'\nimport { HotkeysDevtoolsPanel } from './ReactHotkeysDevtools'\n\ntype HotkeysDevtoolsPluginFactory = ReturnType<typeof createReactPlugin>[0]\n\nconst plugins = createReactPlugin({\n  name: 'TanStack Hotkeys',\n  Component: HotkeysDevtoolsPanel,\n})\n\nexport const hotkeysDevtoolsPlugin: HotkeysDevtoolsPluginFactory = plugins[0]\nexport const hotkeysDevtoolsNoOpPlugin: HotkeysDevtoolsPluginFactory =\n  plugins[1]\n"],"mappings":";;;;AAKA,MAAM,UAAU,kBAAkB;CAChC,MAAM;CACN,WAAW;CACZ,CAAC;AAEF,MAAa,wBAAsD,QAAQ;AAC3E,MAAa,4BACX,QAAQ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/react-hotkeys-devtools",
-  "version": "0.4.3",
+  "version": "0.5.0",
   "description": "React devtools for TanStack Hotkeys",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -45,12 +45,12 @@
   },
   "dependencies": {
     "@tanstack/devtools-utils": "^0.4.0",
-    "@tanstack/hotkeys-devtools": "0.4.3"
+    "@tanstack/hotkeys-devtools": "0.5.0"
   },
   "devDependencies": {
-    "@eslint-react/eslint-plugin": "^2.13.0",
+    "@eslint-react/eslint-plugin": "^3.0.0",
     "@types/react": "^19.2.14",
-    "@vitejs/plugin-react": "^5.1.4",
+    "@vitejs/plugin-react": "^6.0.1",
     "eslint-plugin-react-compiler": "19.1.0-rc.2",
     "eslint-plugin-react-hooks": "^7.0.1",
     "react": "^19.2.4"

package/src/ReactHotkeysDevtools.tsx

@@ -1,10 +1,15 @@
 import { createReactPanel } from '@tanstack/devtools-utils/react'
 import { HotkeysDevtoolsCore } from '@tanstack/hotkeys-devtools'
 import type { DevtoolsPanelProps } from '@tanstack/devtools-utils/react'
+import type { JSX } from 'react'
 
 export interface HotkeysDevtoolsReactInit extends DevtoolsPanelProps {}
 
-const [HotkeysDevtoolsPanel, HotkeysDevtoolsPanelNoOp] =
-  createReactPanel(HotkeysDevtoolsCore)
+type HotkeysDevtoolsPanelComponent = (
+  props: HotkeysDevtoolsReactInit,
+) => JSX.Element
 
-export { HotkeysDevtoolsPanel, HotkeysDevtoolsPanelNoOp }
+const panels = createReactPanel(HotkeysDevtoolsCore)
+
+export const HotkeysDevtoolsPanel: HotkeysDevtoolsPanelComponent = panels[0]
+export const HotkeysDevtoolsPanelNoOp: HotkeysDevtoolsPanelComponent = panels[1]

package/src/index.ts

@@ -3,12 +3,12 @@
 import * as Devtools from './ReactHotkeysDevtools'
 import * as plugin from './plugin'
 
-export const HotkeysDevtoolsPanel =
+export const HotkeysDevtoolsPanel: typeof Devtools.HotkeysDevtoolsPanel =
   process.env.NODE_ENV !== 'development'
     ? Devtools.HotkeysDevtoolsPanelNoOp
     : Devtools.HotkeysDevtoolsPanel
 
-export const hotkeysDevtoolsPlugin =
+export const hotkeysDevtoolsPlugin: typeof plugin.hotkeysDevtoolsPlugin =
   process.env.NODE_ENV !== 'development'
     ? plugin.hotkeysDevtoolsNoOpPlugin
     : plugin.hotkeysDevtoolsPlugin

package/src/plugin.tsx

@@ -1,9 +1,13 @@
 import { createReactPlugin } from '@tanstack/devtools-utils/react'
 import { HotkeysDevtoolsPanel } from './ReactHotkeysDevtools'
 
-const [hotkeysDevtoolsPlugin, hotkeysDevtoolsNoOpPlugin] = createReactPlugin({
+type HotkeysDevtoolsPluginFactory = ReturnType<typeof createReactPlugin>[0]
+
+const plugins = createReactPlugin({
   name: 'TanStack Hotkeys',
   Component: HotkeysDevtoolsPanel,
 })
 
-export { hotkeysDevtoolsPlugin, hotkeysDevtoolsNoOpPlugin }
+export const hotkeysDevtoolsPlugin: HotkeysDevtoolsPluginFactory = plugins[0]
+export const hotkeysDevtoolsNoOpPlugin: HotkeysDevtoolsPluginFactory =
+  plugins[1]