[Web] Extract coords assignment into helper functions (#3574)

## Description

I've noticed that these lines are repeated multiple times, so I decided to extract them into helper functions.

## Test plan

Tested on _**Transformations**_ and _**Multitap**_ examples.

Author: m-bert

packages/react-native-gesture-handler/src/web/handlers/PanGestureHandler.ts

@@ -218,6 +218,20 @@ export default class PanGestureHandler extends GestureHandler {
     clearTimeout(this.activationTimeout);
   }
 
+  private updateLastCoords() {
+    const { x, y } = this.tracker.getAbsoluteCoordsAverage();
+
+    this.lastX = x;
+    this.lastY = y;
+  }
+
+  private updateVelocity(pointerId: number) {
+    const { x, y } = this.tracker.getVelocity(pointerId);
+
+    this.velocityX = x;
+    this.velocityY = y;
+  }
+
   // Events Handling
   protected onPointerDown(event: AdaptedEvent): void {
     if (!this.isButtonInConfig(event.button)) {
@@ -229,9 +243,7 @@ export default class PanGestureHandler extends GestureHandler {
 
     super.onPointerDown(event);
 
-    const lastCoords = this.tracker.getAbsoluteCoordsAverage();
-    this.lastX = lastCoords.x;
-    this.lastY = lastCoords.y;
+    this.updateLastCoords();
 
     this.startX = this.lastX;
     this.startY = this.lastY;
@@ -250,9 +262,7 @@ export default class PanGestureHandler extends GestureHandler {
     this.offsetX += this.lastX - this.startX;
     this.offsetY += this.lastY - this.startY;
 
-    const lastCoords = this.tracker.getAbsoluteCoordsAverage();
-    this.lastX = lastCoords.x;
-    this.lastY = lastCoords.y;
+    this.updateLastCoords();
 
     this.startX = this.lastX;
     this.startY = this.lastY;
@@ -299,9 +309,7 @@ export default class PanGestureHandler extends GestureHandler {
     this.offsetX += this.lastX - this.startX;
     this.offsetY += this.lastY - this.startY;
 
-    const lastCoords = this.tracker.getAbsoluteCoordsAverage();
-    this.lastX = lastCoords.x;
-    this.lastY = lastCoords.y;
+    this.updateLastCoords();
 
     this.startX = this.lastX;
     this.startY = this.lastY;
@@ -320,13 +328,8 @@ export default class PanGestureHandler extends GestureHandler {
     this.tracker.track(event);
     this.stylusData = event.stylusData;
 
-    const lastCoords = this.tracker.getAbsoluteCoordsAverage();
-    this.lastX = lastCoords.x;
-    this.lastY = lastCoords.y;
-
-    const velocity = this.tracker.getVelocity(event.pointerId);
-    this.velocityX = velocity.x;
-    this.velocityY = velocity.y;
+    this.updateLastCoords();
+    this.updateVelocity(event.pointerId);
 
     this.checkBegan();
 
@@ -341,13 +344,8 @@ export default class PanGestureHandler extends GestureHandler {
     this.tracker.track(event);
     this.stylusData = event.stylusData;
 
-    const lastCoords = this.tracker.getAbsoluteCoordsAverage();
-    this.lastX = lastCoords.x;
-    this.lastY = lastCoords.y;
-
-    const velocity = this.tracker.getVelocity(event.pointerId);
-    this.velocityX = velocity.x;
-    this.velocityY = velocity.y;
+    this.updateLastCoords();
+    this.updateVelocity(event.pointerId);
 
     this.checkBegan();
 
@@ -391,9 +389,7 @@ export default class PanGestureHandler extends GestureHandler {
 
       this.tracker.addToTracker(event);
 
-      const lastCoords = this.tracker.getAbsoluteCoordsAverage();
-      this.lastX = lastCoords.x;
-      this.lastY = lastCoords.y;
+      this.updateLastCoords();
 
       this.startX = this.lastX;
       this.startY = this.lastY;
@@ -403,13 +399,8 @@ export default class PanGestureHandler extends GestureHandler {
     }
     this.tracker.track(event);
 
-    const lastCoords = this.tracker.getAbsoluteCoordsAverage();
-    this.lastX = lastCoords.x;
-    this.lastY = lastCoords.y;
-
-    const velocity = this.tracker.getVelocity(event.pointerId);
-    this.velocityX = velocity.x;
-    this.velocityY = velocity.y;
+    this.updateLastCoords();
+    this.updateVelocity(event.pointerId);
 
     this.tryToSendMoveEvent(false, event);
     this.scheduleWheelEnd(event);
@@ -540,9 +531,7 @@ export default class PanGestureHandler extends GestureHandler {
         }, this.activateAfterLongPress);
       }
     } else {
-      const velocity = this.tracker.getVelocity(event.pointerId);
-      this.velocityX = velocity.x;
-      this.velocityY = velocity.y;
+      this.updateVelocity(event.pointerId);
     }
   }
 

packages/react-native-gesture-handler/src/web/handlers/TapGestureHandler.ts

@@ -99,6 +99,13 @@ export default class TapGestureHandler extends GestureHandler {
     }
   }
 
+  private updateLastCoords() {
+    const { x, y } = this.tracker.getAbsoluteCoordsAverage();
+
+    this.lastX = x;
+    this.lastY = y;
+  }
+
   // Handling Events
   protected onPointerDown(event: AdaptedEvent): void {
     if (!this.isButtonInConfig(event.button)) {
@@ -129,22 +136,18 @@ export default class TapGestureHandler extends GestureHandler {
     this.offsetX += this.lastX - this.startX;
     this.offsetY += this.lastY - this.startY;
 
-    const lastCoords = this.tracker.getAbsoluteCoordsAverage();
-    this.lastX = lastCoords.x;
-    this.lastY = lastCoords.y;
+    this.updateLastCoords();
 
-    this.startX = lastCoords.x;
-    this.startY = lastCoords.y;
+    this.startX = this.lastX;
+    this.startY = this.lastY;
 
     this.updateState(event);
   }
 
   protected onPointerUp(event: AdaptedEvent): void {
     super.onPointerUp(event);
 
-    const lastCoords = this.tracker.getAbsoluteCoordsAverage();
-    this.lastX = lastCoords.x;
-    this.lastY = lastCoords.y;
+    this.updateLastCoords();
 
     this.tracker.removeFromTracker(event.pointerId);
 
@@ -158,9 +161,7 @@ export default class TapGestureHandler extends GestureHandler {
     this.offsetX += this.lastX - this.startX;
     this.offsetY += this.lastY = this.startY;
 
-    const lastCoords = this.tracker.getAbsoluteCoordsAverage();
-    this.lastX = lastCoords.x;
-    this.lastY = lastCoords.y;
+    this.updateLastCoords();
 
     this.startX = this.lastX;
     this.startY = this.lastY;
@@ -172,10 +173,7 @@ export default class TapGestureHandler extends GestureHandler {
     this.trySettingPosition(event);
     this.tracker.track(event);
 
-    const lastCoords = this.tracker.getAbsoluteCoordsAverage();
-    this.lastX = lastCoords.x;
-    this.lastY = lastCoords.y;
-
+    this.updateLastCoords();
     this.updateState(event);
 
     super.onPointerMove(event);
@@ -185,10 +183,7 @@ export default class TapGestureHandler extends GestureHandler {
     this.trySettingPosition(event);
     this.tracker.track(event);
 
-    const lastCoords = this.tracker.getAbsoluteCoordsAverage();
-    this.lastX = lastCoords.x;
-    this.lastY = lastCoords.y;
-
+    this.updateLastCoords();
     this.updateState(event);
 
     super.onPointerOutOfBounds(event);