virtual-keypad 5.13.3 → 5.13.4

package/dist/receiver.html

@@ -66,16 +66,20 @@
       </p>
     </div>
     <div id="display"></div>
-    <div style="display: flex;">
-      <button id="toggle-disable" style="display: none;">Disable keys.</button>
-      <button id="randomize-alphabet" style="display: none;">Randomize character set.</button>
+    <div style="display: flex">
+      <button id="toggle-disable" style="display: none">Disable keys.</button>
+      <button id="randomize-alphabet" style="display: none">
+        Randomize character set.
+      </button>
     </div>
     <script>
-      if ( window.location !== window.parent.location ) { 
+      if (window.location !== window.parent.location) {
         // The page is in an iframe, per https://tommcfarlin.com/check-if-a-page-is-in-an-iframe/
         document.getElementById("info").style.display = "none";
-      } 
-      let starting_alphabet = [..."ABCDEFGHIJKLMNOPQRSTUVWXYZ123456789".split("")]; 
+      }
+      let starting_alphabet = [
+        ..."ABCDEFGHIJKLMNOPQRSTUVWXYZ123456789".split(""),
+      ];
       const ctrl = ["RETURN", "SPACE"];
       let alphabet = [...starting_alphabet, ...ctrl];
 
@@ -86,6 +90,7 @@
         font: "Arial", // Supported font, in which to display letters
         targetElementId: "display", // id of the the div where messages should be displayed
         visualResponseFeedback: false,
+        onErrorReconnectMessage: "Custom error message",
       };
       let ondata_callback = (data) => {
         document.getElementById("display").innerText += "\n" + data.response;
@@ -98,15 +103,18 @@
           ev.target.innerText = "Enable keys.";
         } else {
           receiver.enableKeys();
-          ev.target.innerText = "Disable keys."
+          ev.target.innerText = "Disable keys.";
         }
       };
       const changeAlphabet = (ev) => {
-        const sampledAlphabet = [...randomSelection(starting_alphabet), ...ctrl];
+        const sampledAlphabet = [
+          ...randomSelection(starting_alphabet),
+          ...ctrl,
+        ];
         if (ev.target.toggleAttribute("keys-changed")) {
           // Reset disabled keys on alphabet change, easier than persisting disabled for this demo page
-          ev.target.toggleAttribute("keys-disabled")
-          ev.target.innerText = "Disable keys."
+          ev.target.toggleAttribute("keys-disabled");
+          ev.target.innerText = "Disable keys.";
 
           alphabet = sampledAlphabet;
           ev.target.innerText = "Reset alphabet.";
@@ -119,24 +127,25 @@
       var receiver = new virtualKeypad.Receiver(
         keypad_options,
         ondata_callback,
-        ()=>{
+        () => {
           const disableButton = document.getElementById("toggle-disable");
           disableButton.style.display = "block";
           disableButton.onclick = disableSomeKeys;
-          const changeAlphabetButton = document.getElementById("randomize-alphabet");
+          const changeAlphabetButton =
+            document.getElementById("randomize-alphabet");
           changeAlphabetButton.style.display = "block";
           changeAlphabetButton.onclick = changeAlphabet;
 
           console.log("RECEIV Handshake complete");
         },
-        ()=>console.log("RECEIV Connection connected"),
-        ()=>console.log("RECEIV Connection closed"),
-        ()=>console.log("RECEIV Connection error")
+        () => console.log("RECEIV Connection connected"),
+        () => console.log("RECEIV Connection closed"),
+        () => console.log("RECEIV Connection error")
       );
       const randomSelection = (source) => {
         const maybe = () => Math.random() > 0.5;
         const selection = [];
-        for (let i=0; i<source.length; i++){
+        for (let i = 0; i < source.length; i++) {
           if (maybe()) selection.push(source[i]);
         }
         return selection;

package/package.json

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

package/src/keypad.js

@@ -64,6 +64,7 @@ class Keypad extends KeypadPeer {
       case "KeypadParameters":
         this.alphabet = data.alphabet;
         this.font = data.font;
+        this.onErrorReconnectMessage = data.onErrorReconnectMessage;
         this.#populateKeypad();
         break;
       case "UpdateHeader":

package/src/maxKeySize.js

@@ -60,9 +60,7 @@ export const applyMaxKeySize = (numberOfKeys) => {
     numberOfKeys,
     aspect
   );
-  console.log(
-    `keyHeightPx: ${keyHeightPx}, cols: ${cols}, rows: ${rows}, widthPx: ${widthPx}, heightPx: ${heightPx}`
-  );
+
   const keyElems = [...keysElem.getElementsByClassName("response-button")];
   const controlKeyElemsMask = keyElems.map(
     (e) => e.parentNode.id === "keypad-control-keys"
@@ -77,10 +75,6 @@ export const applyMaxKeySize = (numberOfKeys) => {
   const verticalMarginOffset = Math.floor(freeHeight / 2);
   const horizontalMarginOffset = Math.floor(freeWidth / 2);
 
-  console.log(
-    `widthUsed: ${widthUsed}, heightUsed: ${heightUsed}, freeHeight: ${freeHeight}, freeWidth: ${freeWidth}, verticalMarginOffset: ${verticalMarginOffset}, horizontalMarginOffset: ${horizontalMarginOffset}`
-  );
-
   const controlKeys = [];
   let controlKeyFontSize = Infinity;
   let keyFontSize;

package/src/receiver.js

@@ -227,6 +227,7 @@ class Receiver extends KeypadPeer {
             message: "KeypadParameters",
             alphabet: this.alphabet,
             font: this.font,
+            onErrorReconnectMessage: this.onErrorReconnectMessage,
           });
           this.onHandshake();
           break;