feat: sequence recorder hooks

[KevinVandy]

🎯 Changes

✅ Checklist

• I have followed the steps in the Contributing guide.
• I have tested this code locally with pnpm run test:pr.

🚀 Release Impact

• This change affects published code, and I have generated a changeset.
• This change is docs/CI/dev-only (no release).

[coderabbitai]

Important

Review skipped

Too many files!

This PR contains 164 files, which is 14 over the limit of 150.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 519667ef-74bc-4332-ba9e-0b4f6a39b050

📥 Commits

Reviewing files that changed from the base of the PR and between 3da54a0 and 12db24a.

⛔ Files ignored due to path filters (1)

• pnpm-lock.yaml is excluded by !**/pnpm-lock.yaml

📒 Files selected for processing (164)

• .changeset/hotkey-sequence-recorder-naming.md
• docs/config.json
• docs/framework/angular/guides/sequence-recording.md
• docs/framework/angular/quick-start.md
• docs/framework/angular/reference/functions/injectDefaultHotkeysOptions.md
• docs/framework/angular/reference/functions/injectHotkeySequenceRecorder.md
• docs/framework/angular/reference/functions/injectHotkeysContext.md
• docs/framework/angular/reference/functions/provideHotkeys.md
• docs/framework/angular/reference/index.md
• docs/framework/angular/reference/interfaces/AngularHotkeySequenceRecorder.md
• docs/framework/angular/reference/interfaces/HotkeysContextValue.md
• docs/framework/angular/reference/interfaces/HotkeysProviderOptions.md
• docs/framework/angular/reference/variables/HOTKEYS_INJECTION_TOKEN.md
• docs/framework/preact/guides/sequence-recording.md
• docs/framework/preact/reference/functions/HotkeysProvider.md
• docs/framework/preact/reference/functions/useDefaultHotkeysOptions.md
• docs/framework/preact/reference/functions/useHotkeySequenceRecorder.md
• docs/framework/preact/reference/functions/useHotkeysContext.md
• docs/framework/preact/reference/index.md
• docs/framework/preact/reference/interfaces/HotkeysProviderOptions.md
• docs/framework/preact/reference/interfaces/HotkeysProviderProps.md
• docs/framework/preact/reference/interfaces/PreactHotkeySequenceRecorder.md
• docs/framework/react/guides/sequence-recording.md
• docs/framework/react/quick-start.md
• docs/framework/react/reference/functions/HotkeysProvider.md
• docs/framework/react/reference/functions/useDefaultHotkeysOptions.md
• docs/framework/react/reference/functions/useHotkeySequenceRecorder.md
• docs/framework/react/reference/functions/useHotkeysContext.md
• docs/framework/react/reference/index.md
• docs/framework/react/reference/interfaces/HotkeysProviderOptions.md
• docs/framework/react/reference/interfaces/HotkeysProviderProps.md
• docs/framework/react/reference/interfaces/ReactHotkeySequenceRecorder.md
• docs/framework/solid/guides/sequence-recording.md
• docs/framework/solid/reference/functions/createHotkeySequenceRecorder.md
• docs/framework/solid/reference/functions/useDefaultHotkeysOptions.md
• docs/framework/solid/reference/functions/useHotkeysContext.md
• docs/framework/solid/reference/index.md
• docs/framework/solid/reference/interfaces/HotkeysProviderOptions.md
• docs/framework/solid/reference/interfaces/HotkeysProviderProps.md
• docs/framework/solid/reference/interfaces/SolidHotkeySequenceRecorder.md
• docs/framework/solid/reference/variables/HotkeysProvider.md
• docs/framework/svelte/guides/sequence-recording.md
• docs/framework/svelte/quick-start.md
• docs/framework/svelte/reference/functions/createHotkeySequenceRecorder.md
• docs/framework/svelte/reference/functions/getDefaultHotkeysOptions.md
• docs/framework/svelte/reference/functions/getHotkeysContext.md
• docs/framework/svelte/reference/functions/setHotkeysContext.md
• docs/framework/svelte/reference/index.md
• docs/framework/svelte/reference/interfaces/HotkeysProviderOptions.md
• docs/framework/svelte/reference/interfaces/HotkeysProviderProps.md
• docs/framework/svelte/reference/interfaces/SvelteHotkeySequenceRecorder.md
• docs/framework/svelte/reference/variables/DEFAULT_OPTIONS.md
• docs/framework/vue/guides/sequence-recording.md
• docs/framework/vue/quick-start.md
• docs/framework/vue/reference/functions/provideHotkeysContext.md
• docs/framework/vue/reference/functions/useDefaultHotkeysOptions.md
• docs/framework/vue/reference/functions/useHotkeySequenceRecorder.md
• docs/framework/vue/reference/functions/useHotkeysContext.md
• docs/framework/vue/reference/index.md
• docs/framework/vue/reference/interfaces/HotkeysProviderOptions.md
• docs/framework/vue/reference/interfaces/VueHotkeySequenceRecorder.md
• docs/reference/classes/HotkeyRecorder.md
• docs/reference/classes/HotkeySequenceRecorder.md
• docs/reference/classes/SequenceManager.md
• docs/reference/functions/createSequenceMatcher.md
• docs/reference/functions/getSequenceManager.md
• docs/reference/index.md
• docs/reference/interfaces/HotkeyRecorderOptions.md
• docs/reference/interfaces/HotkeyRecorderState.md
• docs/reference/interfaces/HotkeySequenceRecorderOptions.md
• docs/reference/interfaces/HotkeySequenceRecorderState.md
• docs/reference/interfaces/SequenceRegistrationHandle.md
• docs/reference/interfaces/SequenceRegistrationView.md
• docs/reference/type-aliases/HotkeySequenceRecorderCommitKeys.md
• docs/reference/variables/DEFAULT_SEQUENCE_TIMEOUT.md
• examples/angular/injectHotkeySequenceRecorder/angular.json
• examples/angular/injectHotkeySequenceRecorder/package.json
• examples/angular/injectHotkeySequenceRecorder/src/app/app.component.css
• examples/angular/injectHotkeySequenceRecorder/src/app/app.component.html
• examples/angular/injectHotkeySequenceRecorder/src/app/app.component.ts
• examples/angular/injectHotkeySequenceRecorder/src/app/app.config.ts
• examples/angular/injectHotkeySequenceRecorder/src/app/shortcut-list-item.component.css
• examples/angular/injectHotkeySequenceRecorder/src/app/shortcut-list-item.component.html
• examples/angular/injectHotkeySequenceRecorder/src/app/shortcut-list-item.component.ts
• examples/angular/injectHotkeySequenceRecorder/src/index.html
• examples/angular/injectHotkeySequenceRecorder/src/main.ts
• examples/angular/injectHotkeySequenceRecorder/src/styles.css
• examples/angular/injectHotkeySequenceRecorder/tsconfig.json
• examples/preact/useHotkeySequenceRecorder/eslint.config.js
• examples/preact/useHotkeySequenceRecorder/index.html
• examples/preact/useHotkeySequenceRecorder/package.json
• examples/preact/useHotkeySequenceRecorder/src/index.css
• examples/preact/useHotkeySequenceRecorder/src/index.tsx
• examples/preact/useHotkeySequenceRecorder/tsconfig.json
• examples/preact/useHotkeySequenceRecorder/vite.config.ts
• examples/react/useHotkeySequenceRecorder/eslint.config.js
• examples/react/useHotkeySequenceRecorder/index.html
• examples/react/useHotkeySequenceRecorder/package.json
• examples/react/useHotkeySequenceRecorder/src/index.css
• examples/react/useHotkeySequenceRecorder/src/index.tsx
• examples/react/useHotkeySequenceRecorder/tsconfig.json
• examples/react/useHotkeySequenceRecorder/vite.config.ts
• examples/solid/createHotkeyRecorder/src/index.tsx
• examples/solid/createHotkeySequenceRecorder/index.html
• examples/solid/createHotkeySequenceRecorder/package.json
• examples/solid/createHotkeySequenceRecorder/src/index.css
• examples/solid/createHotkeySequenceRecorder/src/index.tsx
• examples/solid/createHotkeySequenceRecorder/tsconfig.json
• examples/solid/createHotkeySequenceRecorder/vite.config.ts
• examples/svelte/create-hotkey-sequence-recorder/.gitignore
• examples/svelte/create-hotkey-sequence-recorder/.npmrc
• examples/svelte/create-hotkey-sequence-recorder/index.html
• examples/svelte/create-hotkey-sequence-recorder/package.json
• examples/svelte/create-hotkey-sequence-recorder/src/App.svelte
• examples/svelte/create-hotkey-sequence-recorder/src/Root.svelte
• examples/svelte/create-hotkey-sequence-recorder/src/ShortcutListItem.svelte
• examples/svelte/create-hotkey-sequence-recorder/src/index.css
• examples/svelte/create-hotkey-sequence-recorder/src/main.ts
• examples/svelte/create-hotkey-sequence-recorder/static/robots.txt
• examples/svelte/create-hotkey-sequence-recorder/svelte.config.js
• examples/svelte/create-hotkey-sequence-recorder/tsconfig.json
• examples/svelte/create-hotkey-sequence-recorder/vite.config.ts
• examples/vue/useHotkeySequenceRecorder/eslint.config.js
• examples/vue/useHotkeySequenceRecorder/index.html
• examples/vue/useHotkeySequenceRecorder/package.json
• examples/vue/useHotkeySequenceRecorder/src/App.vue
• examples/vue/useHotkeySequenceRecorder/src/ShortcutListItem.vue
• examples/vue/useHotkeySequenceRecorder/src/index.css
• examples/vue/useHotkeySequenceRecorder/src/index.ts
• examples/vue/useHotkeySequenceRecorder/src/vue.d.ts
• examples/vue/useHotkeySequenceRecorder/tsconfig.json
• examples/vue/useHotkeySequenceRecorder/vite.config.ts
• packages/angular-hotkeys/src/hotkeys-provider.ts
• packages/angular-hotkeys/src/index.ts
• packages/angular-hotkeys/src/injectHotkeySequenceRecorder.ts
• packages/hotkeys-devtools/src/HotkeysContextProvider.tsx
• packages/hotkeys-devtools/src/components/DetailsPanel.tsx
• packages/hotkeys-devtools/src/components/HotkeyList.tsx
• packages/hotkeys-devtools/src/components/Shell.tsx
• packages/hotkeys-devtools/src/sequence-progress.ts
• packages/hotkeys-devtools/src/styles/use-styles.ts
• packages/hotkeys/src/hotkey-recorder.ts
• packages/hotkeys/src/hotkey-sequence-recorder.ts
• packages/hotkeys/src/index.ts
• packages/hotkeys/src/recorder-chord.ts
• packages/hotkeys/src/sequence-manager.ts
• packages/hotkeys/tests/hotkey-sequence-recorder.test.ts
• packages/hotkeys/tests/sequence-manager.test.ts
• packages/preact-hotkeys/src/HotkeysProvider.tsx
• packages/preact-hotkeys/src/index.ts
• packages/preact-hotkeys/src/useHotkeySequenceRecorder.ts
• packages/react-hotkeys/src/HotkeysProvider.tsx
• packages/react-hotkeys/src/index.ts
• packages/react-hotkeys/src/useHotkeySequenceRecorder.ts
• packages/solid-hotkeys/src/HotkeysProvider.tsx
• packages/solid-hotkeys/src/createHotkeySequenceRecorder.ts
• packages/solid-hotkeys/src/index.ts
• packages/svelte-hotkeys/src/HotkeysCtx.ts
• packages/svelte-hotkeys/src/createHotkeySequenceRecorder.svelte.ts
• packages/svelte-hotkeys/src/index.ts
• packages/vue-hotkeys/src/HotkeysProviderContext.ts
• packages/vue-hotkeys/src/index.ts
• packages/vue-hotkeys/src/useHotkeySequenceRecorder.ts
• packages/vue-hotkeys/tests/vue-hotkeys.test.ts

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• ✅ Review completed - (🔄 Check again to review again)

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch sequence-recorder

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[github-actions]

