Remove console log

src/app.js

@@ -36,16 +36,6 @@ function getNormalizedPressure(e) {
     return 0.5
   }
 
-  // Checking Ipad and Apple Pencil touch event
-  if (typeof e.touches[0]["force"] != "undefined") {
-    if (e.touches[0]["force"] > 0) {
-      return e.touches[0]["force"]
-    }
-    if (e["type"] === "touchstart") {
-      return 0.5
-    }
-  }
-
   return e.pressure
 }
 
@@ -209,6 +199,110 @@ const onRoomConnect = (room_) => {
     HTML.fastUndoButton.classList.remove("disabled")
     HTML.undoButton.classList.remove("disabled")
   })
+
+  HTML.canvas.addEventListener("touchstart", (e) => {
+    e.preventDefault()
+    let pressure = 0
+    let x, y
+    if (
+      e.touches &&
+      e.touches[0] &&
+      typeof e.touches[0]["force"] !== "undefined"
+    ) {
+      if (e.touches[0]["force"] > 0) {
+        pressure = e.touches[0]["force"]
+      }
+      x = e.touches[0].pageX
+      y = e.touches[0].pageY - 100
+    } else {
+      pressure = 1.0
+      x = e.pageX
+      y = e.pageY - 100
+    }
+
+    clearRecognizedUpcoming()
+    if (room == null) {
+      return
+    }
+    const currentTool = toolSelection.getTool()
+    const mousePos = [x, y]
+    if (currentTool == toolSelection.Tools.PEN) {
+      pathIDsByPointerID.set(
+        e.pointerId,
+        room.addPath(selectedColorAndRadiusPoint(...mousePos, pressure)),
+      )
+    } else if (currentTool == toolSelection.Tools.ERASER) {
+      eraseEverythingAtPosition(
+        ...mousePos,
+        toolSelection.getEraseRadius(),
+        room,
+      )
+    }
+  })
+
+  HTML.canvas.addEventListener("touchmove", (e) => {
+    let pressure = 0
+    let x, y
+    if (
+      e.touches &&
+      e.touches[0] &&
+      typeof e.touches[0]["force"] !== "undefined"
+    ) {
+      if (e.touches[0]["force"] > 0) {
+        pressure = e.touches[0]["force"]
+      }
+      x = e.touches[0].pageX
+      y = e.touches[0].pageY - 100
+    } else {
+      pressure = 1.0
+      x = e.pageX
+      y = e.pageY - 100
+    }
+
+    if (room == null) {
+      return
+    }
+    const currentTool = toolSelection.getTool()
+    const mousePos = [x, y]
+    if (currentTool == toolSelection.Tools.PEN) {
+      const pathID = pathIDsByPointerID.get(e.pointerId)
+      room.extendPath(
+        pathID,
+        selectedColorAndRadiusPoint(...mousePos, pressure),
+      )
+      if (toolSelection.isRecognitionModeSet()) {
+        drawRecognizedUpcoming(room.getPoints(pathID), pressure)
+      }
+    } else if (currentTool == toolSelection.Tools.ERASER) {
+      eraseEverythingAtPosition(
+        ...mousePos,
+        toolSelection.getEraseRadius(),
+        room,
+      )
+    }
+  })
+
+  HTML.canvas.addEventListener("touchend", (e) => {
+    const { pointerId } = e
+    const pressure = getNormalizedPressure(e)
+    const pathID = pathIDsByPointerID.get(pointerId)
+    if (toolSelection.isRecognitionModeSet()) {
+      drawRecognized(pathID, room.getPoints(pathID), pressure)
+    }
+    pathIDsByPointerID.delete(pointerId)
+    clearRecognizedUpcoming()
+  })
+
+  HTML.canvas.addEventListener("touchleave", (e) => {
+    const { pointerId } = e
+    const pressure = getNormalizedPressure(e)
+    const pathID = pathIDsByPointerID.get(pointerId)
+    if (toolSelection.isRecognitionModeSet()) {
+      drawRecognized(pathID, room.getPoints(pathID), pressure)
+    }
+    pathIDsByPointerID.delete(pointerId)
+    clearRecognizedUpcoming()
+  })
 }
 
 function getRecognizedShapePoints(points) {
@@ -450,91 +544,6 @@ canvas.input.addEventListener("strokemove", ({ detail: e }) => {
   }
 })
 
-HTML.canvas.addEventListener("touchstart", (e) => {
-  let pressure = 0
-  let x, y
-  if (
-    e.touches &&
-    e.touches[0] &&
-    typeof e.touches[0]["force"] !== "undefined"
-  ) {
-    if (e.touches[0]["force"] > 0) {
-      pressure = e.touches[0]["force"]
-    }
-    x = e.touches[0].pageX
-    y = e.touches[0].pageY - 100
-  } else {
-    pressure = 1.0
-    x = e.pageX
-    y = e.pageY - 100
-  }
-
-  console.log("X: " + x)
-  console.log("Y: " + y)
-  console.log("Pressure: " + pressure)
-
-  clearRecognizedUpcoming()
-  if (room == null) {
-    return
-  }
-  const currentTool = toolSelection.getTool()
-  const mousePos = [x, y]
-  if (currentTool == toolSelection.Tools.PEN) {
-    pathIDsByPointerID.set(
-      e.pointerId,
-      room.addPath(selectedColorAndRadiusPoint(...mousePos, pressure)),
-    )
-  } else if (currentTool == toolSelection.Tools.ERASER) {
-    eraseEverythingAtPosition(...mousePos, toolSelection.getEraseRadius(), room)
-  }
-})
-
-HTML.canvas.addEventListener("touchmove", (e) => {
-  let pressure = 0
-  let x, y
-  if (
-    e.touches &&
-    e.touches[0] &&
-    typeof e.touches[0]["force"] !== "undefined"
-  ) {
-    if (e.touches[0]["force"] > 0) {
-      pressure = e.touches[0]["force"]
-    }
-    x = e.touches[0].pageX
-    y = e.touches[0].pageY - 100
-  } else {
-    pressure = 1.0
-    x = e.pageX
-    y = e.pageY - 100
-  }
-
-  if (room == null) {
-    return
-  }
-  const currentTool = toolSelection.getTool()
-  const mousePos = [x, y]
-  if (currentTool == toolSelection.Tools.PEN) {
-    const pathID = pathIDsByPointerID.get(e.pointerId)
-    room.extendPath(pathID, selectedColorAndRadiusPoint(...mousePos, pressure))
-    if (toolSelection.isRecognitionModeSet()) {
-      drawRecognizedUpcoming(room.getPoints(pathID), pressure)
-    }
-  } else if (currentTool == toolSelection.Tools.ERASER) {
-    eraseEverythingAtPosition(...mousePos, toolSelection.getEraseRadius(), room)
-  }
-})
-
-HTML.canvas.addEventListener("touchend", (e) => {
-  const { pointerId } = e
-  const pressure = getNormalizedPressure(e)
-  const pathID = pathIDsByPointerID.get(pointerId)
-  if (toolSelection.isRecognitionModeSet()) {
-    drawRecognized(pathID, room.getPoints(pathID), pressure)
-  }
-  pathIDsByPointerID.delete(pointerId)
-  clearRecognizedUpcoming()
-})
-
 window.addEventListener("unload", () => {
   if (room) {
     room.disconnect()