@tanstack/svelte-hotkeys 0.17.0 → 0.17.1

package/dist/HotkeysCtx.d.ts

@@ -1,7 +1,7 @@
 import { AppHotkeysStore } from '@tanstack/hotkeys';
 import type { AppHotkeys, CustomHotkeys, HotkeyChordRecorderOptions, HotkeySequenceRecorderOptions } from '@tanstack/hotkeys';
 import type { HotkeysProviderScopeProps } from '@tanstack/hotkeys/adapter';
-import type { CreateHotkeyCommonOptions } from './createHotkey.svelte';
+import type { CreateHotkeyCommonOptions } from './createHotkey.svelte.js';
 import type { Snippet } from 'svelte';
 export interface HotkeysProviderOptions {
     /**

package/dist/HotkeysCtx.js

@@ -1,7 +1,7 @@
 import { createContext, onMount } from 'svelte';
 import { AppHotkeysStore, publishAppHotkeysStore } from '@tanstack/hotkeys';
 import { getHotkeysProviderScopeKey, mergeHotkeysProviderDefaults, } from '@tanstack/hotkeys/adapter';
-import { activateScopeWhileMounted } from './internal.svelte';
+import { activateScopeWhileMounted } from './internal.svelte.js';
 export const DEFAULT_OPTIONS = {};
 const [useHotkeysContext, setHotkeysContextValue] = createContext();
 /**

package/dist/HotkeysProvider.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import { setHotkeysContextSource } from './HotkeysCtx'
+  import { setHotkeysContextSource } from './HotkeysCtx.js'
 
-  import type { HotkeysProviderProps } from './HotkeysCtx'
+  import type { HotkeysProviderProps } from './HotkeysCtx.js'
 
   let {
     children,

package/dist/HotkeysProvider.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HotkeysProviderProps } from './HotkeysCtx';
+import type { HotkeysProviderProps } from './HotkeysCtx.js';
 declare const HotkeysProvider: import("svelte").Component<HotkeysProviderProps, {}, "">;
 type HotkeysProvider = ReturnType<typeof HotkeysProvider>;
 export default HotkeysProvider;

package/dist/createHotkey.svelte.d.ts

@@ -1,7 +1,7 @@
 import type { Attachment } from 'svelte/attachments';
 import type { AppHotkey, HotkeyCallback, HotkeyCallbackContextFor, RegisterableHotkey } from '@tanstack/hotkeys';
 import type { AdapterAppHotkeyOptions, AdapterChordOptions, AdapterCommonOptions, AdapterHotkeyOptions, AdapterOptionsFor, AdapterSequenceOptions } from '@tanstack/hotkeys/adapter';
-import type { MaybeGetter } from './internal.svelte';
+import type { MaybeGetter } from './internal.svelte.js';
 /** The document or window to listen on. Use an attachment for elements. */
 export type CreateHotkeyTarget = Document | Window;
 /** Options shared by chords and sequences. */

package/dist/createHotkey.svelte.js

@@ -1,4 +1,4 @@
-import { createHotkeys, createHotkeysAttachment } from './createHotkeys.svelte';
+import { createHotkeys, createHotkeysAttachment, } from './createHotkeys.svelte.js';
 export function createHotkey(hotkey, callback, options = {}) {
     createHotkeys([{ hotkey, callback, options }]);
 }

package/dist/createHotkeyRecorder.svelte.js

@@ -1,7 +1,6 @@
 import { HotkeyRecorder } from '@tanstack/hotkeys';
-import { onDestroy } from 'svelte';
-import { getDefaultHotkeysOptions } from './HotkeysCtx';
-import { createStoreSubscriber, resolveMaybeGetter } from './internal.svelte';
+import { getDefaultHotkeysOptions } from './HotkeysCtx.js';
+import { createStoreSubscriber, resolveMaybeGetter } from './internal.svelte.js';
 class SvelteHotkeyRecorderState {
     #recorder;
     #subscribe;
@@ -51,8 +50,9 @@ export function createHotkeyRecorder(options) {
     $effect(() => {
         recorder.setOptions(resolve());
     });
-    onDestroy(() => {
-        recorder.destroy();
-    });
+    // Unlike onDestroy, an effect teardown also runs when an $effect.root that
+    // owns the recorder is destroyed. $effect.pre runs now, so the teardown is
+    // in place even if the root is destroyed before effects flush.
+    $effect.pre(() => () => recorder.destroy());
     return recorder;
 }

package/dist/createHotkeys.svelte.d.ts

@@ -1,7 +1,7 @@
 import type { Attachment } from 'svelte/attachments';
 import type { AppHotkey, HotkeyCallback, RegisterableHotkey, RegisterableHotkeyChord, RegisterableHotkeySequence } from '@tanstack/hotkeys';
-import type { MaybeGetter } from './internal.svelte';
-import type { CreateAppHotkeyOptions, CreateHotkeyChordOptions, CreateHotkeyCommonOptions, CreateHotkeyOptions, CreateHotkeySequenceOptions } from './createHotkey.svelte';
+import type { MaybeGetter } from './internal.svelte.js';
+import type { CreateAppHotkeyOptions, CreateHotkeyChordOptions, CreateHotkeyCommonOptions, CreateHotkeyOptions, CreateHotkeySequenceOptions } from './createHotkey.svelte.js';
 /**
  * One hotkey for `createHotkeys`. The hotkey and options may be getters.
  * Chords accept `requireReset`; sequences accept `timeout`; hotkeys of unknown

package/dist/createHotkeys.svelte.js

@@ -1,7 +1,6 @@
 import { createHotkeyBindings, prepareHotkeyDefinitions, } from '@tanstack/hotkeys/adapter';
-import { onDestroy } from 'svelte';
-import { getHotkeysContext } from './HotkeysCtx';
-import { createAppHotkeysSubscriber, resolveMaybeGetter, } from './internal.svelte';
+import { getHotkeysContext } from './HotkeysCtx.js';
+import { createAppHotkeysSubscriber, resolveMaybeGetter, } from './internal.svelte.js';
 /**
  * Registers definitions in an effect. With an element, every hotkey listens on
  * that element; otherwise each uses its own target (document by default).
@@ -55,7 +54,9 @@ function bindHotkeys(hotkeys, commonOptions, element) {
  */
 export function createHotkeys(hotkeys, commonOptions = {}) {
     const bindings = bindHotkeys(hotkeys, commonOptions);
-    onDestroy(() => bindings.destroy());
+    // Unlike onDestroy, an effect teardown also runs when an $effect.root that
+    // owns these hotkeys is destroyed.
+    $effect(() => () => bindings.destroy());
 }
 /**
  * Create an attachment for element-scoped hotkeys: chords, sequences, and app

package/dist/getAppHotkeys.svelte.js

@@ -1,6 +1,6 @@
-import { getHotkeysContext } from './HotkeysCtx';
-import { createStoreSubscriber } from './internal.svelte';
-import { getHotkeyRegistrations } from './getHotkeyRegistrations.svelte';
+import { getHotkeysContext } from './HotkeysCtx.js';
+import { createStoreSubscriber } from './internal.svelte.js';
+import { getHotkeyRegistrations } from './getHotkeyRegistrations.svelte.js';
 function requireStore(name) {
     const store = getHotkeysContext()?.appHotkeysStore;
     if (!store) {

package/dist/getHeldKeyCodesMap.svelte.js

@@ -1,5 +1,5 @@
 import { getKeyStateTracker } from '@tanstack/hotkeys';
-import { createStoreSubscriber } from './internal.svelte';
+import { createStoreSubscriber } from './internal.svelte.js';
 class HeldKeyCodesMapState {
     #tracker = getKeyStateTracker();
     #subscribe = createStoreSubscriber(this.#tracker.store);

package/dist/getHeldKeys.svelte.js

@@ -1,5 +1,5 @@
 import { getKeyStateTracker } from '@tanstack/hotkeys';
-import { createStoreSubscriber } from './internal.svelte';
+import { createStoreSubscriber } from './internal.svelte.js';
 class HeldKeysState {
     #tracker = getKeyStateTracker();
     #subscribe = createStoreSubscriber(this.#tracker.store);

package/dist/getHotkeyHint.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { AppHotkey, HeldModifierOptions, RegisterableHotkey } from '@tanstack/hotkeys';
-import type { MaybeGetter } from './internal.svelte';
+import type { MaybeGetter } from './internal.svelte.js';
 export interface SvelteHotkeyHint {
     readonly visible: boolean;
 }

package/dist/getHotkeyHint.svelte.js

@@ -1,7 +1,7 @@
 import { createSubscriber } from 'svelte/reactivity';
 import { getHotkeyManager, getKeyStateTracker, isAppHotkey, matchesHeldModifiers, resolveAppHotkey, } from '@tanstack/hotkeys';
-import { getHotkeysContext } from './HotkeysCtx';
-import { resolveMaybeGetter } from './internal.svelte';
+import { getHotkeysContext } from './HotkeysCtx.js';
+import { resolveMaybeGetter } from './internal.svelte.js';
 /**
  * Returns an object with a reactive `visible` getter indicating whether held
  * modifiers reveal this shortcut. The hint shows only while the hotkey can

package/dist/getHotkeyRegistrations.svelte.js

@@ -1,5 +1,5 @@
 import { getHotkeyManager, toHotkeyRegistrationView } from '@tanstack/hotkeys';
-import { createStoreSubscriber } from './internal.svelte';
+import { createStoreSubscriber } from './internal.svelte.js';
 class HotkeyRegistrationsState {
     #manager = getHotkeyManager();
     #subscribe = createStoreSubscriber(this.#manager.registrations);

package/dist/getHotkeyScopesState.svelte.js

@@ -1,5 +1,5 @@
 import { getHotkeyManager } from '@tanstack/hotkeys';
-import { createStoreSubscriber } from './internal.svelte';
+import { createStoreSubscriber } from './internal.svelte.js';
 class HotkeyScopesStateReader {
     #store = getHotkeyManager().scopes;
     #subscribe = createStoreSubscriber(this.#store);

package/dist/getIsKeyHeld.svelte.js

@@ -1,5 +1,5 @@
 import { getKeyStateTracker } from '@tanstack/hotkeys';
-import { createStoreSubscriber } from './internal.svelte';
+import { createStoreSubscriber } from './internal.svelte.js';
 class HeldKeyState {
     #tracker = getKeyStateTracker();
     #normalizedKey;

package/dist/index.d.ts

@@ -1,14 +1,14 @@
 export * from '@tanstack/hotkeys';
-export * from './createHotkey.svelte';
-export * from './createHotkeys.svelte';
-export * from './createHotkeyRecorder.svelte';
-export * from './getHeldKeys.svelte';
-export * from './getHotkeyRegistrations.svelte';
-export * from './getHotkeyScopesState.svelte';
-export * from './getHeldKeyCodesMap.svelte';
-export * from './getIsKeyHeld.svelte';
-export * from './getAppHotkeys.svelte';
+export * from './createHotkey.svelte.js';
+export * from './createHotkeys.svelte.js';
+export * from './createHotkeyRecorder.svelte.js';
+export * from './getHeldKeys.svelte.js';
+export * from './getHotkeyRegistrations.svelte.js';
+export * from './getHotkeyScopesState.svelte.js';
+export * from './getHeldKeyCodesMap.svelte.js';
+export * from './getIsKeyHeld.svelte.js';
+export * from './getAppHotkeys.svelte.js';
 export { default as HotkeysProvider } from './HotkeysProvider.svelte';
-export { DEFAULT_OPTIONS, getDefaultHotkeysOptions, getHotkeysContext, setHotkeysContext, } from './HotkeysCtx';
-export type { HotkeysContextOptions, HotkeysProviderOptions, HotkeysProviderProps, } from './HotkeysCtx';
-export * from './getHotkeyHint.svelte';
+export { DEFAULT_OPTIONS, getDefaultHotkeysOptions, getHotkeysContext, setHotkeysContext, } from './HotkeysCtx.js';
+export type { HotkeysContextOptions, HotkeysProviderOptions, HotkeysProviderProps, } from './HotkeysCtx.js';
+export * from './getHotkeyHint.svelte.js';

package/dist/index.js

@@ -1,14 +1,14 @@
 // Re-export everything from the core package
 export * from '@tanstack/hotkeys';
-export * from './createHotkey.svelte';
-export * from './createHotkeys.svelte';
-export * from './createHotkeyRecorder.svelte';
-export * from './getHeldKeys.svelte';
-export * from './getHotkeyRegistrations.svelte';
-export * from './getHotkeyScopesState.svelte';
-export * from './getHeldKeyCodesMap.svelte';
-export * from './getIsKeyHeld.svelte';
-export * from './getAppHotkeys.svelte';
+export * from './createHotkey.svelte.js';
+export * from './createHotkeys.svelte.js';
+export * from './createHotkeyRecorder.svelte.js';
+export * from './getHeldKeys.svelte.js';
+export * from './getHotkeyRegistrations.svelte.js';
+export * from './getHotkeyScopesState.svelte.js';
+export * from './getHeldKeyCodesMap.svelte.js';
+export * from './getIsKeyHeld.svelte.js';
+export * from './getAppHotkeys.svelte.js';
 export { default as HotkeysProvider } from './HotkeysProvider.svelte';
-export { DEFAULT_OPTIONS, getDefaultHotkeysOptions, getHotkeysContext, setHotkeysContext, } from './HotkeysCtx';
-export * from './getHotkeyHint.svelte';
+export { DEFAULT_OPTIONS, getDefaultHotkeysOptions, getHotkeysContext, setHotkeysContext, } from './HotkeysCtx.js';
+export * from './getHotkeyHint.svelte.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/svelte-hotkeys",
-  "version": "0.17.0",
+  "version": "0.17.1",
   "description": "Svelte adapter for TanStack Hotkeys",
   "author": "Kunal Rao",
   "license": "MIT",
@@ -41,7 +41,7 @@
     "skills"
   ],
   "dependencies": {
-    "@tanstack/hotkeys": "0.18.0"
+    "@tanstack/hotkeys": "0.19.0"
   },
   "devDependencies": {
     "@sveltejs/package": "^3.0.0",
@@ -51,7 +51,7 @@
     "svelte": "^5.57.1"
   },
   "peerDependencies": {
-    "svelte": "^5.25.0"
+    "svelte": "^5.40.0"
   },
   "engines": {
     "node": ">=20"