@tanstack/hotkeys-devtools 0.1.2 → 0.2.0

package/dist/HotkeysContextProvider.js

@@ -17,14 +17,14 @@ function HotkeysContextProvider(props) {
 	createEffect(() => {
 		const unsubscribe = manager.registrations.subscribe(() => {
 			setRegistrations(Array.from(manager.registrations.state.values()));
-		});
+		}).unsubscribe;
 		onCleanup(() => unsubscribe());
 	});
 	createEffect(() => {
 		const unsubscribe = tracker.store.subscribe(() => {
 			setHeldKeys(tracker.store.state.heldKeys);
 			setHeldCodes(tracker.store.state.heldCodes);
-		});
+		}).unsubscribe;
 		onCleanup(() => unsubscribe());
 	});
 	return createComponent(HotkeysDevtoolsContext.Provider, {

package/dist/HotkeysContextProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"HotkeysContextProvider.js","names":["createContext","createEffect","createSignal","onCleanup","useContext","HotkeyManager","KeyStateTracker","Accessor","HotkeyRegistration","HotkeysDevtoolsContextType","registrations","Array","heldKeys","heldCodes","Record","HotkeysDevtoolsContext","HotkeysContextProvider","props","children","manager","getInstance","tracker","setRegistrations","from","state","values","setHeldKeys","store","setHeldCodes","unsubscribe","subscribe","_$createComponent","Provider","value","useHotkeysDevtoolsState"],"sources":["../src/HotkeysContextProvider.tsx"],"sourcesContent":["import {\n  createContext,\n  createEffect,\n  createSignal,\n  onCleanup,\n  useContext,\n} from 'solid-js'\nimport { HotkeyManager, KeyStateTracker } from '@tanstack/hotkeys'\nimport type { Accessor } from 'solid-js'\nimport type { HotkeyRegistration } from '@tanstack/hotkeys'\n\ninterface HotkeysDevtoolsContextType {\n  registrations: Accessor<Array<HotkeyRegistration>>\n  heldKeys: Accessor<Array<string>>\n  heldCodes: Accessor<Record<string, string>>\n}\n\nconst HotkeysDevtoolsContext = createContext<HotkeysDevtoolsContextType>({\n  registrations: () => [],\n  heldKeys: () => [],\n  heldCodes: () => ({}),\n})\n\nexport function HotkeysContextProvider(props: { children: any }) {\n  const manager = HotkeyManager.getInstance()\n  const tracker = KeyStateTracker.getInstance()\n\n  // Create local signals that will be updated by subscriptions\n  const [registrations, setRegistrations] = createSignal<\n    Array<HotkeyRegistration>\n  >(Array.from(manager.registrations.state.values()))\n  const [heldKeys, setHeldKeys] = createSignal<Array<string>>(\n    tracker.store.state.heldKeys,\n  )\n  const [heldCodes, setHeldCodes] = createSignal<Record<string, string>>(\n    tracker.store.state.heldCodes,\n  )\n\n  // Subscribe to HotkeyManager registrations store\n  createEffect(() => {\n    const unsubscribe = manager.registrations.subscribe(() => {\n      setRegistrations(Array.from(manager.registrations.state.values()))\n    })\n    onCleanup(() => unsubscribe())\n  })\n\n  // Subscribe to KeyStateTracker store\n  createEffect(() => {\n    const unsubscribe = tracker.store.subscribe(() => {\n      setHeldKeys(tracker.store.state.heldKeys)\n      setHeldCodes(tracker.store.state.heldCodes)\n    })\n    onCleanup(() => unsubscribe())\n  })\n\n  return (\n    <HotkeysDevtoolsContext.Provider\n      value={{ registrations, heldKeys, heldCodes }}\n    >\n      {props.children}\n    </HotkeysDevtoolsContext.Provider>\n  )\n}\n\nexport function useHotkeysDevtoolsState() {\n  return useContext(HotkeysDevtoolsContext)\n}\n"],"mappings":";;;;;AAiBA,MAAMe,yBAAyBf,cAA0C;CACvEU,qBAAqB,EAAE;CACvBE,gBAAgB,EAAE;CAClBC,kBAAkB,EAAE;CACrB,CAAC;AAEF,SAAgBG,uBAAuBC,OAA0B;CAC/D,MAAME,UAAUd,cAAce,aAAa;CAC3C,MAAMC,UAAUf,gBAAgBc,aAAa;CAG7C,MAAM,CAACV,eAAeY,oBAAoBpB,aAExCS,MAAMY,KAAKJ,QAAQT,cAAcc,MAAMC,QAAQ,CAAC,CAAC;CACnD,MAAM,CAACb,UAAUc,eAAexB,aAC9BmB,QAAQM,MAAMH,MAAMZ,SACrB;CACD,MAAM,CAACC,WAAWe,gBAAgB1B,aAChCmB,QAAQM,MAAMH,MAAMX,UACrB;AAGDZ,oBAAmB;EACjB,MAAM4B,cAAcV,QAAQT,cAAcoB,gBAAgB;AACxDR,oBAAiBX,MAAMY,KAAKJ,QAAQT,cAAcc,MAAMC,QAAQ,CAAC,CAAC;IAClE;AACFtB,kBAAgB0B,aAAa,CAAC;GAC9B;AAGF5B,oBAAmB;EACjB,MAAM4B,cAAcR,QAAQM,MAAMG,gBAAgB;AAChDJ,eAAYL,QAAQM,MAAMH,MAAMZ,SAAS;AACzCgB,gBAAaP,QAAQM,MAAMH,MAAMX,UAAU;IAC3C;AACFV,kBAAgB0B,aAAa,CAAC;GAC9B;AAEF,QAAAE,gBACGhB,uBAAuBiB,UAAQ;EAC9BC,OAAO;GAAEvB;GAAeE;GAAUC;GAAW;EAAA,IAAAK,WAAA;AAAA,UAE5CD,MAAMC;;EAAQ,CAAA;;AAKrB,SAAgBgB,0BAA0B;AACxC,QAAO9B,WAAWW,uBAAuB"}
+{"version":3,"file":"HotkeysContextProvider.js","names":["createContext","createEffect","createSignal","onCleanup","useContext","HotkeyManager","KeyStateTracker","Accessor","HotkeyRegistration","HotkeysDevtoolsContextType","registrations","Array","heldKeys","heldCodes","Record","HotkeysDevtoolsContext","HotkeysContextProvider","props","children","manager","getInstance","tracker","setRegistrations","from","state","values","setHeldKeys","store","setHeldCodes","unsubscribe","subscribe","_$createComponent","Provider","value","useHotkeysDevtoolsState"],"sources":["../src/HotkeysContextProvider.tsx"],"sourcesContent":["import {\n  createContext,\n  createEffect,\n  createSignal,\n  onCleanup,\n  useContext,\n} from 'solid-js'\nimport { HotkeyManager, KeyStateTracker } from '@tanstack/hotkeys'\nimport type { Accessor } from 'solid-js'\nimport type { HotkeyRegistration } from '@tanstack/hotkeys'\n\ninterface HotkeysDevtoolsContextType {\n  registrations: Accessor<Array<HotkeyRegistration>>\n  heldKeys: Accessor<Array<string>>\n  heldCodes: Accessor<Record<string, string>>\n}\n\nconst HotkeysDevtoolsContext = createContext<HotkeysDevtoolsContextType>({\n  registrations: () => [],\n  heldKeys: () => [],\n  heldCodes: () => ({}),\n})\n\nexport function HotkeysContextProvider(props: { children: any }) {\n  const manager = HotkeyManager.getInstance()\n  const tracker = KeyStateTracker.getInstance()\n\n  // Create local signals that will be updated by subscriptions\n  const [registrations, setRegistrations] = createSignal<\n    Array<HotkeyRegistration>\n  >(Array.from(manager.registrations.state.values()))\n  const [heldKeys, setHeldKeys] = createSignal<Array<string>>(\n    tracker.store.state.heldKeys,\n  )\n  const [heldCodes, setHeldCodes] = createSignal<Record<string, string>>(\n    tracker.store.state.heldCodes,\n  )\n\n  // Subscribe to HotkeyManager registrations store\n  createEffect(() => {\n    const unsubscribe = manager.registrations.subscribe(() => {\n      setRegistrations(Array.from(manager.registrations.state.values()))\n    }).unsubscribe\n    onCleanup(() => unsubscribe())\n  })\n\n  // Subscribe to KeyStateTracker store\n  createEffect(() => {\n    const unsubscribe = tracker.store.subscribe(() => {\n      setHeldKeys(tracker.store.state.heldKeys)\n      setHeldCodes(tracker.store.state.heldCodes)\n    }).unsubscribe\n    onCleanup(() => unsubscribe())\n  })\n\n  return (\n    <HotkeysDevtoolsContext.Provider\n      value={{ registrations, heldKeys, heldCodes }}\n    >\n      {props.children}\n    </HotkeysDevtoolsContext.Provider>\n  )\n}\n\nexport function useHotkeysDevtoolsState() {\n  return useContext(HotkeysDevtoolsContext)\n}\n"],"mappings":";;;;;AAiBA,MAAMe,yBAAyBf,cAA0C;CACvEU,qBAAqB,EAAE;CACvBE,gBAAgB,EAAE;CAClBC,kBAAkB,EAAE;CACrB,CAAC;AAEF,SAAgBG,uBAAuBC,OAA0B;CAC/D,MAAME,UAAUd,cAAce,aAAa;CAC3C,MAAMC,UAAUf,gBAAgBc,aAAa;CAG7C,MAAM,CAACV,eAAeY,oBAAoBpB,aAExCS,MAAMY,KAAKJ,QAAQT,cAAcc,MAAMC,QAAQ,CAAC,CAAC;CACnD,MAAM,CAACb,UAAUc,eAAexB,aAC9BmB,QAAQM,MAAMH,MAAMZ,SACrB;CACD,MAAM,CAACC,WAAWe,gBAAgB1B,aAChCmB,QAAQM,MAAMH,MAAMX,UACrB;AAGDZ,oBAAmB;EACjB,MAAM4B,cAAcV,QAAQT,cAAcoB,gBAAgB;AACxDR,oBAAiBX,MAAMY,KAAKJ,QAAQT,cAAcc,MAAMC,QAAQ,CAAC,CAAC;IAClE,CAACI;AACH1B,kBAAgB0B,aAAa,CAAC;GAC9B;AAGF5B,oBAAmB;EACjB,MAAM4B,cAAcR,QAAQM,MAAMG,gBAAgB;AAChDJ,eAAYL,QAAQM,MAAMH,MAAMZ,SAAS;AACzCgB,gBAAaP,QAAQM,MAAMH,MAAMX,UAAU;IAC3C,CAACgB;AACH1B,kBAAgB0B,aAAa,CAAC;GAC9B;AAEF,QAAAE,gBACGhB,uBAAuBiB,UAAQ;EAC9BC,OAAO;GAAEvB;GAAeE;GAAUC;GAAW;EAAA,IAAAK,WAAA;AAAA,UAE5CD,MAAMC;;EAAQ,CAAA;;AAKrB,SAAgBgB,0BAA0B;AACxC,QAAO9B,WAAWW,uBAAuB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/hotkeys-devtools",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "description": "Devtools for TanStack Hotkeys",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -37,7 +37,7 @@
     "src"
   ],
   "peerDependencies": {
-    "@tanstack/hotkeys": "0.1.2"
+    "@tanstack/hotkeys": "0.2.0"
   },
   "dependencies": {
     "@tanstack/devtools-ui": "^0.4.4",

package/src/HotkeysContextProvider.tsx

@@ -40,7 +40,7 @@ export function HotkeysContextProvider(props: { children: any }) {
   createEffect(() => {
     const unsubscribe = manager.registrations.subscribe(() => {
       setRegistrations(Array.from(manager.registrations.state.values()))
-    })
+    }).unsubscribe
     onCleanup(() => unsubscribe())
   })
 
@@ -49,7 +49,7 @@ export function HotkeysContextProvider(props: { children: any }) {
     const unsubscribe = tracker.store.subscribe(() => {
       setHeldKeys(tracker.store.state.heldKeys)
       setHeldCodes(tracker.store.state.heldCodes)
-    })
+    }).unsubscribe
     onCleanup(() => unsubscribe())
   })