@tanstack/hotkeys-devtools 0.3.3 → 0.4.1

package/README.md

@@ -44,7 +44,7 @@ Type-safe keyboard shortcuts for the web. Template-string bindings, parsed objec
 - Type-safe bindings — template strings (`Mod+Shift+S`, `Escape`) or parsed objects for full control
 - Flexible options — `keydown`/`keyup`, `preventDefault`, `stopPropagation`, conditional enabled, `requireReset`
 - Cross-platform Mod — maps to Cmd on macOS and Ctrl on Windows/Linux
-- Batteries included — validation + matching, sequences (Vim-style), key-state tracking, recorder UI helpers, React hooks, and devtools (in progress)
+- Batteries included — validation + matching, sequences (Vim-style), key-state tracking, recorder UI helpers, framework adapters, and devtools
 
 ### <a href="https://tanstack.com/hotkeys">Read the docs →</a>
 
@@ -55,10 +55,10 @@ Type-safe keyboard shortcuts for the web. Template-string bindings, parsed objec
 >
 > - [**React Hotkeys**](https://tanstack.com/hotkeys/latest/docs/framework/react/react-hotkeys)
 > - [**Preact Hotkeys**](https://tanstack.com/hotkeys/latest/docs/framework/preact/preact-hotkeys)
-> - [**Solid Hotkeys**](https://tanstack.com/hotkeys/latest/docs/framework/solid/solid-hotkeys)
-> - Angular Hotkeys – needs a contributor!
+> - [**Solid Hotkeys**](https://tanstack.com/hotkeys/latest/docs/framework/solid/reference)
+> - [**Angular Hotkeys**](https://tanstack.com/hotkeys/latest/docs/framework/angular/reference)
+> - [**Vue Hotkeys**](https://tanstack.com/hotkeys/latest/docs/framework/vue/reference)
 > - Svelte Hotkeys – needs a contributor!
-> - Vue Hotkeys – needs a contributor!
 
 ## Get Involved
 

package/dist/HotkeysContextProvider.js

@@ -1,5 +1,5 @@
-import { createContext, createEffect, createSignal, onCleanup, useContext } from "solid-js";
 import { createComponent } from "solid-js/web";
+import { createContext, createEffect, createSignal, onCleanup, useContext } from "solid-js";
 import { HotkeyManager, KeyStateTracker, SequenceManager } from "@tanstack/hotkeys";
 
 //#region src/HotkeysContextProvider.tsx

package/dist/components/DetailsPanel.js

@@ -1,8 +1,8 @@
 import { useHotkeysDevtoolsState } from "../HotkeysContextProvider.js";
 import { useStyles } from "../styles/use-styles.js";
 import { ActionButtons } from "./ActionButtons.js";
-import { For, Show, createMemo } from "solid-js";
 import { className, createComponent, effect, insert, template } from "solid-js/web";
+import { For, Show, createMemo } from "solid-js";
 import { formatForDisplay, formatHotkeySequence } from "@tanstack/hotkeys";
 
 //#region src/components/DetailsPanel.tsx

package/dist/components/HeldKeysTopbar.js

@@ -1,7 +1,7 @@
 import { useHotkeysDevtoolsState } from "../HotkeysContextProvider.js";
 import { useStyles } from "../styles/use-styles.js";
-import { For, Show } from "solid-js";
 import { className, createComponent, effect, insert, memo, template } from "solid-js/web";
+import { For, Show } from "solid-js";
 import { formatKeyForDebuggingDisplay } from "@tanstack/hotkeys";
 
 //#region src/components/HeldKeysTopbar.tsx

package/dist/components/HotkeyList.js

@@ -1,7 +1,7 @@
 import { useHotkeysDevtoolsState } from "../HotkeysContextProvider.js";
 import { useStyles } from "../styles/use-styles.js";
-import { For, Show, createEffect, createMemo, createSignal, on } from "solid-js";
 import { className, createComponent, delegateEvents, effect, insert, memo, template } from "solid-js/web";
+import { For, Show, createEffect, createMemo, createSignal, on } from "solid-js";
 import { formatForDisplay, formatHotkeySequence } from "@tanstack/hotkeys";
 import clsx from "clsx";
 

package/dist/components/Shell.js

@@ -3,8 +3,8 @@ import { useStyles } from "../styles/use-styles.js";
 import { HeldKeysBar } from "./HeldKeysTopbar.js";
 import { HotkeyList } from "./HotkeyList.js";
 import { DetailsPanel } from "./DetailsPanel.js";
-import { createMemo, createSignal, onCleanup, onMount } from "solid-js";
 import { className, createComponent, delegateEvents, effect, insert, setStyleProperty, template } from "solid-js/web";
+import { createMemo, createSignal, onCleanup, onMount } from "solid-js";
 import { Header, HeaderLogo, MainPanel } from "@tanstack/devtools-ui";
 
 //#region src/components/Shell.tsx

package/dist/core.d.ts

@@ -3,10 +3,8 @@ interface HotkeysDevtoolsInit {}
 declare const HotkeysDevtoolsCore: new () => {
     "__#private@#isMounted": boolean;
     "__#private@#isMounting": boolean;
-    "__#private@#mountCb": (() => void) | null;
+    "__#private@#abortMount": boolean;
     "__#private@#dispose"?: () => void;
-    "__#private@#Component": any;
-    "__#private@#ThemeProvider": any;
     mount<T extends HTMLElement>(el: T, theme: "light" | "dark"): Promise<void>;
     unmount(): void;
   }, HotkeysDevtoolsCoreNoOp: new () => {
@@ -14,10 +12,8 @@ declare const HotkeysDevtoolsCore: new () => {
     unmount(): void;
     "__#private@#isMounted": boolean;
     "__#private@#isMounting": boolean;
-    "__#private@#mountCb": (() => void) | null;
+    "__#private@#abortMount": boolean;
     "__#private@#dispose"?: () => void;
-    "__#private@#Component": any;
-    "__#private@#ThemeProvider": any;
   };
 //#endregion
 export { HotkeysDevtoolsCore, HotkeysDevtoolsInit };

package/dist/core.js

@@ -1,8 +1,8 @@
 import { constructCoreClass } from "@tanstack/devtools-utils/solid";
-import { lazy } from "solid-js";
 
 //#region src/core.tsx
-const [HotkeysDevtoolsCore, HotkeysDevtoolsCoreNoOp] = constructCoreClass(lazy(() => import("./HotkeysDevtools.js")));
+const loadComponent = () => import("./HotkeysDevtools.js");
+const [HotkeysDevtoolsCore, HotkeysDevtoolsCoreNoOp] = constructCoreClass(loadComponent);
 
 //#endregion
 export { HotkeysDevtoolsCore, HotkeysDevtoolsCoreNoOp };

package/dist/core.js.map

@@ -1 +1 @@
-{"version":3,"file":"core.js","names":["constructCoreClass","lazy","Component","HotkeysDevtoolsInit","HotkeysDevtoolsCore","HotkeysDevtoolsCoreNoOp"],"sources":["../src/core.tsx"],"sourcesContent":["import { constructCoreClass } from '@tanstack/devtools-utils/solid'\nimport { lazy } from 'solid-js'\n\nconst Component = lazy(() => import('./HotkeysDevtools'))\n\nexport interface HotkeysDevtoolsInit {}\n\nconst [HotkeysDevtoolsCore, HotkeysDevtoolsCoreNoOp] =\n  constructCoreClass(Component)\n\nexport { HotkeysDevtoolsCore, HotkeysDevtoolsCoreNoOp }\n"],"mappings":";;;;AAOA,MAAM,CAACI,qBAAqBC,2BAC1BL,mBALgBC,WAAW,OAAO,wBAAqB,CAK1B"}
+{"version":3,"file":"core.js","names":["constructCoreClass","loadComponent","HotkeysDevtoolsInit","HotkeysDevtoolsCore","HotkeysDevtoolsCoreNoOp"],"sources":["../src/core.tsx"],"sourcesContent":["import { constructCoreClass } from '@tanstack/devtools-utils/solid'\n\nconst loadComponent = () => import('./HotkeysDevtools')\n\nexport interface HotkeysDevtoolsInit {}\n\nconst [HotkeysDevtoolsCore, HotkeysDevtoolsCoreNoOp] =\n  constructCoreClass(loadComponent)\n\nexport { HotkeysDevtoolsCore, HotkeysDevtoolsCoreNoOp }\n"],"mappings":";;;AAEA,MAAMC,sBAAsB,OAAO;AAInC,MAAM,CAACE,qBAAqBC,2BAC1BJ,mBAAmBC,cAAc"}

package/dist/index.d.ts

@@ -4,10 +4,8 @@ import { HotkeysDevtoolsInit } from "./core.js";
 declare const HotkeysDevtoolsCore: new () => {
   "__#private@#isMounted": boolean;
   "__#private@#isMounting": boolean;
-  "__#private@#mountCb": (() => void) | null;
+  "__#private@#abortMount": boolean;
   "__#private@#dispose"?: () => void;
-  "__#private@#Component": any;
-  "__#private@#ThemeProvider": any;
   mount<T extends HTMLElement>(el: T, theme: "light" | "dark"): Promise<void>;
   unmount(): void;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/hotkeys-devtools",
-  "version": "0.3.3",
+  "version": "0.4.1",
   "description": "Devtools for TanStack Hotkeys",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -37,11 +37,11 @@
     "src"
   ],
   "peerDependencies": {
-    "@tanstack/hotkeys": "0.3.3"
+    "@tanstack/hotkeys": "0.4.1"
   },
   "dependencies": {
-    "@tanstack/devtools-ui": "^0.4.4",
-    "@tanstack/devtools-utils": "^0.3.0",
+    "@tanstack/devtools-ui": "^0.5.0",
+    "@tanstack/devtools-utils": "^0.3.2",
     "clsx": "^2.1.1",
     "goober": "^2.1.18",
     "solid-js": "^1.9.11"

package/src/core.tsx

@@ -1,11 +1,10 @@
 import { constructCoreClass } from '@tanstack/devtools-utils/solid'
-import { lazy } from 'solid-js'
 
-const Component = lazy(() => import('./HotkeysDevtools'))
+const loadComponent = () => import('./HotkeysDevtools')
 
 export interface HotkeysDevtoolsInit {}
 
 const [HotkeysDevtoolsCore, HotkeysDevtoolsCoreNoOp] =
-  constructCoreClass(Component)
+  constructCoreClass(loadComponent)
 
 export { HotkeysDevtoolsCore, HotkeysDevtoolsCoreNoOp }