capacitor-camera-view 1.0.0

package/dist/esm/web.d.ts

@@ -0,0 +1,108 @@
+import { WebPlugin } from '@capacitor/core';
+import type { CameraSessionConfiguration, CameraViewPlugin, GetAvailableDevicesResponse, GetFlashModeResponse, GetSupportedFlashModesResponse, GetZoomResponse, IsRunningResponse, PermissionStatus, CaptureResponse, FlashMode } from './definitions';
+/**
+ * Web implementation of the CameraViewPlugin.
+ * Optimized for performance and battery efficiency.
+ */
+export declare class CameraViewWeb extends WebPlugin implements CameraViewPlugin {
+    #private;
+    private videoElement;
+    private canvasElement;
+    private stream;
+    private currentCamera;
+    private currentZoom;
+    private currentFlashMode;
+    private barcodeDetectionSupported;
+    private barcodeDetector;
+    constructor();
+    /**
+     * Start the camera with the given configuration
+     */
+    start(options?: CameraSessionConfiguration): Promise<void>;
+    /**
+     * Stop the camera and release resources
+     */
+    stop(): Promise<void>;
+    /**
+     * Check if the camera is currently running
+     */
+    isRunning(): Promise<IsRunningResponse>;
+    /**
+     * Capture a photo using the camera and return it as a base64-encoded JPEG image.
+     * Preserves what the user actually sees in the UI, including cropping from object-fit: cover.
+     */
+    capture(options: {
+        quality: number;
+    }): Promise<CaptureResponse>;
+    /**
+     * Web implementation already uses images from the video stream, so this is the same as `capture()`
+     */
+    captureSample(options: {
+        quality: number;
+    }): Promise<CaptureResponse>;
+    /**
+     * Flip between front and back camera
+     */
+    flipCamera(): Promise<void>;
+    /**
+     * Get available camera devices
+     */
+    getAvailableDevices(): Promise<GetAvailableDevicesResponse>;
+    /**
+     * Get current zoom information (web has limited zoom support)
+     */
+    getZoom(): Promise<GetZoomResponse>;
+    /**
+     * Set zoom level (limited support in web)
+     */
+    setZoom(options: {
+        level: number;
+        ramp?: boolean;
+    }): Promise<void>;
+    /**
+     * Get current flash mode
+     */
+    getFlashMode(): Promise<GetFlashModeResponse>;
+    /**
+     * Get supported flash modes
+     */
+    getSupportedFlashModes(): Promise<GetSupportedFlashModesResponse>;
+    /**
+     * Set flash mode (limited support in web)
+     */
+    setFlashMode(options: {
+        mode: FlashMode;
+    }): Promise<void>;
+    /**
+     * Check camera permission without requesting
+     */
+    checkPermissions(): Promise<PermissionStatus>;
+    /**
+     * Request camera permission from the user
+     */
+    requestPermissions(): Promise<PermissionStatus>;
+    /**
+     * Start barcode detection if supported
+     */
+    private startBarcodeDetection;
+    /**
+     * Clean up resources when the plugin is disposed
+     */
+    handleOnDestroy(): Promise<void>;
+    /**
+     * Check if barcode detection is supported in this browser
+     */
+    private checkBarcodeDetectionSupport;
+    /**
+     * Set up the video element for the camera view
+     */
+    private setupVideoElement;
+    /**
+     * Ensures canvas element exists and returns it
+     */
+    private getCanvasElement;
+    /**
+     * Format error message
+     */
+    private formatError;
+}

package/dist/esm/web.js

