Merge pull request #2001 from numbersprotocol/feat-tap-to-focus

Feat tap to focus

Author: bafu

package-lock.json

@@ -4,7 +4,7 @@
   *transloco="let t"
 >
   <ng-container *ngIf="(mode$ | ngrxPush) === 'capture'">
-    <div id="camera-flash-placeholder"></div>
+    <div id="camera-flash-placeholder" (click)="focus($event)"></div>
 
     <mat-icon
       *ngIf="isFlashAvailable"

src/app/features/home/custom-camera/custom-camera.page.html

@@ -187,6 +187,11 @@ export class CustomCameraPage implements OnInit, OnDestroy {
     this.isFlashOn = (await this.customCameraService.isTorchOn()).result;
   }
 
+  // eslint-disable-next-line class-methods-use-this
+  async focus(event: PointerEvent | MouseEvent) {
+    await this.customCameraService.focus(event.x, event.y);
+  }
+
   async leaveCustomCamera() {
     return this.location.back();
   }

src/app/features/home/custom-camera/custom-camera.page.ts

@@ -115,6 +115,13 @@ export class CustomCameraService {
     return Promise.resolve();
   }
 
+  async focus(x: number, y: number) {
+    if (this.isNativePlatform) {
+      return await PreviewCamera.focus({ x, y });
+    }
+    return Promise.resolve();
+  }
+
   async isTorchAvailable(): Promise<boolean> {
     if (this.isNativePlatform) {
       return (await PreviewCamera.isTorchAvailable()).result;