@tanstack/react-hotkeys-devtools 0.8.0 → 0.9.1

package/dist/ReactHotkeysDevtools.d.ts

@@ -1,10 +1,11 @@
-import { DevtoolsPanelProps } from "@tanstack/devtools-utils/react";
 import { JSX } from "react";
-
-//#region src/ReactHotkeysDevtools.d.ts
-interface HotkeysDevtoolsReactInit extends DevtoolsPanelProps {}
-type HotkeysDevtoolsPanelComponent = (props: HotkeysDevtoolsReactInit) => JSX.Element;
-declare const HotkeysDevtoolsPanel: HotkeysDevtoolsPanelComponent;
+import { DevtoolsPanelProps } from "@tanstack/devtools-utils/react";
+declare namespace ReactHotkeysDevtools_d_exports {
+  export { HotkeysDevtoolsPanel, HotkeysDevtoolsPanelNoOp, HotkeysDevtoolsReactInit };
+}
+export interface HotkeysDevtoolsReactInit extends Partial<DevtoolsPanelProps> {}
+type HotkeysDevtoolsPanelComponent = (props?: HotkeysDevtoolsReactInit) => JSX.Element;
+export declare const HotkeysDevtoolsPanel: HotkeysDevtoolsPanelComponent;
+export declare const HotkeysDevtoolsPanelNoOp: HotkeysDevtoolsPanelComponent;
 //#endregion
-export { HotkeysDevtoolsPanel, HotkeysDevtoolsReactInit };
-//# sourceMappingURL=ReactHotkeysDevtools.d.ts.map
+export { ReactHotkeysDevtools_d_exports };

package/dist/ReactHotkeysDevtools.js

@@ -1,11 +1,18 @@
+import { createElement } from "react";
 import { createReactPanel } from "@tanstack/devtools-utils/react";
 import { HotkeysDevtoolsCore } from "@tanstack/hotkeys-devtools";
 
 //#region src/ReactHotkeysDevtools.tsx
 const panels = createReactPanel(HotkeysDevtoolsCore);
-const HotkeysDevtoolsPanel = panels[0];
-const HotkeysDevtoolsPanelNoOp = panels[1];
+function withDefaults(Panel) {
+	return (props = {}) => createElement(Panel, {
+		...props,
+		theme: props.theme ?? "dark",
+		devtoolsOpen: props.devtoolsOpen ?? true
+	});
+}
+const HotkeysDevtoolsPanel = withDefaults(panels[0]);
+const HotkeysDevtoolsPanelNoOp = withDefaults(panels[1]);
 
 //#endregion
-export { HotkeysDevtoolsPanel, HotkeysDevtoolsPanelNoOp };
-//# sourceMappingURL=ReactHotkeysDevtools.js.map
+export { HotkeysDevtoolsPanel, HotkeysDevtoolsPanelNoOp };

package/dist/_virtual/_rolldown/runtime.js

@@ -0,0 +1,18 @@
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) {
+		__defProp(target, name, {
+			get: all[name],
+			enumerable: true
+		});
+	}
+	if (!no_symbols) {
+		__defProp(target, Symbol.toStringTag, { value: "Module" });
+	}
+	return target;
+};
+
+//#endregion
+export { __exportAll };

package/dist/index.d.ts

@@ -1,9 +1,7 @@
-import { HotkeysDevtoolsPanel as HotkeysDevtoolsPanel$1, HotkeysDevtoolsReactInit } from "./ReactHotkeysDevtools.js";
-import { hotkeysDevtoolsPlugin as hotkeysDevtoolsPlugin$1 } from "./plugin.js";
-
+import { HotkeysDevtoolsPanel as HotkeysDevtoolsPanel$1, HotkeysDevtoolsReactInit, ReactHotkeysDevtools_d_exports } from "./ReactHotkeysDevtools.js";
+import { hotkeysDevtoolsPlugin as hotkeysDevtoolsPlugin$1, plugin_d_exports } from "./plugin.js";
 //#region src/index.d.ts
-declare const HotkeysDevtoolsPanel: typeof HotkeysDevtoolsPanel$1;
-declare const hotkeysDevtoolsPlugin: typeof hotkeysDevtoolsPlugin$1;
+export declare const HotkeysDevtoolsPanel: typeof HotkeysDevtoolsPanel$1;
+export declare const hotkeysDevtoolsPlugin: typeof hotkeysDevtoolsPlugin$1;
 //#endregion
-export { HotkeysDevtoolsPanel, type HotkeysDevtoolsReactInit, hotkeysDevtoolsPlugin };
-//# sourceMappingURL=index.d.ts.map
+export type { HotkeysDevtoolsReactInit };

package/dist/index.js

@@ -8,5 +8,4 @@ const HotkeysDevtoolsPanel = process.env.NODE_ENV !== "development" ? HotkeysDev
 const hotkeysDevtoolsPlugin = process.env.NODE_ENV !== "development" ? hotkeysDevtoolsNoOpPlugin : hotkeysDevtoolsPlugin$1;
 
 //#endregion
-export { HotkeysDevtoolsPanel, hotkeysDevtoolsPlugin };
-//# sourceMappingURL=index.js.map
+export { HotkeysDevtoolsPanel, hotkeysDevtoolsPlugin };