🚀 Changeset Version Preview

7 package(s) bumped directly, 5 bumped as dependents.

🟥 Major bumps

Package	Version	Reason
@tanstack/hotkeys-devtools	0.4.4 → 1.0.0	Dependent

🟨 Minor bumps

Package	Version	Reason
@tanstack/angular-hotkeys	0.5.1 → 0.6.0	Changeset
@tanstack/hotkeys	0.4.3 → 0.5.0	Changeset
@tanstack/preact-hotkeys	0.5.1 → 0.6.0	Changeset
@tanstack/react-hotkeys	0.5.1 → 0.6.0	Changeset
@tanstack/solid-hotkeys	0.5.1 → 0.6.0	Changeset
@tanstack/svelte-hotkeys	0.5.1 → 0.6.0	Changeset
@tanstack/vue-hotkeys	0.5.1 → 0.6.0	Changeset

🟩 Patch bumps

Package	Version	Reason
@tanstack/preact-hotkeys-devtools	0.4.4 → 0.4.5	Dependent
@tanstack/react-hotkeys-devtools	0.4.4 → 0.4.5	Dependent
@tanstack/solid-hotkeys-devtools	0.4.4 → 0.4.5	Dependent
@tanstack/vue-hotkeys-devtools	0.4.4 → 0.4.5	Dependent

