Feature camera flash

package.json

@@ -59,7 +59,7 @@
     "@ngx-formly/core": "^5.10.22",
     "@ngx-formly/material": "^5.10.22",
     "@ngx-formly/schematics": "^5.10.22",
-    "@numbersprotocol/preview-camera": "github:numbersprotocol/preview-camera#release-0.0.2-auto-rotate-fix",
+    "@numbersprotocol/preview-camera": "github:numbersprotocol/preview-camera",
     "@numbersprotocol/preview-video": "github:numbersprotocol/preview-video",
     "@techiediaries/ngx-qrcode": "^9.1.0",
     "async-mutex": "^0.3.2",

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

@@ -5,6 +5,11 @@
 >
   <ng-container *ngIf="(mode$ | ngrxPush) === 'capture'">
     <div id="camera-flash-placeholder"></div>
+
+    <mat-icon class="flash-camera-button" (click)="enableTorch()">
+      {{ isFlashOn ? 'flash_on' : 'flash_off' }}
+    </mat-icon>
+
     <div
       class="select-from-go-pro-camera-button"
       *ngIf="lastConnectedGoProDevice$ | ngrxPush"

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

@@ -13,6 +13,12 @@ mat-icon {
   width: 36px;
 }
 
+mat-icon.flash-camera-button {
+  position: absolute;
+  top: 16px;
+  left: 16px;
+}
+
 mat-icon.close-camera-button {
   position: absolute;
   top: 16px;

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

@@ -41,6 +41,8 @@ export class CustomCameraPage implements OnInit, OnDestroy {
   curCaptureType?: 'image' | 'video' = 'image';
   curCaptureSrc?: string;
 
+  isFlashOn = false;
+
   readonly lastConnectedGoProDevice$ =
     this.goProBluetoothService.lastConnectedDevice$;
 
@@ -67,6 +69,12 @@ export class CustomCameraPage implements OnInit, OnDestroy {
     ).then((listener: any) => (this.captureVideoFinishedListener = listener));
 
     this.startPreviewCamera();
+
+    this.isTorchOn().then(value => {
+      console.log(`isFlashOn: ${value.result}`);
+
+      return (this.isFlashOn = value.result);
+    });
   }
 
   async ionViewDidEnter() {
@@ -167,6 +175,15 @@ export class CustomCameraPage implements OnInit, OnDestroy {
     this.leaveCustomCamera();
   }
 
+  async isTorchOn() {
+    return this.customCameraService.isTorchOn();
+  }
+
+  async enableTorch() {
+    await this.customCameraService.enableTorch(!this.isFlashOn);
+    this.isFlashOn = (await this.customCameraService.isTorchOn()).result;
+  }
+
   async leaveCustomCamera() {
     return this.location.back();
   }

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

@@ -98,6 +98,16 @@ export class CustomCameraService {
     await this.filesystemPlugin.deleteFile({ path: filePath });
   }
 
+  // eslint-disable-next-line class-methods-use-this
+  async isTorchOn() {
+    return await PreviewCamera.isTorchOn();
+  }
+
+  // eslint-disable-next-line class-methods-use-this
+  async enableTorch(enable: boolean) {
+    return await PreviewCamera.enableTorch({ enable });
+  }
+
   private changeGlobalCSSBackgroundToTransparent() {
     document.querySelector('body')?.classList.add(this.globalCSSClass);
     document.querySelector('ion-app')?.classList.add(this.globalCSSClass);