2.0.2

README.md

@@ -137,20 +137,20 @@ function Demo(){
 ```jsx
 import { FingerProxy, FingerProxyContainer } from "react-finger";
 
+const FingeredDiv = Finger("div");
+
 function Demo(){
   return (
-    <YourBoundaryWrapper>
-      <FingerProxy 
-        onShortcut = { event => {
-          event.when(['control','shift','a'], ()=>{
-            // Something...
-          });
-          event.when(['control','shift','b'], ()=>{
-            // Something...
-          });
-        }}
-      />
-    </YourBoundaryWrapper>
+    <FingeredDiv 
+      onShortcut = { event => {
+        event.when(['control','shift','a'], ()=>{
+          // Something...
+        });
+        event.when(['control','shift','b'], ()=>{
+          // Something...
+        });
+      }}
+    />
   );
 }
 ```

examples/develop.tsx

@@ -20,9 +20,12 @@ const boxStyle: CSSProperties = {
 const onShortcut = (event: FingerShortcutEvent) => {
   event.when(["f", "a"], () => {
     console.log('FingerProxy onShortcut', event);
-  }); 
+  });
+  event.when(["f1", "f2"], () => {
+    console.log('FingerProxy onShortcut', event.key);
+  });
 };
- 
+
 export function App() {
 
   return (

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-finger",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "React Finger is a library of gesture events for React that allows developers to use a single set of events for both desktop and mobile devices.",
   "keywords": [
     "Gesture",

src/core/FingerEventWrapper.ts

@@ -49,6 +49,11 @@ const POINTER_EVENT_KEYS = [
   "composedPath",
   "preventDefault",
   "eventPhase",
+  "isDefaultPrevented",
+  "isPropagationStopped",
+  "isTrusted",
+  "defaultPrevented",
+  "getModifierState",
   "location",
   "path",
   "view",

src/core/FingerKeyboardEvents.ts

@@ -21,6 +21,7 @@ export type FingerShortcutEvent<T extends Element = Element> =
   FingerKeyboardEvent<
     T,
     {
+      keys: string[];
       when: (keys: string[], handler: () => void) => void;
     }
   >;

src/events/FingerShortcutProvider.ts

@@ -11,13 +11,16 @@ import {
 import { FingerProvider } from "../core/FingerProviders";
 
 const KEY_SET = Symbol();
+const LAST_ACTION = Symbol();
 
 export const FingerShortcutProvider: FingerProvider = {
   name: "Shortcut",
   events: ["onShortcut"],
 
   handleKeyDown: ({ events, context, event }) => {
     const { flags } = context;
+    if (!event.repeat) flags.set(LAST_ACTION, "down");
+    if (flags.get(LAST_ACTION) === "up") return;
     const set = flags.has(KEY_SET)
       ? (flags.get(KEY_SET) as Set<string>)
       : new Set<string>();
@@ -28,13 +31,16 @@ export const FingerShortcutProvider: FingerProvider = {
         handler();
       }
     };
-    const shortcutEvent = FingerKeyboardEvent("onShortcut", event, { when });
+    const keys = Array.from(set);
+    const detail = { when, keys };
+    const shortcutEvent = FingerKeyboardEvent("onShortcut", event, detail);
     events.onShortcut?.(shortcutEvent);
   },
 
   handleKeyUp: ({ context, event }) => {
     const { flags } = context;
     if (!flags.has(KEY_SET)) return;
+    flags.set(LAST_ACTION, "up");
     (flags.get(KEY_SET) as Set<string>).delete(event.key.toLowerCase());
   },
 };