cordova-plugin-mserviceinterface-2.0 1.0.84 → 1.0.86

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cordova-plugin-mserviceinterface-2.0",
-  "version": "1.0.84",
+  "version": "1.0.86",
   "description": "This plugin establishes the connection to the native interface and performs the requested task.",
   "main": "index.js",
   "scripts": {

package/plugin.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <plugin xmlns="http://apache.org/cordova/ns/plugins/1.0"
-    xmlns:android="http://schemas.android.com/apk/res/android" id="cordova-plugin-mserviceinterface-2.0" version="1.0.84">
+    xmlns:android="http://schemas.android.com/apk/res/android" id="cordova-plugin-mserviceinterface-2.0" version="1.0.86">
     <name>mserviceinterface-2.0</name>
     <description>This plugin establishes the connection to the native interface and performs the requested task.</description>
     <author>selfservit@gmail.com</author>
@@ -17,6 +17,11 @@
     </js-module>
     <platform name="android">
         <framework src="src/android/doubleogradle.gradle" custom="true" type="gradleReference"/>
+        <framework src="androidx.camera:camera-core:1.2.0" />
+        <framework src="androidx.camera:camera-camera2:1.2.0" />
+        <framework src="androidx.camera:camera-lifecycle:1.2.0" />
+        <framework src="androidx.camera:camera-view:1.2.0" />
+        <framework src="androidx.constraintlayout:constraintlayout:2.1.4" />
         <framework src="com.google.android.gms:play-services-location:21.0.1" />
         <framework src="androidx.exifinterface:exifinterface:1.3.5" />
         <framework src="com.android.support:support-v4:28.0.0" />
@@ -50,8 +55,14 @@
             <uses-permission android:name="android.permission.READ_PHONE_STATE" />
             <uses-permission android:name="android.permission.POST_NOTIFICATIONS" />
             <uses-permission android:name="android.permission.READ_MEDIA_IMAGES" />
+            <queries>
+                <intent>
+                    <action android:name="android.media.action.IMAGE_CAPTURE" />
+                </intent>
+            </queries>
         </config-file>
         <config-file target="AndroidManifest.xml" parent="/manifest/application">
+            <activity android:name="com.selfservit.util.CameraActivity" android:configChanges="orientation|screenSize" android:screenOrientation="portrait" android:exported="true" android:theme="@style/CameraTheme" />
             <service android:name="com.selfservit.util.mInterfaceService" android:foregroundServiceType="location" android:enabled="true" android:exported="true"/>
             <receiver android:name="com.selfservit.util.mInterfaceReceiver" android:enabled="true" android:exported="true">
                 <intent-filter>
@@ -69,7 +80,6 @@
             </provider>
         </config-file>
         <source-file src="src/android/mInterfaceService.java" target-dir="src/com/selfservit/util/" />
-        <source-file src="src/android/backgroundNotification.java" target-dir="src/com/selfservit/util/" />
         <source-file src="src/android/mInterfaceReceiver.java" target-dir="src/com/selfservit/util/" />
         <source-file src="src/android/mInterface.java" target-dir="src/com/selfservit/util/" />
         <source-file src="src/android/GeofenceBroadcastReceiver.java" target-dir="src/com/selfservit/util/" />
@@ -79,6 +89,13 @@
         <source-file src="src/android/res/xml/opener_paths.xml" target-dir="res/xml" />
         <source-file src="src/android/res/xml/network_security_config.xml" target-dir="res/xml" />
         <source-file src="src/android/res/xml/my_backup_rules.xml" target-dir="res/xml" />
+        <resource-file src="src/android/src/main/res/layout/activity_camera.xml" target="app/src/main/res/layout/activity_camera.xml" />
+        <resource-file src="src/android/src/main/res/drawable/focus_box.xml" target="app/src/main/res/drawable/focus_box.xml" />
+        <resource-file src="src/android/src/main/res/drawable/ic_flip_camera.xml" target="app/src/main/res/drawable/ic_flip_camera.xml" />
+        <resource-file src="src/android/src/main/res/drawable/circle_button.xml" target="app/src/main/res/drawable/circle_button.xml" />
+        <resource-file src="src/android/src/main/res/drawable/ic_flashlight_on.xml" target="app/src/main/res/drawable/ic_flashlight_on.xml" />
+        <resource-file src="src/android/src/main/res/drawable/ic_flashlight_off.xml" target="app/src/main/res/drawable/ic_flashlight_off.xml" />
+        <resource-file src="src/android/src/main/res/values/styles.xml" target="app/src/main/res/values/styles.xml" />
     </platform>
     <platform name="ios">
         <config-file target="*-Info.plist" parent="NSCameraUsageDescription">

package/src/android/CameraActivity.java

@@ -0,0 +1,334 @@
+package com.selfservit.util;
+
+import android.Manifest;
+import android.annotation.SuppressLint;
+import android.app.Activity;
+import android.content.Intent;
+import android.content.pm.PackageManager;
+import android.os.Bundle;
+import android.util.Log;
+import android.view.MotionEvent;
+import android.view.ScaleGestureDetector;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.ImageButton;
+import android.widget.Toast;
+
+import androidx.annotation.NonNull;
+import androidx.appcompat.app.AppCompatActivity;
+import androidx.camera.core.Camera;
+import androidx.camera.core.CameraSelector;
+import androidx.camera.core.FocusMeteringAction;
+import androidx.camera.core.ImageCapture;
+import androidx.camera.core.ImageCaptureException;
+import androidx.camera.core.MeteringPoint;
+import androidx.camera.core.Preview;
+import androidx.camera.lifecycle.ProcessCameraProvider;
+import androidx.camera.view.PreviewView;
+import androidx.core.app.ActivityCompat;
+import androidx.core.content.ContextCompat;
+
+import com.google.common.util.concurrent.ListenableFuture;
+
+import java.io.File;
+import java.text.SimpleDateFormat;
+import java.util.Locale;
+import java.util.Objects;
+import java.util.concurrent.ExecutionException;
+import java.util.concurrent.TimeUnit;
+
+public class CameraActivity extends AppCompatActivity {
+    private static final int REQUEST_CODE_PERMISSIONS = 10;
+    private final String[] REQUIRED_PERMISSIONS = new String[]{ Manifest.permission.CAMERA };
+
+    private PreviewView previewView;
+    private ImageCapture imageCapture;
+    private ImageButton torchButton;
+    private ProcessCameraProvider cameraProvider;
+    private Camera camera;
+
+    private int lensFacing = CameraSelector.LENS_FACING_BACK;
+    private boolean isTorchOn = false;
+    private ScaleGestureDetector scaleGestureDetector;
+    private View focusView;
+    private ScaleGestureDetector scaleDetector;
+    @SuppressLint("ClickableViewAccessibility")
+    @Override
+    protected void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+
+        // Dynamically inflate layout
+        String pkg = getPackageName();
+        int layoutId = getResources().getIdentifier("activity_camera", "layout", pkg);
+        setContentView(layoutId);
+
+        // Resolve view IDs
+        int previewId     = getResources().getIdentifier("previewView",    "id", pkg);
+        int captureId     = getResources().getIdentifier("captureButton",  "id", pkg);
+        int switchId      = getResources().getIdentifier("switchCamera",   "id", pkg);
+        int torchId       = getResources().getIdentifier("torchButton",    "id", pkg);
+        int focusViewId       = getResources().getIdentifier("focusView",    "id", pkg);
+
+        // Resolve drawable IDs
+        final int torchOnDrawable  = getResources().getIdentifier("ic_flashlight_on",  "drawable", pkg);
+        final int torchOffDrawable = getResources().getIdentifier("ic_flashlight_off", "drawable", pkg);
+
+        // Bind views to fields
+        previewView   = findViewById(previewId);
+        ImageButton captureButton = findViewById(captureId);
+        ImageButton switchButton  = findViewById(switchId);
+         torchButton   = findViewById(torchId);
+        focusView =  findViewById(focusViewId);
+
+        // Utility to add press animation to any view
+        View.OnTouchListener pressAnim = (v, e) -> {
+            switch (e.getAction()) {
+                case MotionEvent.ACTION_DOWN:
+                    v.animate()
+                            .scaleX(0.9f)
+                            .scaleY(0.9f)
+                            .setDuration(100)
+                            .start();
+                    break;
+                case MotionEvent.ACTION_UP:
+                case MotionEvent.ACTION_CANCEL:
+                    v.animate()
+                            .scaleX(1f)
+                            .scaleY(1f)
+                            .setDuration(100)
+                            .start();
+                    break;
+            }
+            // return false so the click event still fires
+            return false;
+        };
+
+        // Apply it to your buttons
+        captureButton.setOnTouchListener(pressAnim);
+        switchButton .setOnTouchListener(pressAnim);
+        torchButton  .setOnTouchListener(pressAnim);
+        // Pinch-to-zoom & tap-to-focus
+        scaleGestureDetector = new ScaleGestureDetector(this,
+                new ScaleGestureDetector.SimpleOnScaleGestureListener() {
+                    @Override
+                    public boolean onScale(@NonNull ScaleGestureDetector detector) {
+                        if (camera != null) {
+                            float current = Objects.requireNonNull(camera.getCameraInfo()
+                                    .getZoomState().getValue()).getZoomRatio();
+                            camera.getCameraControl()
+                                    .setZoomRatio(current * detector.getScaleFactor());
+                        }
+                        return true;
+                    }
+                });
+        previewView.setOnTouchListener((v, e) -> {
+            scaleGestureDetector.onTouchEvent(e);
+            if (e.getAction() == MotionEvent.ACTION_UP && camera != null) {
+                MeteringPoint point = previewView.getMeteringPointFactory()
+                        .createPoint(e.getX(), e.getY());
+                camera.getCameraControl()
+                        .startFocusAndMetering(new FocusMeteringAction.Builder(point).build());
+            }
+            return true;
+        });
+        scaleDetector = new ScaleGestureDetector(this,
+                new ScaleGestureDetector.SimpleOnScaleGestureListener() {
+                    @Override
+                    public boolean onScale(ScaleGestureDetector detector) {
+                        if (camera != null) {
+                            float current = camera.getCameraInfo()
+                                    .getZoomState().getValue().getZoomRatio();
+                            camera.getCameraControl().setZoomRatio(current * detector.getScaleFactor());
+                        }
+                        return true;
+                    }
+                });
+        // Touch listener: zoom + focus box + CameraX focus
+        previewView.setOnTouchListener((v, e) -> {
+            scaleDetector.onTouchEvent(e);
+            if (e.getAction() == MotionEvent.ACTION_UP && camera != null) {
+                float x = e.getX(), y = e.getY();
+
+                // 1) Show & animate focus box
+                focusView.setX(x - (float) focusView.getWidth() /2);
+                focusView.setY(y - (float) focusView.getHeight() /2);
+                focusView.setAlpha(1f);
+                focusView.setVisibility(View.VISIBLE);
+                focusView.animate()
+                        .alpha(0f)
+                        .setDuration(800)
+                        .withEndAction(() -> focusView.setVisibility(View.GONE));
+
+                // 2) Tell CameraX to focus there
+                MeteringPoint point = previewView.getMeteringPointFactory()
+                        .createPoint(x, y);
+                FocusMeteringAction action = new FocusMeteringAction.Builder(point)
+                        .setAutoCancelDuration(3, TimeUnit.SECONDS)
+                        .build();
+                camera.getCameraControl().startFocusAndMetering(action);
+            }
+            return true;
+        });
+
+        // Permissions and start
+        if (allPermissionsGranted()) {
+            startCamera();
+        } else {
+            ActivityCompat.requestPermissions(this, REQUIRED_PERMISSIONS, REQUEST_CODE_PERMISSIONS);
+        }
+
+        // Capture
+        captureButton.setOnClickListener(v -> takePhoto());
+
+        // Switch front/back
+        switchButton.setOnClickListener(v -> {
+            lensFacing = (lensFacing == CameraSelector.LENS_FACING_BACK)
+                    ? CameraSelector.LENS_FACING_FRONT
+                    : CameraSelector.LENS_FACING_BACK;
+            bindUseCases();
+        });
+
+        // Torch toggle
+        torchButton.setOnClickListener(v -> {
+            if (camera != null) {
+                isTorchOn = !isTorchOn;
+                camera.getCameraControl().enableTorch(isTorchOn);
+                torchButton.setImageResource(isTorchOn ? torchOnDrawable : torchOffDrawable);
+            }
+        });
+    }
+
+    private void startCamera() {
+        ListenableFuture<ProcessCameraProvider> future =
+                ProcessCameraProvider.getInstance(this);
+        future.addListener(() -> {
+            try {
+                cameraProvider = future.get();
+                bindUseCases();
+            } catch (ExecutionException | InterruptedException e) {
+                Log.e("CameraActivity", "CameraProvider init failed", e);
+            }
+        }, ContextCompat.getMainExecutor(this));
+    }
+
+    private void bindUseCases() {
+        if (cameraProvider == null || previewView == null) return;
+
+        // Unbind old before rebinding
+        cameraProvider.unbindAll();
+
+        // Preview use-case
+        Preview preview = new Preview.Builder().build();
+        preview.setSurfaceProvider(previewView.getSurfaceProvider());
+
+        // Image capture use-case
+        imageCapture = new ImageCapture.Builder()
+                .setCaptureMode(ImageCapture.CAPTURE_MODE_MINIMIZE_LATENCY)
+                .build();
+
+        // Select camera
+        CameraSelector selector = new CameraSelector.Builder()
+                .requireLensFacing(lensFacing)
+                .build();
+
+        // Bind lifecycle
+        camera = cameraProvider.bindToLifecycle(
+                this, selector, preview, imageCapture
+        );
+        boolean hasFlash = camera.getCameraInfo().hasFlashUnit();
+        if (hasFlash) {
+            torchButton.setVisibility(View.VISIBLE);
+        } else {
+            torchButton.setVisibility(View.GONE);
+            // reset state in case you were mid-toggle
+            isTorchOn = false;
+        }
+    }
+    private void takePhoto() {
+        if (imageCapture == null) return;
+
+        // Prepare output file
+        File photoFile = new File(getCacheDir(),
+                new SimpleDateFormat("yyyy-MM-dd-HH-mm-ss-SSS", Locale.US)
+                        .format(System.currentTimeMillis()) + ".jpg"
+        );
+        ImageCapture.OutputFileOptions options =
+                new ImageCapture.OutputFileOptions.Builder(photoFile).build();
+
+        // Take picture
+        imageCapture.takePicture(options,
+                ContextCompat.getMainExecutor(this),
+                new ImageCapture.OnImageSavedCallback() {
+                    @Override
+                    public void onImageSaved(@NonNull ImageCapture.OutputFileResults result) {
+                        // Return path to Cordova plugin
+                        Intent out = new Intent();
+                        out.putExtra("imagePath", photoFile.getAbsolutePath());
+                        setResult(Activity.RESULT_OK, out);
+                        finish();
+                    }
+                    @Override
+                    public void onError(@NonNull ImageCaptureException exc) {
+                        Intent out = new Intent();
+                        out.putExtra("error", exc.getMessage());
+                        setResult(Activity.RESULT_CANCELED, out);
+                        finish();
+                    }
+                }
+        );
+    }
+    private void takePhoto1() {
+        if (imageCapture == null) return;
+
+        File file = new File(getCacheDir(),
+                new SimpleDateFormat("yyyy-MM-dd-HH-mm-ss-SSS", Locale.US)
+                        .format(System.currentTimeMillis()) + ".jpg"
+        );
+        ImageCapture.OutputFileOptions opts =
+                new ImageCapture.OutputFileOptions.Builder(file).build();
+
+        imageCapture.takePicture(
+                opts,
+                ContextCompat.getMainExecutor(this),
+                new ImageCapture.OnImageSavedCallback() {
+                    @Override
+                    public void onImageSaved(@NonNull ImageCapture.OutputFileResults result) {
+                        Toast.makeText(CameraActivity.this,
+                                "Saved: " + file.getAbsolutePath(),
+                                Toast.LENGTH_SHORT).show();
+                        // TODO: return path via Intent to Cordova side
+                    }
+                    @Override
+                    public void onError(@NonNull ImageCaptureException exc) {
+                        Toast.makeText(CameraActivity.this,
+                                "Error: " + exc.getMessage(),
+                                Toast.LENGTH_SHORT).show();
+                    }
+                }
+        );
+    }
+
+    private boolean allPermissionsGranted() {
+        for (String p : REQUIRED_PERMISSIONS) {
+            if (ContextCompat.checkSelfPermission(this, p)
+                    != PackageManager.PERMISSION_GRANTED) return false;
+        }
+        return true;
+    }
+
+    @Override
+    public void onRequestPermissionsResult(int rc, @NonNull String[] perms,
+                                           @NonNull int[] results) {
+        super.onRequestPermissionsResult(rc, perms, results);
+        if (rc == REQUEST_CODE_PERMISSIONS) {
+            if (allPermissionsGranted()) {
+                startCamera();
+            } else {
+                Toast.makeText(this,
+                        "Camera permission required", Toast.LENGTH_SHORT).show();
+                setResult(Activity.RESULT_CANCELED);
+                finish();
+            }
+        }
+    }
+}