@@ -0,0 +1,406 @@
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, privateMap) {
+    if (!privateMap.has(receiver)) {
+        throw new TypeError("attempted to get private field on non-instance");
+    }
+    return privateMap.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, privateMap, value) {
+    if (!privateMap.has(receiver)) {
+        throw new TypeError("attempted to set private field on non-instance");
+    }
+    privateMap.set(receiver, value);
+    return value;
+};
+var _isRunning;
+import { WebPlugin } from '@capacitor/core';
+import { calculateVisibleArea, canvasToBase64, drawVisibleAreaToCanvas, transformBarcodeBoundingBox } from './utils';
+/**
+ * Web implementation of the CameraViewPlugin.
+ * Optimized for performance and battery efficiency.
+ */
+export class CameraViewWeb extends WebPlugin {
+    constructor() {
+        super();
+        // DOM elements
+        this.videoElement = null;
+        this.canvasElement = null;
+        // Stream state
+        this.stream = null;
+        _isRunning.set(this, false);
+        // Configuration state
+        this.currentCamera = 'environment'; // Default to back camera
+        this.currentZoom = 1.0;
+        this.currentFlashMode = 'off';
+        // Barcode detection support
+        this.barcodeDetectionSupported = false;
+        this.barcodeDetector = null;
+        this.checkBarcodeDetectionSupport();
+    }
+    /**
+     * Start the camera with the given configuration
+     */
+    async start(options) {
+        if (__classPrivateFieldGet(this, _isRunning)) {
+            return;
+        }
+        const permissionStatus = await this.requestPermissions();
+        if (permissionStatus.camera !== 'granted') {
+            throw new Error('Camera permission was not granted');
+        }
+        try {
+            // Set up video element if it doesn't exist
+            if (!this.videoElement) {
+                await this.setupVideoElement(options === null || options === void 0 ? void 0 : options.containerElementId);
+            }
+            // Set up video constraints based on options
+            const videoConstraints = {};
+            // Prefer deviceId if specified
+            if (options === null || options === void 0 ? void 0 : options.deviceId) {
+                videoConstraints.deviceId = { exact: options.deviceId };
+                // Remember the current camera mode (though we're using a specific device)
+                this.currentCamera = (options === null || options === void 0 ? void 0 : options.position) === 'front' ? 'user' : 'environment';
+            }
+            else {
+                // Fall back to facing mode
+                const facingMode = (options === null || options === void 0 ? void 0 : options.position) === 'front' ? 'user' : 'environment';
+                this.currentCamera = facingMode;
+                videoConstraints.facingMode = facingMode;
+            }
+            const constraints = {
+                video: videoConstraints,
+                audio: false,
+            };
+            this.stream = await navigator.mediaDevices.getUserMedia(constraints);
+            if (this.videoElement) {
+                this.videoElement.srcObject = this.stream;
+                this.videoElement.play();
+                __classPrivateFieldSet(this, _isRunning, true);
+                // If barcode detection is enabled and supported, start detection
+                if ((options === null || options === void 0 ? void 0 : options.enableBarcodeDetection) && this.barcodeDetectionSupported) {
+                    this.startBarcodeDetection();
+                }
+            }
+        }
+        catch (err) {
+            throw new Error(`Failed to start camera: ${this.formatError(err)}`);
+        }
+    }
+    /**
+     * Stop the camera and release resources
+     */
+    async stop() {
+        if (!__classPrivateFieldGet(this, _isRunning)) {
+            return;
+        }
+        try {
+            // Stop all tracks in the stream
+            if (this.stream) {
+                this.stream.getTracks().forEach((track) => track.stop());
+                this.stream = null;
+            }
+            // Clear video source
+            if (this.videoElement) {
+                this.videoElement = null;
+            }
+            __classPrivateFieldSet(this, _isRunning, false);
+        }
+        catch (err) {
+            throw new Error(`Failed to stop camera: ${this.formatError(err)}`);
+        }
+    }
+    /**
+     * Check if the camera is currently running
+     */
+    async isRunning() {
+        return { isRunning: __classPrivateFieldGet(this, _isRunning) };
+    }
+    /**
+     * Capture a photo using the camera and return it as a base64-encoded JPEG image.
+     * Preserves what the user actually sees in the UI, including cropping from object-fit: cover.
+     */
+    async capture(options) {
+        const videoElement = this.videoElement;
+        if (!__classPrivateFieldGet(this, _isRunning) || !videoElement) {
+            throw new Error('Camera is not running');
+        }
+        try {
+            const canvas = this.getCanvasElement();
+            const visibleArea = calculateVisibleArea(videoElement);
+            drawVisibleAreaToCanvas(canvas, videoElement, visibleArea);
+            const quality = Math.min(1.0, Math.max(0.1, options.quality / 100));
+            const base64Data = canvasToBase64(canvas, quality);
+            return { photo: base64Data };
+        }
+        catch (err) {
+            throw new Error(`Failed to capture photo: ${this.formatError(err)}`);
+        }
+    }
+    /**
+     * Web implementation already uses images from the video stream, so this is the same as `capture()`
+     */
+    async captureSample(options) {
+        return this.capture(options);
+    }
+    /**
+     * Flip between front and back camera
+     */
+    async flipCamera() {
+        if (!__classPrivateFieldGet(this, _isRunning)) {
+            throw new Error('Camera is not running');
+        }
+        try {
+            // Switch current camera
+            this.currentCamera = this.currentCamera === 'user' ? 'environment' : 'user';
+            // Stop current stream
+            if (this.stream) {
+                this.stream.getTracks().forEach((track) => track.stop());
+            }
+            // Restart with new facing mode
+            const constraints = {
+                video: {
+                    facingMode: this.currentCamera,
+                },
+                audio: false,
+            };
+            this.stream = await navigator.mediaDevices.getUserMedia(constraints);
+            if (this.videoElement) {
+                this.videoElement.srcObject = this.stream;
+            }
+        }
+        catch (err) {
+            throw new Error(`Failed to flip camera: ${this.formatError(err)}`);
+        }
+    }
+    /**
+     * Get available camera devices
+     */
+    async getAvailableDevices() {
+        try {
+            const devices = await navigator.mediaDevices.enumerateDevices();
+            const videoDevices = devices.filter((device) => device.kind === 'videoinput');
+            return {
+                devices: videoDevices.map((device) => ({
+                    id: device.deviceId,
+                    name: device.label || `Camera ${device.deviceId.substring(0, 5)}`,
+                    position: device.label.toLowerCase().includes('front') ? 'front' : 'back',
+                })),
+            };
+        }
+        catch (err) {
+            console.error('Failed to get available devices', err);
+            return { devices: [] };
+        }
+    }
+    /**
+     * Get current zoom information (web has limited zoom support)
+     */
+    async getZoom() {
+        // Web has limited zoom capabilities in most browsers,
+        // we fake zoomin by scaling the video element
+        return {
+            min: 1.0,
+            max: 3.0,
+            current: this.currentZoom,
+        };
+    }
+    /**
+     * Set zoom level (limited support in web)
+     */
+    async setZoom(options) {
+        // Store the requested zoom level
+        this.currentZoom = options.level;
+        // Apply visual zoom using CSS transform when native zoom isn't supported
+        if (this.videoElement) {
+            this.videoElement.style.transition = options.ramp ? 'transform 0.2s ease-in-out' : 'none';
+            const scale = Math.max(1.0, Math.min(options.level, 3.0)); // Limit scale to reasonable bounds
+            this.videoElement.style.transform = `scale(${scale})`;
+            this.videoElement.style.transformOrigin = 'center';
+        }
+    }
+    /**
+     * Get current flash mode
+     */
+    async getFlashMode() {
+        return { flashMode: this.currentFlashMode };
+    }
+    /**
+     * Get supported flash modes
+     */
+    async getSupportedFlashModes() {
+        // Web has limited flash control
+        return { flashModes: ['off'] };
+    }
+    /**
+     * Set flash mode (limited support in web)
+     */
+    async setFlashMode(options) {
+        this.currentFlashMode = options.mode;
+        console.warn('Flash mode control is not fully supported in the web implementation');
+    }
+    /**
+     * Check camera permission without requesting
+     */
+    async checkPermissions() {
+        try {
+            // Use Permissions API if available
+            if (navigator.permissions) {
+                const result = await navigator.permissions.query({ name: 'camera' });
+                return {
+                    camera: result.state === 'granted' ? 'granted' : result.state === 'denied' ? 'denied' : 'prompt',
+                };
+            }
+            // If Permissions API is not available, check if we have an active stream
+            return {
+                camera: this.stream ? 'granted' : 'prompt',
+            };
+        }
+        catch (err) {
+            // If permissions API is not supported or fails
+            return {
+                camera: 'prompt',
+            };
+        }
+    }
+    /**
+     * Request camera permission from the user
+     */
+    async requestPermissions() {
+        try {
+            // Try to access the camera to trigger the permission prompt
+            const stream = await navigator.mediaDevices.getUserMedia({ video: true });
+            // If we get here, permission was granted
+            // Clean up the test stream
+            stream.getTracks().forEach((track) => track.stop());
+            return { camera: 'granted' };
+        }
+        catch (err) {
+            // Permission denied or other error
+            return { camera: 'denied' };
+        }
+    }
+    /**
+     * Start barcode detection if supported
+     */
+    async startBarcodeDetection() {
+        const barcodeDetector = this.barcodeDetector;
+        const videoElement = this.videoElement;
+        if (!this.barcodeDetectionSupported || !barcodeDetector || !videoElement) {
+            return;
+        }
+        // Make sure video is fully loaded before starting detection
+        if (videoElement.readyState < 2) {
+            await new Promise((resolve) => {
+                const loadHandler = () => {
+                    videoElement.removeEventListener('loadeddata', loadHandler);
+                    resolve();
+                };
+                videoElement.addEventListener('loadeddata', loadHandler);
+            });
+        }
+        // Add throttling to reduce CPU usage
+        let lastDetectionTime = 0;
+        const minTimeBetweenDetections = 100; // ms
+        // Set up periodic frame analysis for barcode detection
+        const detectFrame = async () => {
+            if (!__classPrivateFieldGet(this, _isRunning) || !videoElement || !barcodeDetector) {
+                return;
+            }
+            const now = Date.now();
+            if (now - lastDetectionTime >= minTimeBetweenDetections) {
+                try {
+                    const barcodes = await barcodeDetector.detect(videoElement);
+                    lastDetectionTime = now;
+                    if (barcodes.length > 0) {
+                        const barcode = barcodes[0];
+                        // Transform barcode coordinates using the utility function
+                        const boundingRect = transformBarcodeBoundingBox(barcode.boundingBox, videoElement);
+                        this.notifyListeners('barcodeDetected', {
+                            value: barcode.rawValue,
+                            type: barcode.format.toLowerCase(),
+                            boundingRect,
+                        });
+                    }
+                }
+                catch (err) {
+                    console.error('Barcode detection error', err);
+                }
+            }
+            if (__classPrivateFieldGet(this, _isRunning)) {
+                requestAnimationFrame(detectFrame);
+            }
+        };
+        requestAnimationFrame(detectFrame);
+    }
+    /**
+     * Clean up resources when the plugin is disposed
+     */
+    async handleOnDestroy() {
+        var _a;
+        await this.stop();
+        // Remove elements from DOM
+        if ((_a = this.videoElement) === null || _a === void 0 ? void 0 : _a.parentNode) {
+            this.videoElement.parentNode.removeChild(this.videoElement);
+            this.videoElement = null;
+        }
+        if (this.canvasElement) {
+            this.canvasElement = null;
+        }
+        this.barcodeDetector = null;
+    }
+    /**
+     * Check if barcode detection is supported in this browser
+     */
+    async checkBarcodeDetectionSupport() {
+        if ('BarcodeDetector' in window) {
+            try {
+                this.barcodeDetector = new BarcodeDetector();
+                this.barcodeDetectionSupported = true;
+            }
+            catch (e) {
+                console.warn('BarcodeDetector is not supported by this browser.');
+                this.barcodeDetectionSupported = false;
+            }
+        }
+    }
+    /**
+     * Set up the video element for the camera view
+     */
+    async setupVideoElement(containerElementId) {
+        this.videoElement = document.createElement('video');
+        this.videoElement.playsInline = true;
+        this.videoElement.autoplay = true;
+        this.videoElement.muted = true;
+        this.videoElement.style.width = '100%';
+        this.videoElement.style.height = '100%';
+        this.videoElement.style.objectFit = 'cover';
+        // If a container ID is provided, find that element and append the video to it
+        if (containerElementId) {
+            const container = document.getElementById(containerElementId);
+            if (!container) {
+                throw new Error(`Container element with ID ${containerElementId} not found`);
+            }
+            container.appendChild(this.videoElement);
+        }
+        else {
+            // Otherwise, append to body as fallback
+            document.body.appendChild(this.videoElement);
+        }
+    }
+    /**
+     * Ensures canvas element exists and returns it
+     */
+    getCanvasElement() {
+        if (!this.canvasElement) {
+            this.canvasElement = document.createElement('canvas');
+        }
+        return this.canvasElement;
+    }
+    /**
+     * Format error message
+     */
+    formatError(err) {
+        return err instanceof Error ? err.message : String(err);
+    }
+}
+_isRunning = new WeakMap();
+//# sourceMappingURL=web.js.map

