Function createHotkeyRecorder

packages/solid-hotkeys/src/createHotkeyRecorder.ts:61–103

(
  options: HotkeyRecorderOptions | (() => HotkeyRecorderOptions),
)

 * ```
 */
export function createHotkeyRecorder(
  options: HotkeyRecorderOptions | (() => HotkeyRecorderOptions),
): SolidHotkeyRecorder {
  const defaultOptions = useDefaultHotkeysOptions()

  const resolvedOptions = typeof options === 'function' ? options() : options
  const mergedOptions = {
    ...defaultOptions.hotkeyRecorder,
    ...resolvedOptions,
  } as HotkeyRecorderOptions

  // Create recorder once synchronously (matches React's useRef pattern)
  const recorder = new HotkeyRecorder(mergedOptions)

  // Subscribe to recorder state using useSelector (same pattern as useHotkeyRecorder)
  const isRecording = useSelector(recorder.store, (state) => state.isRecording)
  const recordedHotkey = useSelector(
    recorder.store,
    (state) => state.recordedHotkey,
  )

  // Sync options on every effect run (matches React's sync on render)
  createEffect(() => {
    const resolved = typeof options === 'function' ? options() : options
    recorder.setOptions({
      ...defaultOptions.hotkeyRecorder,
      ...resolved,
    } as HotkeyRecorderOptions)
  })

  // Cleanup on unmount
  onCleanup(() => {
    recorder.destroy()
  })

  return {
    isRecording,
    recordedHotkey,
    startRecording: () => recorder.start(),
    stopRecording: () => recorder.stop(),
    cancelRecording: () => recorder.cancel(),
  }
}