package/dist/plugin.d.ts

@@ -1,8 +1,9 @@
 import { createReactPlugin } from "@tanstack/devtools-utils/react";
-
-//#region src/plugin.d.ts
+declare namespace plugin_d_exports {
+  export { hotkeysDevtoolsNoOpPlugin, hotkeysDevtoolsPlugin };
+}
 type HotkeysDevtoolsPluginFactory = ReturnType<typeof createReactPlugin>[0];
-declare const hotkeysDevtoolsPlugin: HotkeysDevtoolsPluginFactory;
+export declare const hotkeysDevtoolsPlugin: HotkeysDevtoolsPluginFactory;
+export declare const hotkeysDevtoolsNoOpPlugin: HotkeysDevtoolsPluginFactory;
 //#endregion
-export { hotkeysDevtoolsPlugin };
-//# sourceMappingURL=plugin.d.ts.map
+export { plugin_d_exports };

package/dist/plugin.js

@@ -10,5 +10,4 @@ const hotkeysDevtoolsPlugin = plugins[0];
 const hotkeysDevtoolsNoOpPlugin = plugins[1];
 
 //#endregion
-export { hotkeysDevtoolsNoOpPlugin, hotkeysDevtoolsPlugin };
-//# sourceMappingURL=plugin.js.map
+export { hotkeysDevtoolsNoOpPlugin, hotkeysDevtoolsPlugin };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/react-hotkeys-devtools",
-  "version": "0.8.0",
+  "version": "0.9.1",
   "description": "React devtools for TanStack Hotkeys",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -31,11 +31,10 @@
   },
   "sideEffects": false,
   "engines": {
-    "node": ">=18"
+    "node": ">=20"
   },
   "files": [
-    "dist/",
-    "src"
+    "dist"
   ],
   "peerDependencies": {
     "@types/react": ">=16.8",
@@ -44,16 +43,16 @@
     "react-dom": ">=16.8"
   },
   "dependencies": {
-    "@tanstack/devtools-utils": "^0.4.0",
-    "@tanstack/hotkeys-devtools": "1.0.0"
+    "@tanstack/devtools-utils": "^0.7.0",
+    "@tanstack/hotkeys-devtools": "1.1.1"
   },
   "devDependencies": {
     "@eslint-react/eslint-plugin": "^4.2.3",
-    "@types/react": "^19.2.14",
-    "@vitejs/plugin-react": "^6.0.1",
+    "@types/react": "^19.3.0",
+    "@vitejs/plugin-react": "^6.1.1",
     "eslint-plugin-react-compiler": "19.1.0-rc.2",
     "eslint-plugin-react-hooks": "^7.1.1",
-    "react": "^19.2.5"
+    "react": "^19.3.0"
   },
   "scripts": {
     "clean": "premove ./build ./dist",
@@ -63,6 +62,7 @@
     "test:lib": "vitest --passWithNoTests",
     "test:lib:dev": "pnpm test:lib --watch",
     "test:types": "tsc",
-    "build": "tsdown"
+    "build": "tsdown",
+    "test:build": "publint --strict && node ../../scripts/verify-package.ts"
   }
 }

package/dist/ReactHotkeysDevtools.js.map

@@ -1 +0,0 @@
-{"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.js.map

@@ -1 +0,0 @@
-{"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.js.map

@@ -1 +0,0 @@
-{"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/src/ReactHotkeysDevtools.tsx

@@ -1,15 +0,0 @@
-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 {}
-
-type HotkeysDevtoolsPanelComponent = (
-  props: HotkeysDevtoolsReactInit,
-) => JSX.Element
-
-const panels = createReactPanel(HotkeysDevtoolsCore)
-
-export const HotkeysDevtoolsPanel: HotkeysDevtoolsPanelComponent = panels[0]
-export const HotkeysDevtoolsPanelNoOp: HotkeysDevtoolsPanelComponent = panels[1]

package/src/index.ts

@@ -1,16 +0,0 @@
-'use client'
-
-import * as Devtools from './ReactHotkeysDevtools'
-import * as plugin from './plugin'
-
-export const HotkeysDevtoolsPanel: typeof Devtools.HotkeysDevtoolsPanel =
-  process.env.NODE_ENV !== 'development'
-    ? Devtools.HotkeysDevtoolsPanelNoOp
-    : Devtools.HotkeysDevtoolsPanel
-
-export const hotkeysDevtoolsPlugin: typeof plugin.hotkeysDevtoolsPlugin =
-  process.env.NODE_ENV !== 'development'
-    ? plugin.hotkeysDevtoolsNoOpPlugin
-    : plugin.hotkeysDevtoolsPlugin
-
-export type { HotkeysDevtoolsReactInit } from './ReactHotkeysDevtools'

package/src/plugin.tsx

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

package/src/production.ts

@@ -1,7 +0,0 @@
-'use client'
-
-export { HotkeysDevtoolsPanel } from './ReactHotkeysDevtools'
-
-export type { HotkeysDevtoolsReactInit } from './ReactHotkeysDevtools'
-
-export { hotkeysDevtoolsPlugin } from './plugin'