listenTo multiple events at once

Author: royalicing

package.json

@@ -1,7 +1,7 @@
 {
   "name": "yieldmachine",
   "amdName": "yieldmachine",
-  "version": "0.4.7",
+  "version": "0.4.9",
   "description": "Declarative state machines using generator functions",
   "source": "src/index.ts",
   "main": "dist/yieldmachine.js",

src/index.test.ts

@@ -851,8 +851,11 @@ describe("Key shortcut cond reading event", () => {
 
 describe("Element focus", () => {
   function* ButtonFocusListener(el: HTMLElement) {
-    yield listenTo(el.ownerDocument, "focusin");  
-    yield on("focusin", compound(CheckingActive));
+    yield listenTo(el, ["blur", "focus"]);  
+    // yield listenTo(el.ownerDocument, "focusin");  
+    // yield on("focusin", compound(CheckingActive));
+    yield on("focus", compound(CheckingActive));
+    yield on("blur", compound(CheckingActive));
 
     function* Inactive() {}
     function* Active() {}
@@ -889,6 +892,10 @@ describe("Element focus", () => {
     expect(machine.current).toEqual("Active");
     expect(machine.changeCount).toEqual(6);
 
+    button.blur();
+    expect(machine.current).toEqual("Inactive");
+    expect(machine.changeCount).toEqual(8);
+
     machine.abort();
     button.remove();
     input.remove();

src/index.ts

@@ -38,7 +38,7 @@ export interface On {
 
 export interface ListenTo {
   type: "listenTo";
-  eventName: string;
+  eventNames: Array<string>;
   sender: EventTarget
 }
 export interface Always {
@@ -90,8 +90,8 @@ export function exit(f: ActionBody): ExitAction {
   return { type: "exit", f };
 }
 
-export function listenTo(sender: EventTarget, eventName: string): ListenTo {
-  return { type: "listenTo", sender, eventName };
+export function listenTo(sender: EventTarget, eventNames: string | Array<string>): ListenTo {
+  return { type: "listenTo", sender, eventNames: ([] as Array<string>).concat(eventNames) };
 }
 
 export function send<Method extends string | symbol, Arguments extends any[]>(target: () => Record<Method, (...args: Arguments) => void>, method: Method, args: Arguments): Send<Method, Arguments> {
@@ -198,7 +198,9 @@ class Handlers {
     } else if (value.type === "cond") {
       this.alwaysArray.push(value);
     } else if (value.type === 'listenTo') {
-      this.eventsToListenTo.push([value.eventName, value.sender]);
+      for (const eventName of value.eventNames) {
+        this.eventsToListenTo.push([eventName, value.sender]);
+      }
     } else if (value.type === 'accumulate') {
       this.eventsToAccumulate.push([value.eventName, value.resultKey]);
     } else if (value.type === 'readContext') {