@tanstack/solid-hotkeys 0.12.1 → 0.13.0

package/README.md

@@ -67,6 +67,9 @@ Type-safe keyboard shortcuts for the web. Template-string bindings, parsed objec
 > [!NOTE]
 > You may know **TanStack Hotkeys** by our adapter names, too!
 >
+> - [**Alpine Hotkeys**](https://tanstack.com/hotkeys/latest/docs/framework/alpine/quick-start)
+> - [**Ember Hotkeys**](https://tanstack.com/hotkeys/latest/docs/framework/ember/quick-start)
+> - [**Octane Hotkeys**](https://tanstack.com/hotkeys/latest/docs/framework/octane/quick-start)
 > - [**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/reference)

package/dist/HotkeysProvider.js

@@ -5,9 +5,10 @@ import { createContext, useContext } from "solid-js";
 const HotkeysContext = createContext(null);
 const DEFAULT_OPTIONS = {};
 const HotkeysProvider = (props) => {
-	const contextValue = { defaultOptions: props.defaultOptions ?? DEFAULT_OPTIONS };
 	return createComponent(HotkeysContext.Provider, {
-		value: contextValue,
+		value: { get defaultOptions() {
+			return props.defaultOptions ?? DEFAULT_OPTIONS;
+		} },
 		get children() {
 			return props.children;
 		}

package/dist/createHotkey.js

@@ -1,4 +1,4 @@
-import { useDefaultHotkeysOptions } from "./HotkeysProvider.js";
+import { useDefaultHotkeysOptionsSource } from "./defaultOptions.js";
 import { detectPlatform, getHotkeyManager, normalizeRegisterableHotkey } from "@tanstack/hotkeys";
 import { createEffect, onCleanup, untrack } from "solid-js";
 
@@ -59,7 +59,7 @@ import { createEffect, onCleanup, untrack } from "solid-js";
 * ```
 */
 function createHotkey(hotkey, callback, options = {}) {
-	const defaultOptions = useDefaultHotkeysOptions();
+	const defaultOptions = useDefaultHotkeysOptionsSource();
 	const manager = getHotkeyManager();
 	let registration = null;
 	let lastHotkeyString = null;
@@ -76,7 +76,7 @@ function createHotkey(hotkey, callback, options = {}) {
 		const resolvedHotkey = typeof hotkey === "function" ? hotkey() : hotkey;
 		const resolvedOptions = typeof options === "function" ? options() : options;
 		const mergedOptions = {
-			...defaultOptions.hotkey,
+			...defaultOptions().hotkey,
 			...resolvedOptions
 		};
 		const platform = mergedOptions.platform ?? detectPlatform();

package/dist/createHotkeyRecorder.js

@@ -1,4 +1,4 @@
-import { useDefaultHotkeysOptions } from "./HotkeysProvider.js";
+import { useDefaultHotkeysOptionsSource } from "./defaultOptions.js";
 import { HotkeyRecorder } from "@tanstack/hotkeys";
 import { createEffect, onCleanup } from "solid-js";
 import { useSelector } from "@tanstack/solid-store";
@@ -46,10 +46,10 @@ import { useSelector } from "@tanstack/solid-store";
 * ```
 */
 function createHotkeyRecorder(options) {
-	const defaultOptions = useDefaultHotkeysOptions();
+	const defaultOptions = useDefaultHotkeysOptionsSource();
 	const resolvedOptions = typeof options === "function" ? options() : options;
 	const mergedOptions = {
-		...defaultOptions.hotkeyRecorder,
+		...defaultOptions().hotkeyRecorder,
 		...resolvedOptions
 	};
 	const recorder = new HotkeyRecorder(mergedOptions);
@@ -58,7 +58,7 @@ function createHotkeyRecorder(options) {
 	createEffect(() => {
 		const resolved = typeof options === "function" ? options() : options;
 		recorder.setOptions({
-			...defaultOptions.hotkeyRecorder,
+			...defaultOptions().hotkeyRecorder,
 			...resolved
 		});
 	});

package/dist/createHotkeySequence.js

@@ -1,4 +1,4 @@
-import { useDefaultHotkeysOptions } from "./HotkeysProvider.js";
+import { useDefaultHotkeysOptionsSource } from "./defaultOptions.js";
 import { formatHotkeySequence, getSequenceManager } from "@tanstack/hotkeys";
 import { createEffect, onCleanup, untrack } from "solid-js";
 
@@ -46,7 +46,7 @@ import { createEffect, onCleanup, untrack } from "solid-js";
 * ```
 */
 function createHotkeySequence(sequence, callback, options = {}) {
-	const defaultOptions = useDefaultHotkeysOptions();
+	const defaultOptions = useDefaultHotkeysOptionsSource();
 	const manager = getSequenceManager();
 	let registration = null;
 	let lastSequenceKey = null;
@@ -63,7 +63,7 @@ function createHotkeySequence(sequence, callback, options = {}) {
 		const resolvedSequence = typeof sequence === "function" ? sequence() : sequence;
 		const resolvedOptions = typeof options === "function" ? options() : options;
 		const mergedOptions = {
-			...defaultOptions.hotkeySequence,
+			...defaultOptions().hotkeySequence,
 			...resolvedOptions
 		};
 		const { target: _target, ...optionsWithoutTarget } = mergedOptions;

package/dist/createHotkeySequenceRecorder.js

@@ -1,4 +1,4 @@
-import { useDefaultHotkeysOptions } from "./HotkeysProvider.js";
+import { useDefaultHotkeysOptionsSource } from "./defaultOptions.js";
 import { HotkeySequenceRecorder } from "@tanstack/hotkeys";
 import { createEffect, onCleanup } from "solid-js";
 import { useSelector } from "@tanstack/solid-store";
@@ -8,10 +8,10 @@ import { useSelector } from "@tanstack/solid-store";
 * SolidJS primitive for recording multi-chord sequences (Vim-style shortcuts).
 */
 function createHotkeySequenceRecorder(options) {
-	const defaultOptions = useDefaultHotkeysOptions();
+	const defaultOptions = useDefaultHotkeysOptionsSource();
 	const resolvedOptions = typeof options === "function" ? options() : options;
 	const mergedOptions = {
-		...defaultOptions.hotkeySequenceRecorder,
+		...defaultOptions().hotkeySequenceRecorder,
 		...resolvedOptions
 	};
 	const recorder = new HotkeySequenceRecorder(mergedOptions);
@@ -21,7 +21,7 @@ function createHotkeySequenceRecorder(options) {
 	createEffect(() => {
 		const resolved = typeof options === "function" ? options() : options;
 		recorder.setOptions({
-			...defaultOptions.hotkeySequenceRecorder,
+			...defaultOptions().hotkeySequenceRecorder,
 			...resolved
 		});
 	});

package/dist/createHotkeySequences.js

@@ -1,4 +1,4 @@
-import { useDefaultHotkeysOptions } from "./HotkeysProvider.js";
+import { useDefaultHotkeysOptionsSource } from "./defaultOptions.js";
 import { formatHotkeySequence, getSequenceManager } from "@tanstack/hotkeys";
 import { createEffect, onCleanup, untrack } from "solid-js";
 
@@ -42,7 +42,7 @@ import { createEffect, onCleanup, untrack } from "solid-js";
 * ```
 */
 function createHotkeySequences(sequences, commonOptions = {}) {
-	const defaultOptions = useDefaultHotkeysOptions();
+	const defaultOptions = useDefaultHotkeysOptionsSource();
 	const manager = getSequenceManager();
 	const registrations = /* @__PURE__ */ new Map();
 	onCleanup(() => {
@@ -58,7 +58,7 @@ function createHotkeySequences(sequences, commonOptions = {}) {
 			const def = resolved[i];
 			const resolvedDefOptions = def.options ?? {};
 			const mergedOptions = {
-				...defaultOptions.hotkeySequence,
+				...defaultOptions().hotkeySequence,
 				...resolvedCommonOptions,
 				...resolvedDefOptions
 			};

package/dist/createHotkeys.js

@@ -1,4 +1,4 @@
-import { useDefaultHotkeysOptions } from "./HotkeysProvider.js";
+import { useDefaultHotkeysOptionsSource } from "./defaultOptions.js";
 import { detectPlatform, getHotkeyManager, normalizeRegisterableHotkey } from "@tanstack/hotkeys";
 import { createEffect, onCleanup, untrack } from "solid-js";
 
@@ -42,7 +42,7 @@ import { createEffect, onCleanup, untrack } from "solid-js";
 * ```
 */
 function createHotkeys(hotkeys, commonOptions = {}) {
-	const defaultOptions = useDefaultHotkeysOptions();
+	const defaultOptions = useDefaultHotkeysOptionsSource();
 	const manager = getHotkeyManager();
 	const registrations = /* @__PURE__ */ new Map();
 	onCleanup(() => {
@@ -58,7 +58,7 @@ function createHotkeys(hotkeys, commonOptions = {}) {
 			const def = resolvedHotkeys[i];
 			const resolvedDefOptions = def.options ?? {};
 			const mergedOptions = {
-				...defaultOptions.hotkey,
+				...defaultOptions().hotkey,
 				...resolvedCommonOptions,
 				...resolvedDefOptions
 			};

package/dist/defaultOptions.js

@@ -0,0 +1,11 @@
+import { useHotkeysContext } from "./HotkeysProvider.js";
+
+//#region src/defaultOptions.ts
+/** Captures the context once and reads current defaults inside reactive computations. */
+function useDefaultHotkeysOptionsSource() {
+	const context = useHotkeysContext();
+	return () => context?.defaultOptions ?? {};
+}
+
+//#endregion
+export { useDefaultHotkeysOptionsSource };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/solid-hotkeys",
-  "version": "0.12.1",
+  "version": "0.13.0",
   "description": "SolidJS adapter for TanStack Hotkeys",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -36,8 +36,8 @@
     "dist"
   ],
   "dependencies": {
-    "@tanstack/hotkeys": "0.10.1",
-    "@tanstack/solid-store": "^0.11.1"
+    "@tanstack/hotkeys": "0.11.0",
+    "@tanstack/solid-store": "^0.11.2"
   },
   "devDependencies": {
     "@solidjs/testing-library": "^0.8.10",