@tanstack/svelte-hotkeys 0.10.0 → 0.12.0

package/src/getIsKeyHeld.svelte.ts

@@ -1,68 +0,0 @@
-import { getKeyStateTracker } from '@tanstack/hotkeys'
-import { createStoreSubscriber } from './internal.svelte'
-import type { IndividualKey } from '@tanstack/hotkeys'
-
-export interface SvelteHeldKeyState {
-  readonly held: boolean
-}
-
-class HeldKeyState implements SvelteHeldKeyState {
-  #tracker = getKeyStateTracker()
-  #normalizedKey: string
-  #subscribe = createStoreSubscriber(this.#tracker.store)
-
-  constructor(key: IndividualKey) {
-    this.#normalizedKey = key.toLowerCase()
-  }
-
-  get held(): boolean {
-    this.#subscribe()
-    return this.#tracker.store.state.heldKeys.some(
-      (heldKey) => heldKey.toLowerCase() === this.#normalizedKey,
-    )
-  }
-}
-
-/**
- * Svelte function that returns reactive access to whether a specific key is currently being held.
- *
- * This function uses the global KeyStateTracker and updates whenever keys are pressed
- * or released.
- *
- * @param key - The key to check (e.g., 'Shift', 'Control', 'A')
- * @returns Object with a reactive `held` property
- *
- * @example
- * ```svelte
- * <script>
- *   import { getIsKeyHeld } from '@tanstack/svelte-hotkeys'
- *
- *   const isShiftHeld = getIsKeyHeld('Shift')
- * </script>
- *
- * <div>
- *   {isShiftHeld.held ? 'Shift is pressed!' : 'Press Shift'}
- * </div>
- * ```
- *
- * @example
- * ```svelte
- * <script>
- *   import { getIsKeyHeld } from '@tanstack/svelte-hotkeys'
- *
- *   const isCtrlHeld = getIsKeyHeld('Control')
- *   const isShiftHeld = getIsKeyHeld('Shift')
- *   const isAltHeld = getIsKeyHeld('Alt')
- * </script>
- *
- * <div>
- *   <span style:opacity={isCtrlHeld.held ? 1 : 0.3}>Ctrl</span>
- *   <span style:opacity={isShiftHeld.held ? 1 : 0.3}>Shift</span>
- *   <span style:opacity={isAltHeld.held ? 1 : 0.3}>Alt</span>
- * </div>
- * ```
- */
-
-export function getIsKeyHeld(key: IndividualKey): SvelteHeldKeyState {
-  return new HeldKeyState(key)
-}

package/src/index.ts

@@ -1,21 +0,0 @@
-// Re-export everything from the core package
-export * from '@tanstack/hotkeys'
-
-export * from './createHotkey.svelte'
-export * from './createHotkeys.svelte'
-export * from './createHotkeySequence.svelte'
-export * from './createHotkeySequences.svelte'
-export * from './createHotkeyRecorder.svelte'
-export * from './createHotkeySequenceRecorder.svelte'
-export * from './getHeldKeys.svelte'
-export * from './getHotkeyRegistrations.svelte'
-export * from './getHeldKeyCodesMap.svelte'
-export * from './getIsKeyHeld.svelte'
-export { default as HotkeysProvider } from './HotkeysProvider.svelte'
-export {
-  DEFAULT_OPTIONS,
-  getDefaultHotkeysOptions,
-  getHotkeysContext,
-  setHotkeysContext,
-} from './HotkeysCtx'
-export type { HotkeysProviderOptions, HotkeysProviderProps } from './HotkeysCtx'

package/src/internal.svelte.ts

@@ -1,26 +0,0 @@
-import { createSubscriber } from 'svelte/reactivity'
-
-export type MaybeGetter<T> = T | (() => T)
-
-interface SubscribableStore<TState> {
-  state: TState
-  subscribe: (
-    listener: () => void,
-  ) => (() => void) | { unsubscribe: () => void }
-}
-
-export function resolveMaybeGetter<T>(value: MaybeGetter<T>): T {
-  return typeof value === 'function' ? (value as () => T)() : value
-}
-
-export function createStoreSubscriber<TState>(
-  store: SubscribableStore<TState>,
-): () => void {
-  return createSubscriber((update) => {
-    const subscription = store.subscribe(update)
-
-    return typeof subscription === 'function'
-      ? subscription
-      : () => subscription.unsubscribe()
-  })
-}