@wwawing/virtual-pad 3.12.10 → 3.12.14

package/LICENSE

@@ -1,7 +1,7 @@
 The MIT License (MIT)
 
 Copyright (c) 1996-2015 NAO
-Copyright (c) 2015-2023 WWA Wing Team
+Copyright (c) 2015-2024 WWA Wing Team
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/lib/VirtualPad.js

@@ -1,4 +1,4 @@
-export var VirtualPadButtonCodes = [
+export const VirtualPadButtonCodes = [
     "BUTTON_ENTER",
     "BUTTON_ESC",
     "BUTTON_SIDEBAR",
@@ -9,21 +9,15 @@ export var VirtualPadButtonCodes = [
     "BUTTON_RIGHT",
     "BUTTON_DOWN"
 ];
-var VirtualPadMoveButtonCodes = [
+const VirtualPadMoveButtonCodes = [
     "BUTTON_LEFT",
     "BUTTON_UP",
     "BUTTON_RIGHT",
     "BUTTON_DOWN"
 ];
-var VirtualPadMoveButtonsSet = new Set(VirtualPadMoveButtonCodes);
-var VirtualPadStore = (function () {
-    function VirtualPadStore(buttons, firstVisible, buttonWrapper, moveButtons, onTouchStart, onTouchEnd) {
-        if (firstVisible === void 0) { firstVisible = false; }
-        if (buttonWrapper === void 0) { buttonWrapper = null; }
-        if (moveButtons === void 0) { moveButtons = null; }
-        if (onTouchStart === void 0) { onTouchStart = null; }
-        if (onTouchEnd === void 0) { onTouchEnd = null; }
-        var _this = this;
+const VirtualPadMoveButtonsSet = new Set(VirtualPadMoveButtonCodes);
+export default class VirtualPadStore {
+    constructor(buttons, firstVisible = false, buttonWrapper = null, moveButtons = null, onTouchStart = null, onTouchEnd = null) {
         this._enabled = buttons !== null;
         this._visible = firstVisible;
         this._onTouchStart = onTouchStart || null;
@@ -42,65 +36,61 @@ var VirtualPadStore = (function () {
         if (buttons === null) {
             return;
         }
-        var _loop_1 = function (buttonTypeString) {
-            var button = buttons[buttonTypeString];
+        for (const buttonTypeString in buttons) {
+            const button = buttons[buttonTypeString];
             if (!button) {
-                return "continue";
+                continue;
             }
-            var buttonCode = buttonTypeString;
-            this_1._availableButtons.push(buttonCode);
+            const buttonCode = buttonTypeString;
+            this._availableButtons.push(buttonCode);
             button.setAttribute("type", buttonTypeString);
-            this_1._isTouchingButtons[buttonCode] = {
+            this._isTouchingButtons[buttonCode] = {
                 prev: false,
                 current: false,
                 next: false
             };
-            var cancelBrowserTouchEvent = function (event) {
+            const cancelBrowserTouchEvent = (event) => {
                 if (event.cancelable) {
                     event.preventDefault();
                 }
             };
-            var cancelVirtualPad = function (event) {
+            const cancelVirtualPad = (event) => {
                 cancelBrowserTouchEvent(event);
-                _this.allClear();
+                this.allClear();
             };
-            button.addEventListener("touchstart", function (event) {
+            button.addEventListener("touchstart", (event) => {
                 cancelBrowserTouchEvent(event);
-                _this.setTouchInfo(buttonCode);
+                this.setTouchInfo(buttonCode);
             });
             button.addEventListener("touchcancel", cancelVirtualPad);
             if (VirtualPadStore.isMoveButton(buttonCode)) {
-                button.addEventListener("touchmove", this_1._detectMovingMoveButton.bind(this_1));
-                button.addEventListener("touchend", this_1.allMoveClear.bind(this_1));
+                button.addEventListener("touchmove", this._detectMovingMoveButton.bind(this));
+                button.addEventListener("touchend", this.allMoveClear.bind(this));
             }
             else {
-                button.addEventListener("touchend", function (event) {
+                button.addEventListener("touchend", (event) => {
                     cancelBrowserTouchEvent(event);
-                    _this.clearTouchInfo(buttonCode);
+                    this.clearTouchInfo(buttonCode);
                 });
             }
-        };
-        var this_1 = this;
-        for (var buttonTypeString in buttons) {
-            _loop_1(buttonTypeString);
         }
         if (moveButtons !== null) {
             moveButtons.addEventListener("touchmove", this._detectMovingMoveButton.bind(this));
         }
     }
-    VirtualPadStore.prototype._detectMovingMoveButton = function (event) {
+    _detectMovingMoveButton(event) {
         event.preventDefault();
         this.allMoveClear();
-        var touch = event.targetTouches.item(0);
+        const touch = event.targetTouches.item(0);
         if (!this._moveButtonsElement || touch === null) {
             return;
         }
-        var moveButtonRect = this._moveButtonsElement.getBoundingClientRect();
-        var bodyRect = document.body.getBoundingClientRect();
-        var centerPositionX = moveButtonRect.left - bodyRect.left + (moveButtonRect.width / 2);
-        var centerPositionY = moveButtonRect.top - bodyRect.top + (moveButtonRect.height / 2);
-        var touchX = touch.pageX - centerPositionX;
-        var touchY = touch.pageY - centerPositionY;
+        const moveButtonRect = this._moveButtonsElement.getBoundingClientRect();
+        const bodyRect = document.body.getBoundingClientRect();
+        const centerPositionX = moveButtonRect.left - bodyRect.left + (moveButtonRect.width / 2);
+        const centerPositionY = moveButtonRect.top - bodyRect.top + (moveButtonRect.height / 2);
+        const touchX = touch.pageX - centerPositionX;
+        const touchY = touch.pageY - centerPositionY;
         if (touchX >= touchY) {
             if (touchX <= -touchY) {
                 this.setTouchInfo("BUTTON_UP");
@@ -117,8 +107,8 @@ var VirtualPadStore = (function () {
                 this.setTouchInfo("BUTTON_LEFT");
             }
         }
-    };
-    VirtualPadStore.prototype._setVisible = function (visible) {
+    }
+    _setVisible(visible) {
         if (this._moveButtonsElement !== null) {
             this._moveButtonsElement.style.display = visible ? "grid" : "none";
         }
@@ -126,28 +116,28 @@ var VirtualPadStore = (function () {
             this._buttonWrapperElement.style.display = visible ? "grid" : "none";
         }
         this._visible = visible;
-    };
-    VirtualPadStore.prototype.checkTouchButton = function (buttonType) {
+    }
+    checkTouchButton(buttonType) {
         if (!this._enabled) {
             return false;
         }
-        var state = this.getButtonState(buttonType);
+        const state = this.getButtonState(buttonType);
         return state === "TOUCH";
-    };
-    VirtualPadStore.prototype.checkTouchingButton = function (buttonType) {
+    }
+    checkTouchingButton(buttonType) {
         if (!this._enabled) {
             return false;
         }
-        var state = this.getButtonState(buttonType);
+        const state = this.getButtonState(buttonType);
         return state === "TOUCH" || state === "TOUCHING";
-    };
-    VirtualPadStore.prototype.getButtonState = function (buttonType) {
-        var button = this._isTouchingButtons[buttonType];
+    }
+    getButtonState(buttonType) {
+        const button = this._isTouchingButtons[buttonType];
         if (!this._enabled || button === undefined) {
             return "NONE";
         }
-        var touched = button.prev;
-        var isTouching = button.current;
+        const touched = button.prev;
+        const isTouching = button.current;
         if (touched && isTouching) {
             return "TOUCHING";
         }
@@ -158,69 +148,64 @@ var VirtualPadStore = (function () {
             return "LEAVE";
         }
         return "NONE";
-    };
-    VirtualPadStore.prototype.setTouchInfo = function (buttonType) {
-        var button = this._isTouchingButtons[buttonType];
+    }
+    setTouchInfo(buttonType) {
+        const button = this._isTouchingButtons[buttonType];
         if (!this._enabled || button === undefined) {
             return;
         }
         button.next = true;
-    };
-    VirtualPadStore.prototype.clearTouchInfo = function (buttonType) {
-        var button = this._isTouchingButtons[buttonType];
+    }
+    clearTouchInfo(buttonType) {
+        const button = this._isTouchingButtons[buttonType];
         if (!this._enabled || button === undefined) {
             return;
         }
         button.next = false;
-    };
-    VirtualPadStore.prototype.allMoveClear = function () {
-        var _this = this;
-        VirtualPadMoveButtonCodes.forEach(function (buttonCode) {
-            if (_this._availableButtons.includes(buttonCode)) {
-                _this.clearTouchInfo(buttonCode);
+    }
+    allMoveClear() {
+        VirtualPadMoveButtonCodes.forEach((buttonCode) => {
+            if (this._availableButtons.includes(buttonCode)) {
+                this.clearTouchInfo(buttonCode);
             }
         });
-    };
-    VirtualPadStore.prototype.allClear = function () {
-        var _this = this;
-        this._availableButtons.forEach(function (buttonCode) {
+    }
+    allClear() {
+        this._availableButtons.forEach((buttonCode) => {
             if (buttonCode !== undefined) {
-                var button = _this._isTouchingButtons[buttonCode];
+                const button = this._isTouchingButtons[buttonCode];
                 if (button !== undefined) {
                     button.next = false;
                 }
             }
         });
-    };
-    VirtualPadStore.isMoveButton = function (buttonType) {
+    }
+    static isMoveButton(buttonType) {
         return VirtualPadMoveButtonsSet.has(buttonType);
-    };
-    VirtualPadStore.prototype.update = function () {
-        var _this = this;
-        this._availableButtons.forEach(function (buttonCode) {
+    }
+    update() {
+        this._availableButtons.forEach((buttonCode) => {
             var _a, _b;
             if (buttonCode === undefined) {
                 return;
             }
-            var currentButtonTouching = _this._isTouchingButtons[buttonCode];
+            const currentButtonTouching = this._isTouchingButtons[buttonCode];
             if (currentButtonTouching === undefined) {
                 return;
             }
-            _this._isTouchingButtons[buttonCode].prev = currentButtonTouching.current;
-            _this._isTouchingButtons[buttonCode].current = currentButtonTouching.next;
-            switch (_this.getButtonState(buttonCode)) {
+            this._isTouchingButtons[buttonCode].prev = currentButtonTouching.current;
+            this._isTouchingButtons[buttonCode].current = currentButtonTouching.next;
+            switch (this.getButtonState(buttonCode)) {
                 case "TOUCH":
-                    (_a = _this._onTouchStart) === null || _a === void 0 ? void 0 : _a.call(_this, buttonCode);
+                    (_a = this._onTouchStart) === null || _a === void 0 ? void 0 : _a.call(this, buttonCode);
                     break;
                 case "LEAVE":
-                    (_b = _this._onTouchEnd) === null || _b === void 0 ? void 0 : _b.call(_this, buttonCode);
+                    (_b = this._onTouchEnd) === null || _b === void 0 ? void 0 : _b.call(this, buttonCode);
                     break;
             }
         });
-    };
-    VirtualPadStore.prototype.toggleVisible = function () {
+    }
+    toggleVisible() {
         this._setVisible(!this._visible);
-    };
-    return VirtualPadStore;
-}());
-export default VirtualPadStore;
+    }
+}

package/lib/makeInject.js

@@ -1,3 +1,16 @@
 export default function makeInject() {
-    return "\n    <div id=\"wwa-virtualpad-left\">\n      <button class=\"wwa-virtualpad__button\" id=\"wwa-up-button\"></button>\n      <button class=\"wwa-virtualpad__button\" id=\"wwa-left-button\"></button>\n      <button class=\"wwa-virtualpad__button\" id=\"wwa-right-button\"></button>\n      <button class=\"wwa-virtualpad__button\" id=\"wwa-down-button\"></button>\n      <div class=\"wwa-virtualpad__hole\"></div>\n    </div>\n    <div id=\"wwa-virtualpad-right\">\n      <button class=\"wwa-virtualpad__button\" id=\"wwa-slow-button\">I</button>\n      <button class=\"wwa-virtualpad__button\" id=\"wwa-fast-button\">P</button>\n      <button class=\"wwa-virtualpad__button\" id=\"wwa-enter-button\">Y</button>\n      <button class=\"wwa-virtualpad__button\" id=\"wwa-esc-button\">N</button>\n    </div>";
+    return `
+    <div id="wwa-virtualpad-left">
+      <button class="wwa-virtualpad__button" id="wwa-up-button"></button>
+      <button class="wwa-virtualpad__button" id="wwa-left-button"></button>
+      <button class="wwa-virtualpad__button" id="wwa-right-button"></button>
+      <button class="wwa-virtualpad__button" id="wwa-down-button"></button>
+      <div class="wwa-virtualpad__hole"></div>
+    </div>
+    <div id="wwa-virtualpad-right">
+      <button class="wwa-virtualpad__button" id="wwa-slow-button">I</button>
+      <button class="wwa-virtualpad__button" id="wwa-fast-button">P</button>
+      <button class="wwa-virtualpad__button" id="wwa-enter-button">Y</button>
+      <button class="wwa-virtualpad__button" id="wwa-esc-button">N</button>
+    </div>`;
 }

package/lib/viewportFit.js

@@ -1,24 +1,24 @@
 export function initializeViewport() {
-    var headElement = document.getElementsByTagName('head')[0];
-    var viewportElement = document.createElement('meta');
+    const headElement = document.getElementsByTagName('head')[0];
+    let viewportElement = document.createElement('meta');
     viewportElement.setAttribute('name', 'viewport');
     headElement.appendChild(viewportElement);
     viewportFit();
 }
 export default function viewportFit() {
-    var WWA_WIDTH = 560;
-    var WWA_HEIGHT = 440;
-    var BROWSER_MARGIN = 8;
-    var viewportElement = document.querySelector("meta[name='viewport']");
-    var browserWidth = window.innerWidth;
-    var browserHeight = window.innerHeight;
-    var viewportValue = "user-scalable=no";
+    const WWA_WIDTH = 560;
+    const WWA_HEIGHT = 440;
+    const BROWSER_MARGIN = 8;
+    const viewportElement = document.querySelector("meta[name='viewport']");
+    const browserWidth = window.innerWidth;
+    const browserHeight = window.innerHeight;
+    let viewportValue = "user-scalable=no";
     if (browserWidth > browserHeight) {
-        var width = Math.floor((browserWidth / browserHeight) * (WWA_HEIGHT + (BROWSER_MARGIN) * 2));
-        viewportValue = "width=".concat(width, ",").concat(viewportValue);
+        const width = Math.floor((browserWidth / browserHeight) * (WWA_HEIGHT + (BROWSER_MARGIN) * 2));
+        viewportValue = `width=${width},${viewportValue}`;
     }
     else if (browserWidth <= browserHeight) {
-        viewportValue = "width=".concat(WWA_WIDTH + (BROWSER_MARGIN * 2), ",").concat(viewportValue);
+        viewportValue = `width=${WWA_WIDTH + (BROWSER_MARGIN * 2)},${viewportValue}`;
     }
-    viewportElement === null || viewportElement === void 0 ? void 0 : viewportElement.setAttribute("content", "".concat(viewportValue));
+    viewportElement === null || viewportElement === void 0 ? void 0 : viewportElement.setAttribute("content", `${viewportValue}`);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wwawing/virtual-pad",
-  "version": "3.12.10",
+  "version": "3.12.14",
   "description": "WWA Wing Virtual Pad for mobile phone",
   "main": "lib/index.js",
   "scripts": {
@@ -16,5 +16,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5f1b484f4996daa4e6c7b5e2603e471d5db6a0fc"
+  "gitHead": "a4289ff989f8b50056ddaa56fafce2bdcd794823"
 }