@tanstack/hotkeys-devtools 0.9.0 → 1.1.0

package/README.md

@@ -1,5 +1,19 @@
 <div align="center">
-  <img src="./media/header_hotkeys.png" alt="TanStack Hotkeys" />
+  <picture>
+    <source
+      media="(prefers-color-scheme: dark)"
+      srcset="https://tanstack.com/api/readme/hotkeys.png?theme=dark"
+    />
+    <source
+      media="(prefers-color-scheme: light)"
+      srcset="https://tanstack.com/api/readme/hotkeys.png"
+    />
+    <img
+      src="https://tanstack.com/api/readme/hotkeys.png"
+      alt="TanStack Hotkeys"
+      width="900"
+    />
+  </picture>
 </div>
 
 <br />

package/dist/HotkeysContextProvider.js

@@ -76,5 +76,4 @@ function useHotkeysDevtoolsState() {
 }
 
 //#endregion
-export { HotkeysContextProvider, useHotkeysDevtoolsState };
-//# sourceMappingURL=HotkeysContextProvider.js.map
+export { HotkeysContextProvider, useHotkeysDevtoolsState };

package/dist/_registrations.js

@@ -0,0 +1,47 @@
+import { useHotkeysDevtoolsState } from "./HotkeysContextProvider.js";
+import { createMemo } from "solid-js";
+import { findHotkeyConflicts, formatForDisplay, parseHotkey } from "@tanstack/hotkeys";
+
+//#region src/_registrations.ts
+/** Refresh shared conflict reporting when either registry changes. */
+function useRegistrationConflicts(registration) {
+	const state = useHotkeysDevtoolsState();
+	return createMemo(() => {
+		state.registrations();
+		state.sequenceRegistrations();
+		const reg = registration();
+		if (reg.options.enabled === false) return {
+			overlapping: [],
+			separate: []
+		};
+		const binding = "sequence" in reg ? reg.sequence : reg.hotkey;
+		const options = {
+			target: reg.target,
+			platform: reg.options.platform,
+			eventType: reg.options.eventType,
+			excludeIds: [reg.id]
+		};
+		const overlapping = findHotkeyConflicts(binding, options).map((c) => c.registration);
+		const ids = new Set(overlapping.map((r) => r.id));
+		return {
+			overlapping,
+			separate: findHotkeyConflicts(binding, {
+				...options,
+				scope: "all"
+			}).map((c) => c.registration).filter((r) => !ids.has(r.id))
+		};
+	});
+}
+/** Format either kind of registration, respecting its platform and physical labels. */
+function formatRegistration(reg) {
+	return ("sequence" in reg ? reg.sequence : [reg.hotkey]).map((step) => formatForDisplay(step, { platform: reg.options.platform })).join(" → ");
+}
+/** Sequences may mix logical keys and physical codes, so report both when needed. */
+function getBindingKind(reg) {
+	const parsed = "sequence" in reg ? reg.sequence.map((step) => parseHotkey(step, reg.options.platform)) : [reg.parsedHotkey];
+	const codes = parsed.filter((step) => step.code !== void 0).length;
+	return codes === 0 ? "Key" : codes === parsed.length ? "Code" : "Mixed";
+}
+
+//#endregion
+export { formatRegistration, getBindingKind, useRegistrationConflicts };

package/dist/components/ActionButtons.js

@@ -3,7 +3,7 @@ import { className, delegateEvents, effect, template } from "solid-js/web";
 import { HotkeyManager, SequenceManager } from "@tanstack/hotkeys";
 
 //#region src/components/ActionButtons.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div><button><span></span>Trigger`);
+var _tmpl$ = /*#__PURE__*/ template(`<div><button><span></span>Trigger`);
 function isSequenceRegistration(reg) {
 	return "sequence" in reg && Array.isArray(reg.sequence);
 }
@@ -34,5 +34,4 @@ function ActionButtons(props) {
 delegateEvents(["mousedown"]);
 
 //#endregion
-export { ActionButtons };
-//# sourceMappingURL=ActionButtons.js.map
+export { ActionButtons };