package/dist/esm/web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"web.js","sourceRoot":"","sources":["../../src/web.ts"],"names":[],"mappings":"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","sourcesContent":["import { WebPlugin } from '@capacitor/core';\n\nimport type {\n  CameraSessionConfiguration,\n  CameraViewPlugin,\n  GetAvailableDevicesResponse,\n  GetFlashModeResponse,\n  GetSupportedFlashModesResponse,\n  GetZoomResponse,\n  IsRunningResponse,\n  PermissionStatus,\n  CaptureResponse,\n  FlashMode,\n} from './definitions';\nimport { calculateVisibleArea, canvasToBase64, drawVisibleAreaToCanvas, transformBarcodeBoundingBox } from './utils';\n\n/**\n * Web implementation of the CameraViewPlugin.\n * Optimized for performance and battery efficiency.\n */\nexport class CameraViewWeb extends WebPlugin implements CameraViewPlugin {\n  // DOM elements\n  private videoElement: HTMLVideoElement | null = null;\n  private canvasElement: HTMLCanvasElement | null = null;\n\n  // Stream state\n  private stream: MediaStream | null = null;\n  #isRunning = false;\n\n  // Configuration state\n  private currentCamera = 'environment'; // Default to back camera\n  private currentZoom = 1.0;\n  private currentFlashMode: FlashMode = 'off';\n\n  // Barcode detection support\n  private barcodeDetectionSupported = false;\n  private barcodeDetector: BarcodeDetector | null = null;\n\n  constructor() {\n    super();\n    this.checkBarcodeDetectionSupport();\n  }\n\n  /**\n   * Start the camera with the given configuration\n   */\n  async start(options?: CameraSessionConfiguration): Promise<void> {\n    if (this.#isRunning) {\n      return;\n    }\n\n    const permissionStatus = await this.requestPermissions();\n    if (permissionStatus.camera !== 'granted') {\n      throw new Error('Camera permission was not granted');\n    }\n\n    try {\n      // Set up video element if it doesn't exist\n      if (!this.videoElement) {\n        await this.setupVideoElement(options?.containerElementId);\n      }\n\n      // Set up video constraints based on options\n      const videoConstraints: MediaTrackConstraints = {};\n\n      // Prefer deviceId if specified\n      if (options?.deviceId) {\n        videoConstraints.deviceId = { exact: options.deviceId };\n        // Remember the current camera mode (though we're using a specific device)\n        this.currentCamera = options?.position === 'front' ? 'user' : 'environment';\n      } else {\n        // Fall back to facing mode\n        const facingMode = options?.position === 'front' ? 'user' : 'environment';\n        this.currentCamera = facingMode;\n        videoConstraints.facingMode = facingMode;\n      }\n\n      const constraints: MediaStreamConstraints = {\n        video: videoConstraints,\n        audio: false,\n      };\n\n      this.stream = await navigator.mediaDevices.getUserMedia(constraints);\n\n      if (this.videoElement) {\n        this.videoElement.srcObject = this.stream;\n        this.videoElement.play();\n        this.#isRunning = true;\n\n        // If barcode detection is enabled and supported, start detection\n        if (options?.enableBarcodeDetection && this.barcodeDetectionSupported) {\n          this.startBarcodeDetection();\n        }\n      }\n    } catch (err) {\n      throw new Error(`Failed to start camera: ${this.formatError(err)}`);\n    }\n  }\n\n  /**\n   * Stop the camera and release resources\n   */\n  async stop(): Promise<void> {\n    if (!this.#isRunning) {\n      return;\n    }\n\n    try {\n      // Stop all tracks in the stream\n      if (this.stream) {\n        this.stream.getTracks().forEach((track) => track.stop());\n        this.stream = null;\n      }\n\n      // Clear video source\n      if (this.videoElement) {\n        this.videoElement = null;\n      }\n\n      this.#isRunning = false;\n    } catch (err) {\n      throw new Error(`Failed to stop camera: ${this.formatError(err)}`);\n    }\n  }\n\n  /**\n   * Check if the camera is currently running\n   */\n  async isRunning(): Promise<IsRunningResponse> {\n    return { isRunning: this.#isRunning };\n  }\n\n  /**\n   * Capture a photo using the camera and return it as a base64-encoded JPEG image.\n   * Preserves what the user actually sees in the UI, including cropping from object-fit: cover.\n   */\n  async capture(options: { quality: number }): Promise<CaptureResponse> {\n    const videoElement = this.videoElement;\n\n    if (!this.#isRunning || !videoElement) {\n      throw new Error('Camera is not running');\n    }\n\n    try {\n      const canvas = this.getCanvasElement();\n      const visibleArea = calculateVisibleArea(videoElement);\n\n      drawVisibleAreaToCanvas(canvas, videoElement, visibleArea);\n\n      const quality = Math.min(1.0, Math.max(0.1, options.quality / 100));\n      const base64Data = canvasToBase64(canvas, quality);\n\n      return { photo: base64Data };\n    } catch (err) {\n      throw new Error(`Failed to capture photo: ${this.formatError(err)}`);\n    }\n  }\n\n  /**\n   * Web implementation already uses images from the video stream, so this is the same as `capture()`\n   */\n  async captureSample(options: { quality: number }): Promise<CaptureResponse> {\n    return this.capture(options);\n  }\n\n  /**\n   * Flip between front and back camera\n   */\n  public async flipCamera(): Promise<void> {\n    if (!this.#isRunning) {\n      throw new Error('Camera is not running');\n    }\n\n    try {\n      // Switch current camera\n      this.currentCamera = this.currentCamera === 'user' ? 'environment' : 'user';\n\n      // Stop current stream\n      if (this.stream) {\n        this.stream.getTracks().forEach((track) => track.stop());\n      }\n\n      // Restart with new facing mode\n      const constraints: MediaStreamConstraints = {\n        video: {\n          facingMode: this.currentCamera,\n        },\n        audio: false,\n      };\n\n      this.stream = await navigator.mediaDevices.getUserMedia(constraints);\n\n      if (this.videoElement) {\n        this.videoElement.srcObject = this.stream;\n      }\n    } catch (err) {\n      throw new Error(`Failed to flip camera: ${this.formatError(err)}`);\n    }\n  }\n\n  /**\n   * Get available camera devices\n   */\n  public async getAvailableDevices(): Promise<GetAvailableDevicesResponse> {\n    try {\n      const devices = await navigator.mediaDevices.enumerateDevices();\n      const videoDevices = devices.filter((device) => device.kind === 'videoinput');\n\n      return {\n        devices: videoDevices.map((device) => ({\n          id: device.deviceId,\n          name: device.label || `Camera ${device.deviceId.substring(0, 5)}`,\n          position: device.label.toLowerCase().includes('front') ? 'front' : 'back',\n        })),\n      };\n    } catch (err) {\n      console.error('Failed to get available devices', err);\n      return { devices: [] };\n    }\n  }\n\n  /**\n   * Get current zoom information (web has limited zoom support)\n   */\n  public async getZoom(): Promise<GetZoomResponse> {\n    // Web has limited zoom capabilities in most browsers,\n    // we fake zoomin by scaling the video element\n    return {\n      min: 1.0,\n      max: 3.0,\n      current: this.currentZoom,\n    };\n  }\n\n  /**\n   * Set zoom level (limited support in web)\n   */\n  public async setZoom(options: { level: number; ramp?: boolean }): Promise<void> {\n    // Store the requested zoom level\n    this.currentZoom = options.level;\n\n    // Apply visual zoom using CSS transform when native zoom isn't supported\n    if (this.videoElement) {\n      this.videoElement.style.transition = options.ramp ? 'transform 0.2s ease-in-out' : 'none';\n      const scale = Math.max(1.0, Math.min(options.level, 3.0)); // Limit scale to reasonable bounds\n      this.videoElement.style.transform = `scale(${scale})`;\n      this.videoElement.style.transformOrigin = 'center';\n    }\n  }\n\n  /**\n   * Get current flash mode\n   */\n  public async getFlashMode(): Promise<GetFlashModeResponse> {\n    return { flashMode: this.currentFlashMode };\n  }\n\n  /**\n   * Get supported flash modes\n   */\n  public async getSupportedFlashModes(): Promise<GetSupportedFlashModesResponse> {\n    // Web has limited flash control\n    return { flashModes: ['off'] };\n  }\n\n  /**\n   * Set flash mode (limited support in web)\n   */\n  public async setFlashMode(options: { mode: FlashMode }): Promise<void> {\n    this.currentFlashMode = options.mode;\n    console.warn('Flash mode control is not fully supported in the web implementation');\n  }\n\n  /**\n   * Check camera permission without requesting\n   */\n  public async checkPermissions(): Promise<PermissionStatus> {\n    try {\n      // Use Permissions API if available\n      if (navigator.permissions) {\n        const result = await navigator.permissions.query({ name: 'camera' as PermissionName });\n        return {\n          camera: result.state === 'granted' ? 'granted' : result.state === 'denied' ? 'denied' : 'prompt',\n        };\n      }\n\n      // If Permissions API is not available, check if we have an active stream\n      return {\n        camera: this.stream ? 'granted' : 'prompt',\n      };\n    } catch (err) {\n      // If permissions API is not supported or fails\n      return {\n        camera: 'prompt',\n      };\n    }\n  }\n\n  /**\n   * Request camera permission from the user\n   */\n  public async requestPermissions(): Promise<PermissionStatus> {\n    try {\n      // Try to access the camera to trigger the permission prompt\n      const stream = await navigator.mediaDevices.getUserMedia({ video: true });\n\n      // If we get here, permission was granted\n      // Clean up the test stream\n      stream.getTracks().forEach((track) => track.stop());\n\n      return { camera: 'granted' };\n    } catch (err) {\n      // Permission denied or other error\n      return { camera: 'denied' };\n    }\n  }\n\n  /**\n   * Start barcode detection if supported\n   */\n  private async startBarcodeDetection() {\n    const barcodeDetector = this.barcodeDetector;\n    const videoElement = this.videoElement;\n\n    if (!this.barcodeDetectionSupported || !barcodeDetector || !videoElement) {\n      return;\n    }\n\n    // Make sure video is fully loaded before starting detection\n    if (videoElement.readyState < 2) {\n      await new Promise<void>((resolve) => {\n        const loadHandler = () => {\n          videoElement.removeEventListener('loadeddata', loadHandler);\n          resolve();\n        };\n        videoElement.addEventListener('loadeddata', loadHandler);\n      });\n    }\n\n    // Add throttling to reduce CPU usage\n    let lastDetectionTime = 0;\n    const minTimeBetweenDetections = 100; // ms\n\n    // Set up periodic frame analysis for barcode detection\n    const detectFrame = async () => {\n      if (!this.#isRunning || !videoElement || !barcodeDetector) {\n        return;\n      }\n\n      const now = Date.now();\n      if (now - lastDetectionTime >= minTimeBetweenDetections) {\n        try {\n          const barcodes = await barcodeDetector.detect(videoElement);\n          lastDetectionTime = now;\n\n          if (barcodes.length > 0) {\n            const barcode = barcodes[0];\n\n            // Transform barcode coordinates using the utility function\n            const boundingRect = transformBarcodeBoundingBox(barcode.boundingBox, videoElement);\n\n            this.notifyListeners('barcodeDetected', {\n              value: barcode.rawValue,\n              type: barcode.format.toLowerCase(),\n              boundingRect,\n            });\n          }\n        } catch (err) {\n          console.error('Barcode detection error', err);\n        }\n      }\n\n      if (this.#isRunning) {\n        requestAnimationFrame(detectFrame);\n      }\n    };\n\n    requestAnimationFrame(detectFrame);\n  }\n\n  /**\n   * Clean up resources when the plugin is disposed\n   */\n  public async handleOnDestroy(): Promise<void> {\n    await this.stop();\n\n    // Remove elements from DOM\n    if (this.videoElement?.parentNode) {\n      this.videoElement.parentNode.removeChild(this.videoElement);\n      this.videoElement = null;\n    }\n\n    if (this.canvasElement) {\n      this.canvasElement = null;\n    }\n\n    this.barcodeDetector = null;\n  }\n\n  /**\n   * Check if barcode detection is supported in this browser\n   */\n  private async checkBarcodeDetectionSupport() {\n    if ('BarcodeDetector' in window) {\n      try {\n        this.barcodeDetector = new BarcodeDetector();\n        this.barcodeDetectionSupported = true;\n      } catch (e) {\n        console.warn('BarcodeDetector is not supported by this browser.');\n        this.barcodeDetectionSupported = false;\n      }\n    }\n  }\n\n  /**\n   * Set up the video element for the camera view\n   */\n  private async setupVideoElement(containerElementId?: string) {\n    this.videoElement = document.createElement('video');\n    this.videoElement.playsInline = true;\n    this.videoElement.autoplay = true;\n    this.videoElement.muted = true;\n    this.videoElement.style.width = '100%';\n    this.videoElement.style.height = '100%';\n    this.videoElement.style.objectFit = 'cover';\n\n    // If a container ID is provided, find that element and append the video to it\n    if (containerElementId) {\n      const container = document.getElementById(containerElementId);\n      if (!container) {\n        throw new Error(`Container element with ID ${containerElementId} not found`);\n      }\n      container.appendChild(this.videoElement);\n    } else {\n      // Otherwise, append to body as fallback\n      document.body.appendChild(this.videoElement);\n    }\n  }\n\n  /**\n   * Ensures canvas element exists and returns it\n   */\n  private getCanvasElement(): HTMLCanvasElement {\n    if (!this.canvasElement) {\n      this.canvasElement = document.createElement('canvas');\n    }\n    return this.canvasElement;\n  }\n\n  /**\n   * Format error message\n   */\n  private formatError(err: unknown): string {\n    return err instanceof Error ? err.message : String(err);\n  }\n}\n"]}