virtual-keypad 5.0.0 → 5.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "virtual-keypad",
-  "version": "5.0.0",
+  "version": "5.2.0",
   "description": "User response at a distance. Simple utility to summon forth a virtual keypad webapp.",
   "main": "dist/main.js",
   "directories": {

package/src/keypad.js

@@ -122,6 +122,8 @@ class Keypad extends KeypadPeer {
       console.log("No target element used.");
       document.getElementsByTagName("main")[0].appendChild(keypadElem);
     }
+    window.onbeforeunload = () => {this.conn?.close(); console.log("closing connection on page unload.")};
+    window.onvisibilitychange = () => {this.conn?.close(); console.log("closing connection on page unload.")};
   };
   #populateKeypad = () => {
     const buttonResponseFn = (button) => {

package/src/receiver.js

@@ -23,9 +23,9 @@ class Receiver extends KeypadPeer {
 
     this.onData = onDataCallback; // What to do on a button-press
     this.onHandshake = handshakeCallback; // What to do when the connection is established
-    this.onConnection = (connection) => {customConnectionCallback(connection); this.#onPeerConnection(connection)};
-    this.onClose = () => {customCloseCallback(); this.onPeerClose()};
-    this.onError = (err) => {customErrorCallback(err); this.onPeerError(err)};
+    this.onConnection = (connection) => {this.#onPeerConnection(connection); customConnectionCallback(connection)};
+    this.onClose = () => {this.onPeerClose(); customCloseCallback()};
+    this.onError = (err) => {this.onPeerError(err); customErrorCallback(err)};
 
     /* Set up callbacks that handle any events related to our peer object. */
     this.peer.on("open", this.#onPeerOpen); // On creation of Receiver (local) Peer object