Merge branch 'josh-typescript-current-target'

Author: dgraham

index.d.ts

@@ -1,4 +1,6 @@
-export function on<K extends keyof GlobalEventHandlersEventMap>(name: K, selector: string, listener: (this: GlobalEventHandlers, ev: GlobalEventHandlersEventMap[K]) => any, options?: EventListenerOptions): void;
-export function on(name: string, selector: string, listener: EventListener, options?: EventListenerOptions): void;
-export function off(name: string, selector: string, listener: EventListener, options?: EventListenerOptions): void;
-export function fire(target: EventTarget, name: string, detail?: any): boolean;
+type DelegatedEventListener = (this: Element, ev: CustomEvent & {currentTarget: Element}) => any
+
+export function on<K extends keyof GlobalEventHandlersEventMap>(name: K, selector: string, listener: (this: GlobalEventHandlers & Element, ev: GlobalEventHandlersEventMap[K] & {currentTarget: Element}) => any, options?: EventListenerOptions): void;
+export function on(name: string, selector: string, listener: DelegatedEventListener, options?: EventListenerOptions): void;
+export function off(name: string, selector: string, listener: DelegatedEventListener, options?: EventListenerOptions): void;
+export function fire(target: Element, name: string, detail?: any): boolean;

package-lock.json

@@ -10,11 +10,12 @@
   "scripts": {
     "clean": "rm -rf build dist",
     "flow": "flow check",
+    "ts": "tsc --noEmit test/test-ts.ts",
     "lint": "eslint delegated-events.js test",
     "bootstrap": "git submodule update --init && npm install",
-    "prebuild": "npm run clean && npm run flow && npm run lint",
+    "prebuild": "npm run clean && npm run flow && npm run ts && npm run lint",
     "build": "rollup -c && cp delegated-events.js.flow dist/index.esm.js.flow && cp delegated-events.js.flow dist/index.umd.js.flow",
-    "pretest": "npm run clean && npm run flow && npm run lint && rollup -c rollup.config.test.js",
+    "pretest": "npm run clean && npm run flow && npm run ts && npm run lint && rollup -c rollup.config.test.js",
     "test": "karma start --single-run --browsers ChromeHeadless karma.conf.js",
     "prebrowser": "npm run pretest",
     "browser": "open \"file://$(pwd)/test/test.html\"",
@@ -42,7 +43,8 @@
     "prettier": "^1.18.2",
     "rollup": "^1.20.3",
     "rollup-plugin-babel": "^4.3.3",
-    "rollup-plugin-node-resolve": "^5.2.0"
+    "rollup-plugin-node-resolve": "^5.2.0",
+    "typescript": "^3.6.3"
   },
   "files": [
     "dist",

package.json

@@ -0,0 +1,31 @@
+import {on} from '../index';
+
+on('click', '.hubot', function(event) {
+  const e: MouseEvent = event;
+  event.button;
+
+  const self: Element = this;
+  this.matches;
+
+  const t: Element = event.currentTarget;
+  event.currentTarget.matches;
+});
+
+on('custom:event', '.hubot', function(event) {
+  const e: CustomEvent = event;
+  event.detail;
+
+  const self: Element = this;
+  this.matches;
+
+  const t: Element = event.currentTarget;
+  event.currentTarget.matches;
+});
+
+document.addEventListener('click', handleEvent);
+on('click', '.hubot', handleEvent);
+
+function handleEvent(event: MouseEvent) {
+  event.button;
+  event.target;
+}