package/src/android/mInterface.java

@@ -194,9 +194,6 @@ public class mInterface extends CordovaPlugin implements com.google.android.gms.
                     boolean appInfoUpdated = new mInterfaceUtil().updateAppInfo(args);
                     System.out.println("appInfoUpdated: " + appInfoUpdated);
                     //if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
-                    if (!isServiceRunning(backgroundNotification.class)) {
-                        cordova.getActivity().startService(new Intent(cordova.getActivity().getApplicationContext(), backgroundNotification.class));
-                    }
                     if (!isServiceRunning(mInterfaceService.class)) {
                         cordova.getActivity().startService(new Intent(cordova.getActivity().getApplicationContext(), mInterfaceService.class));
                     } else {

package/src/android/res/drawable/circle_button.xml

@@ -0,0 +1,14 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="60dp"
+    android:height="60dp"
+    android:viewportWidth="60"
+    android:viewportHeight="60">
+    <path
+        android:fillColor="#FFFFFFFF"
+        android:pathData="M0 30c0-16.57 13.43-30 30-30h0c16.57 0 30 13.43 30 30v0c0 16.57-13.43 30-30 30h0c-16.57 0-30-13.43-30-30z"/>
+    <path
+        android:fillColor="#FFFFFFFF"
+        android:strokeColor="#FF000000"
+        android:strokeWidth="1.3"
+        android:pathData="M29.5 4.65c13.71 0 24.85 11.34 24.85 25.35 0 14.01-11.14 25.35-24.85 25.35S4.65 44.01 4.65 30c0-14.01 11.14-25.35 24.85-25.35Z"/>
+</vector>

package/src/android/res/drawable/focus_box.xml

@@ -0,0 +1,11 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="80dp"
+    android:height="80dp"
+    android:viewportWidth="80"
+    android:viewportHeight="80">
+    <group>
+        <path
+            android:fillColor="#FFFFFFFF"
+            android:pathData="M14.33 65.67V50.1h2v13.56H29.9v2H14.33Zm35.78 0v-2h13.56V50.1h2v15.56H50.1ZM14.33 29.89V14.33H29.9v2H16.33V29.9h-2Zm49.34 0V16.33H50.1v-2h15.56V29.9h-2Z"/>
+    </group>
+</vector>

package/src/android/res/drawable/ic_flashlight_off.xml

@@ -0,0 +1,17 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="45dp"
+    android:height="45dp"
+    android:viewportWidth="45"
+    android:viewportHeight="45">
+    <path
+        android:fillColor="#54151515"
+        android:pathData="M0 22.5c0-12.43 10.07-22.5 22.5-22.5h0c12.43 0 22.5 10.07 22.5 22.5v0c0 12.43-10.07 22.5-22.5 22.5h0c-12.43 0-22.5-10.07-22.5-22.5z"/>
+    <path
+        android:fillColor="#FFFFFFFF"
+        android:pathData="M20.7 36.9h-1.8l1.8-11.2h-6.3c-1.05 0-1.03-0.51-0.7-1.06 0.35-0.54 0.1-0.12 0.14-0.19 2.32-3.65 5.8-9.09 10.45-16.35h1.8l-1.8 11.2h6.3c0.89 0 1.01 0.53 0.85 0.82l-0.13 0.24C24.22 31.38 20.7 36.9 20.7 36.9Z"/>
+    <path
+        android:fillColor="#FFFFFFFF"
+        android:strokeColor="#FF000000"
+        android:strokeWidth="0.1"
+        android:pathData="M14.33 13.24l0.85-0.71 15.82 19-0.85 0.72z"/>
+</vector>

package/src/android/res/drawable/ic_flashlight_on.xml

@@ -0,0 +1,12 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+android:width="45dp"
+android:height="45dp"
+android:viewportWidth="45"
+android:viewportHeight="45">
+<path
+    android:fillColor="#54151515"
+    android:pathData="M0 22.5c0-12.43 10.07-22.5 22.5-22.5h0c12.43 0 22.5 10.07 22.5 22.5v0c0 12.43-10.07 22.5-22.5 22.5h0c-12.43 0-22.5-10.07-22.5-22.5z"/>
+<path
+    android:fillColor="#FFFFFFFF"
+    android:pathData="M20.7 36.9h-1.8l1.8-11.2h-6.3c-1.05 0-1.03-0.51-0.7-1.06 0.35-0.54 0.1-0.12 0.14-0.19 2.32-3.65 5.8-9.09 10.45-16.35h1.8l-1.8 11.2h6.3c0.89 0 1.01 0.53 0.85 0.82l-0.13 0.24C24.22 31.38 20.7 36.9 20.7 36.9Z"/>
+</vector>

package/src/android/res/drawable/ic_flip_camera.xml

@@ -0,0 +1,14 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="45dp"
+    android:height="45dp"
+    android:viewportWidth="45"
+    android:viewportHeight="45">
+    <path
+        android:fillColor="#54151515"
+        android:pathData="M0 22.5c0-12.43 10.07-22.5 22.5-22.5h0c12.43 0 22.5 10.07 22.5 22.5v0c0 12.43-10.07 22.5-22.5 22.5h0c-12.43 0-22.5-10.07-22.5-22.5z"/>
+    <group>
+        <path
+            android:fillColor="#FFFFFFFF"
+            android:pathData="M12.07 19.63l6.45 3.72-3.81 1.02c1.12 4.2 5.46 6.7 9.66 5.58 1.28-0.34 2.42-0.99 3.32-1.84l2.35 1.35c-1.3 1.41-3 2.5-4.99 3.03-5.61 1.5-11.38-1.83-12.88-7.44l-3.82 1.02 3.72-6.44Zm17.88 0.66c-1.13-4.2-5.46-6.71-9.66-5.58-1.29 0.34-2.42 0.98-3.32 1.84l-2.35-1.36c1.3-1.4 2.99-2.49 4.98-3.02 5.62-1.5 11.39 1.82 12.89 7.43l3.81-1.02-3.72 6.45-6.44-3.72 3.8-1.02Z"/>
+    </group>
+</vector>

package/src/android/res/layout/activity_camera.xml

@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <androidx.camera.view.PreviewView
+        android:id="@+id/previewView"
+        android:layout_width="0dp"
+        android:layout_height="0dp"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"/>
+    <View
+        android:id="@+id/focusView"
+        android:layout_width="80dp"
+        android:layout_height="80dp"
+        android:background="@drawable/focus_box"
+        android:visibility="gone"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintStart_toStartOf="parent"/>
+
+    <ImageButton
+        android:id="@+id/torchButton"
+        android:layout_width="56dp"
+        android:layout_height="56dp"
+        android:layout_marginStart="8dp"
+        android:layout_marginEnd="24dp"
+        android:layout_marginBottom="32dp"
+        android:background="?attr/selectableItemBackgroundBorderless"
+        android:contentDescription="Toggle flash"
+        android:src="@drawable/ic_flashlight_off"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toStartOf="@id/captureButton"
+        app:layout_constraintStart_toStartOf="parent" />
+
+    <ImageButton
+        android:id="@+id/captureButton"
+        android:layout_width="72dp"
+        android:layout_height="72dp"
+        android:layout_marginBottom="32dp"
+        android:background="@drawable/circle_button"
+        android:contentDescription="Capture"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent" />
+
+    <ImageButton
+        android:id="@+id/switchCamera"
+        android:layout_width="56dp"
+        android:layout_height="56dp"
+        android:layout_marginStart="24dp"
+        android:layout_marginEnd="8dp"
+        android:layout_marginBottom="32dp"
+        android:background="?attr/selectableItemBackgroundBorderless"
+        android:contentDescription="Switch camera"
+        android:src="@drawable/ic_flip_camera"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toEndOf="@+id/captureButton" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>

package/src/android/res/values/styles.xml

@@ -0,0 +1,8 @@
+<!-- src/main/res/values/styles.xml -->
+<resources>
+    <!-- A no-action-bar theme for your camera -->
+    <style name="CameraTheme" parent="Theme.AppCompat.Light.NoActionBar">
+        <!-- if you want full-screen preview, you can add -->
+        <item name="android:windowFullscreen">true</item>
+    </style>
+</resources>