pxt-arcade 1.10.21 → 1.10.23

package/built/sim.js

@@ -159,7 +159,46 @@ var pxsim;
         setSimThemeColor("button-stroke", searchParams.get("button-stroke"));
         setSimThemeColor("text-color", searchParams.get("text-color"));
         setSimThemeColor("button-fill", searchParams.get("button-fill"));
+        if (!!searchParams.get("pointer-events"))
+            registerPointerEvents();
     });
+    function registerPointerEvents() {
+        const canvas = document.getElementById("game-screen");
+        const encoder = new TextEncoder();
+        const reporter = (event) => {
+            var _a;
+            // map canvas coordinates to arcade screen coordinates
+            const rect = canvas.getBoundingClientRect();
+            const x = ((event.clientX - rect.left) / rect.width) * 160;
+            const y = ((event.clientY - rect.top) / rect.height) * 120;
+            const msg = {
+                x,
+                y,
+                type: event.type,
+                pointerId: event.pointerId,
+                buttons: event.buttons,
+                pressure: event.pressure,
+                pointerType: event.pointerType,
+            };
+            const data = encoder.encode(JSON.stringify(msg));
+            const state = (_a = pxsim.board()) === null || _a === void 0 ? void 0 : _a.controlMessageState;
+            // queue in control sims
+            state === null || state === void 0 ? void 0 : state.enqueue({
+                type: "messagepacket",
+                channel: "pointer-events",
+                broadcast: false,
+                data,
+            });
+        };
+        canvas.addEventListener("pointerdown", reporter);
+        canvas.addEventListener("pointerup", reporter);
+        canvas.addEventListener("pointermove", reporter);
+        canvas.addEventListener("pointerleave", reporter);
+        canvas.addEventListener("pointerenter", reporter);
+        canvas.addEventListener("pointercancel", reporter);
+        canvas.addEventListener("pointerover", reporter);
+        canvas.addEventListener("pointerout", reporter);
+    }
     function setSimThemeColor(part, color) {
         if (!part || !color || !/^[0-9A-F]{6}$/i.test(color))
             return;
@@ -191,27 +230,27 @@ var pxsim;
             window.onkeydown = function (e) {
                 const b = board();
                 if (b) {
-                    const key = (typeof e.which == "number") ? e.which : e.keyCode;
+                    const key = typeof e.which == "number" ? e.which : e.keyCode;
                     b.setKey(key, true, e);
                 }
                 pxsim.Runtime.postMessage({
                     type: "messagepacket",
                     broadcast: false,
                     channel: "keydown-" + e.key,
-                    data: new Uint8Array()
+                    data: new Uint8Array(),
                 });
             };
             window.onkeyup = function (e) {
                 const b = board();
                 if (b) {
-                    const key = (typeof e.which == "number") ? e.which : e.keyCode;
+                    const key = typeof e.which == "number" ? e.which : e.keyCode;
                     b.setKey(key, false, e);
                 }
                 pxsim.Runtime.postMessage({
                     type: "messagepacket",
                     broadcast: false,
                     channel: "keyup-" + e.key,
-                    data: new Uint8Array()
+                    data: new Uint8Array(),
                 });
             };
             window.oncontextmenu = function (e) {
@@ -246,11 +285,13 @@ var pxsim;
                 if (url.searchParams.get("hideSimButtons") === "1") {
                     const gamePlayer = document.getElementsByClassName("game-player");
                     if (gamePlayer && gamePlayer.length) {
-                        document.getElementsByClassName("game-player")[0].classList.add('just-screen');
+                        document
+                            .getElementsByClassName("game-player")[0]
+                            .classList.add("just-screen");
                     }
                 }
             };
-            window.addEventListener("message", ev => {
+            window.addEventListener("message", (ev) => {
                 if (ev.data.button !== undefined) {
                     let key;
                     switch (ev.data.button) {
@@ -284,7 +325,8 @@ var pxsim;
                         b.setButton(key, ev.data.pressed);
                 }
                 if (ev.data.context !== undefined) {
-                    if (ev.data.context == "client" || ev.data.context == "server") {
+                    if (ev.data.context == "client" ||
+                        ev.data.context == "server") {
                         const b = board();
                         b.multiplayerState.origin = ev.data.context;
                     }
@@ -315,27 +357,33 @@ var pxsim;
             this.microphoneState = new pxsim.AnalogSensorState(DAL.DEVICE_ID_MICROPHONE, 0, 255, 50, 120);
             this.controlMessageState = new pxsim.ControlMessageState(this);
             // set all pin ids
-            [{
+            [
+                {
                     prefix: "PIN_A",
                     id: 100,
-                    count: 32
-                }, {
+                    count: 32,
+                },
+                {
                     prefix: "PIN_B",
                     id: 300,
-                    count: 32
-                }, {
+                    count: 32,
+                },
+                {
                     prefix: "PIN_C",
                     id: 350,
-                    count: 32
-                }, {
+                    count: 32,
+                },
+                {
                     prefix: "PIN_D",
                     id: 150,
-                    count: 32
-                }, {
+                    count: 32,
+                },
+                {
                     prefix: "PIN_P",
                     id: 400,
-                    count: 20
-                }].forEach(pinp => {
+                    count: 20,
+                },
+            ].forEach((pinp) => {
                 for (let i = 0; i < pinp.count; ++i) {
                     const id = pinp.id + i;
                     pxsim.setConfigKey(pinp.prefix + i, id);
@@ -344,25 +392,26 @@ var pxsim;
                 }
             });
             // add pins from config
-            const pins = pxsim.getAllConfigKeys()
-                .filter(k => /^PIN_/.test(k))
-                .map(k => pxsim.getConfig(pxsim.getConfigKey(k)))
-                .filter(id => !!id);
+            const pins = pxsim
+                .getAllConfigKeys()
+                .filter((k) => /^PIN_/.test(k))
+                .map((k) => pxsim.getConfig(pxsim.getConfigKey(k)))
+                .filter((id) => !!id);
             this.edgeConnectorState = new pxsim.EdgeConnectorState({
-                pins
+                pins,
             });
             this.lightSensorState = new pxsim.AnalogSensorState(DAL.DEVICE_ID_LIGHT_SENSOR);
             this.thermometerState = new pxsim.AnalogSensorState(DAL.DEVICE_ID_THERMOMETER);
             this.thermometerUnitState = pxsim.TemperatureUnit.Celsius;
             this.radioState = new pxsim.RadioState(pxsim.runtime, this, {
                 ID_RADIO: DAL.DEVICE_ID_RADIO,
-                RADIO_EVT_DATAGRAM: DAL.DEVICE_RADIO_EVT_DATAGRAM
+                RADIO_EVT_DATAGRAM: DAL.DEVICE_RADIO_EVT_DATAGRAM,
             });
             this.multiplayerState = new pxsim.MultiplayerState();
             this.keymapState = new pxsim.KeymapState();
-            const scale = (isEdge() || isIE()) ? 10 : 1;
+            const scale = isEdge() || isIE() ? 10 : 1;
             this.gameplayer = new pxsim.visuals.GamePlayer(scale);
-            throttleAnimation(cb => this.screenState.onChange = cb, () => this.gameplayer.draw(this.screenState));
+            throttleAnimation((cb) => (this.screenState.onChange = cb), () => this.gameplayer.draw(this.screenState));
         }
         getDefaultPitchPin() {
             return undefined;
@@ -388,7 +437,7 @@ var pxsim;
                         this.gameplayer.dispose();
                         pxsim.Runtime.postMessage({
                             type: "simulator",
-                            command: "restart"
+                            command: "restart",
                         });
                     }
                     return;
@@ -427,8 +476,7 @@ var pxsim;
         tryScreenshot() {
             // ignore
         }
-        resize() {
-        }
+        resize() { }
         initAsync(msg) {
             this.runOptions = msg;
             this.stats = document.getElementById("debug-stats");
@@ -445,7 +493,7 @@ var pxsim;
             return Promise.resolve();
         }
         updateStats() {
-            this.stats.textContent = this.screenState.stats || '';
+            this.stats.textContent = this.screenState.stats || "";
             // screenshots are handled in the share dialog
         }
         tryGetNeopixelState(pinId) {
@@ -462,7 +510,9 @@ var pxsim;
     }
     pxsim.Board = Board;
     function indicateFocus(hasFocus) {
-        document.getElementById("root").setAttribute("class", hasFocus ? "" : "blur");
+        document
+            .getElementById("root")
+            .setAttribute("class", hasFocus ? "" : "blur");
         const b = board();
         if (b) {
             b.gameplayer.indicateFocus(hasFocus);
@@ -497,7 +547,11 @@ function isMac() {
 }
 //Microsoft Edge and IE11 lie about being Chrome
 function isChrome() {
-    return !isEdge() && !isIE() && !!navigator && (/Chrome/i.test(navigator.userAgent) || /Chromium/i.test(navigator.userAgent));
+    return (!isEdge() &&
+        !isIE() &&
+        !!navigator &&
+        (/Chrome/i.test(navigator.userAgent) ||
+            /Chromium/i.test(navigator.userAgent)));
 }
 (function (pxsim) {
     var pxtcore;
@@ -512,7 +566,7 @@ function isChrome() {
     var ButtonMethods;
     (function (ButtonMethods) {
         function id(button) {
-            return (button).id;
+            return button.id;
         }
         ButtonMethods.id = id;
     })(ButtonMethods = pxsim.ButtonMethods || (pxsim.ButtonMethods = {}));