@tanstack/solid-hotkeys 0.17.1 → 0.18.0

package/dist/HotkeysProvider.js

@@ -1,7 +1,7 @@
-import { AppHotkeysStore, publishAppHotkeysStore } from "@tanstack/hotkeys";
+import { publishAppHotkeysStore } from "@tanstack/hotkeys";
 import { createComponent } from "solid-js/web";
 import { createContext, createEffect, createMemo, onCleanup, onMount, useContext } from "solid-js";
-import { activateHotkeysProviderScope, getHotkeysProviderScopeKey, mergeHotkeysProviderDefaults } from "@tanstack/hotkeys/adapter";
+import { activateHotkeysProviderScope, createAppHotkeysStore, getHotkeysProviderScopeKey, mergeHotkeysProviderDefaults } from "@tanstack/hotkeys/adapter";
 
 //#region src/HotkeysProvider.tsx
 const HotkeysContext = createContext(null);
@@ -35,7 +35,7 @@ const DEFAULT_OPTIONS = {};
 */
 const HotkeysProvider = (props) => {
 	const parent = useContext(HotkeysContext);
-	const store = props.appHotkeys ? new AppHotkeysStore(props.appHotkeys, {
+	const store = props.appHotkeys ? createAppHotkeysStore(props.appHotkeys, {
 		customHotkeys: props.customHotkeys,
 		onCustomHotkeysChange: (custom) => props.onCustomHotkeysChange?.(custom)
 	}) : null;

package/dist/_useSelector.js

@@ -0,0 +1,18 @@
+import { createSignal, onCleanup } from "solid-js";
+
+//#region src/_useSelector.ts
+/**
+* Subscribes to a store until the owner is cleaned up and returns an accessor
+* for the selected value, which updates when it changes (by `===`).
+*/
+function useSelector(store, selector) {
+	const [selected, setSelected] = createSignal(selector(store.get()));
+	const { unsubscribe } = store.subscribe((state) => {
+		setSelected(() => selector(state));
+	});
+	onCleanup(unsubscribe);
+	return selected;
+}
+
+//#endregion
+export { useSelector };

package/dist/createHeldKeyCodes.d.ts

@@ -5,8 +5,7 @@
  * This is useful for debugging which physical key was pressed (e.g. distinguishing
  * left vs right Shift via "ShiftLeft" / "ShiftRight").
  *
- * This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe
- * to the global KeyStateTracker.
+ * This primitive subscribes to the global KeyStateTracker.
  *
  * @returns Signal accessor for record mapping normalized key names to their `event.code` values
  *

package/dist/createHeldKeyCodes.js

@@ -1,5 +1,5 @@
+import { useSelector } from "./_useSelector.js";
 import { getKeyStateTracker } from "@tanstack/hotkeys";
-import { useSelector } from "@tanstack/solid-store";
 
 //#region src/createHeldKeyCodes.ts
 /**
@@ -8,8 +8,7 @@ import { useSelector } from "@tanstack/solid-store";
 * This is useful for debugging which physical key was pressed (e.g. distinguishing
 * left vs right Shift via "ShiftLeft" / "ShiftRight").
 *
-* This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe
-* to the global KeyStateTracker.
+* This primitive subscribes to the global KeyStateTracker.
 *
 * @returns Signal accessor for record mapping normalized key names to their `event.code` values
 *

package/dist/createHeldKeys.d.ts

@@ -2,8 +2,7 @@
 /**
  * SolidJS primitive that returns a signal of currently held keyboard keys.
  *
- * This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe
- * to the global KeyStateTracker and updates whenever keys are pressed
+ * This primitive subscribes to the global KeyStateTracker and updates whenever keys are pressed
  * or released.
  *
  * @returns Signal accessor for array of currently held key names

package/dist/createHeldKeys.js

@@ -1,12 +1,11 @@
+import { useSelector } from "./_useSelector.js";
 import { getKeyStateTracker } from "@tanstack/hotkeys";
-import { useSelector } from "@tanstack/solid-store";
 
 //#region src/createHeldKeys.ts
 /**
 * SolidJS primitive that returns a signal of currently held keyboard keys.
 *
-* This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe
-* to the global KeyStateTracker and updates whenever keys are pressed
+* This primitive subscribes to the global KeyStateTracker and updates whenever keys are pressed
 * or released.
 *
 * @returns Signal accessor for array of currently held key names

package/dist/createHotkeyHint.js

@@ -1,7 +1,7 @@
+import { useSelector } from "./_useSelector.js";
 import { useAppHotkeysStoreSource } from "./defaultOptions.js";
 import { getHotkeyManager, getKeyStateTracker, isAppHotkey, matchesHeldModifiers, resolveAppHotkey } from "@tanstack/hotkeys";
 import { createMemo } from "solid-js";
-import { useSelector } from "@tanstack/solid-store";
 
 //#region src/createHotkeyHint.ts
 /**

package/dist/createHotkeyRecorder.js

@@ -1,7 +1,7 @@
+import { useSelector } from "./_useSelector.js";
 import { useDefaultHotkeysOptionsSource } from "./defaultOptions.js";
 import { HotkeyRecorder } from "@tanstack/hotkeys";
 import { createEffect, onCleanup } from "solid-js";
-import { useSelector } from "@tanstack/solid-store";
 
 //#region src/createHotkeyRecorder.ts
 function createHotkeyRecorder(options) {

package/dist/createHotkeyRegistrations.js

@@ -1,5 +1,5 @@
+import { useSelector } from "./_useSelector.js";
 import { getHotkeyManager, toHotkeyRegistrationView } from "@tanstack/hotkeys";
-import { useSelector } from "@tanstack/solid-store";
 
 //#region src/createHotkeyRegistrations.ts
 /**

package/dist/createHotkeyScopesState.js

@@ -1,5 +1,5 @@
+import { useSelector } from "./_useSelector.js";
 import { getHotkeyManager } from "@tanstack/hotkeys";
-import { useSelector } from "@tanstack/solid-store";
 
 //#region src/createHotkeyScopesState.ts
 /**

package/dist/createKeyHold.d.ts

@@ -3,8 +3,7 @@ import { IndividualKey } from "@tanstack/hotkeys";
 /**
  * SolidJS primitive that returns whether a specific key is currently being held.
  *
- * This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe
- * to the global KeyStateTracker and uses a selector to determine if the
+ * This primitive subscribes to the global KeyStateTracker and uses a selector to determine if the
  * specified key is held.
  *
  * @param key - The key to check (e.g., 'Shift', 'Control', 'A') - can be an accessor function

package/dist/createKeyHold.js

@@ -1,13 +1,12 @@
+import { useSelector } from "./_useSelector.js";
 import { getKeyStateTracker } from "@tanstack/hotkeys";
 import { createMemo } from "solid-js";
-import { useSelector } from "@tanstack/solid-store";
 
 //#region src/createKeyHold.ts
 /**
 * SolidJS primitive that returns whether a specific key is currently being held.
 *
-* This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe
-* to the global KeyStateTracker and uses a selector to determine if the
+* This primitive subscribes to the global KeyStateTracker and uses a selector to determine if the
 * specified key is held.
 *
 * @param key - The key to check (e.g., 'Shift', 'Control', 'A') - can be an accessor function

package/dist/defaultOptions.js

@@ -1,5 +1,6 @@
 import { useHotkeysContext } from "./HotkeysProvider.js";
-import { Store, useSelector } from "@tanstack/solid-store";
+import { useSelector } from "./_useSelector.js";
+import { createStore } from "@tanstack/hotkeys/adapter";
 
 //#region src/defaultOptions.ts
 /** Captures the context once and reads current defaults inside reactive computations. */
@@ -7,7 +8,7 @@ function useDefaultHotkeysOptionsSource() {
 	const context = useHotkeysContext();
 	return () => context?.defaultOptions ?? {};
 }
-const NO_APP_HOTKEYS = new Store(null);
+const NO_APP_HOTKEYS = createStore(null);
 /**
 * The provider's app hotkeys store and an accessor that tracks its state, so
 * computations re-run when app hotkeys or custom hotkeys change.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/solid-hotkeys",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "description": "SolidJS adapter for TanStack Hotkeys",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -38,8 +38,7 @@
     "skills"
   ],
   "dependencies": {
-    "@tanstack/hotkeys": "0.19.0",
-    "@tanstack/solid-store": "^0.11.2"
+    "@tanstack/hotkeys": "0.20.0"
   },
   "devDependencies": {
     "@solidjs/testing-library": "^0.8.10",