[pkg-pr-new]

Open in StackBlitz

@tanstack/angular-hotkeys

npm i https://pkg.pr.new/@tanstack/angular-hotkeys@78

@tanstack/hotkeys

npm i https://pkg.pr.new/@tanstack/hotkeys@78

@tanstack/hotkeys-devtools

npm i https://pkg.pr.new/@tanstack/hotkeys-devtools@78

@tanstack/preact-hotkeys

npm i https://pkg.pr.new/@tanstack/preact-hotkeys@78

@tanstack/preact-hotkeys-devtools

npm i https://pkg.pr.new/@tanstack/preact-hotkeys-devtools@78

@tanstack/react-hotkeys

npm i https://pkg.pr.new/@tanstack/react-hotkeys@78

@tanstack/react-hotkeys-devtools

npm i https://pkg.pr.new/@tanstack/react-hotkeys-devtools@78

@tanstack/solid-hotkeys

npm i https://pkg.pr.new/@tanstack/solid-hotkeys@78

@tanstack/solid-hotkeys-devtools

npm i https://pkg.pr.new/@tanstack/solid-hotkeys-devtools@78

@tanstack/svelte-hotkeys

npm i https://pkg.pr.new/@tanstack/svelte-hotkeys@78

@tanstack/vue-hotkeys

npm i https://pkg.pr.new/@tanstack/vue-hotkeys@78

@tanstack/vue-hotkeys-devtools

npm i https://pkg.pr.new/@tanstack/vue-hotkeys-devtools@78

commit: 12db24a