@capgo/camera-preview 8.3.6 → 8.3.8-beta.pr356.31.1

package/dist/plugin.cjs.js

@@ -55,6 +55,10 @@ class CameraPreviewWeb extends core.WebPlugin {
         this.orientationListenerBound = false;
         this.mediaRecorder = null;
         this.recordedChunks = [];
+        this.currentAspectRatio = '4:3';
+        this.barcodeDetector = null;
+        this.barcodeScannerTimer = null;
+        this.barcodeScannerBusy = false;
     }
     async checkPermissions(options) {
         const result = {
@@ -242,6 +246,7 @@ class CameraPreviewWeb extends core.WebPlugin {
         // Default to 4:3 if no aspect ratio or size specified
         const useDefaultAspectRatio = !options.aspectRatio && !options.width && !options.height;
         const effectiveAspectRatio = options.aspectRatio || (useDefaultAspectRatio ? '4:3' : null);
+        this.currentAspectRatio = effectiveAspectRatio || '4:3';
         if (options.width) {
             this.videoElement.width = options.width;
             this.videoElement.style.width = `${options.width}px`;
@@ -393,16 +398,24 @@ class CameraPreviewWeb extends core.WebPlugin {
             }
             else if (effectiveAspectRatio) {
                 // Aspect ratio specified but no size
-                const [widthRatio, heightRatio] = effectiveAspectRatio.split(':').map(Number);
-                const targetRatio = widthRatio / heightRatio;
                 const viewportWidth = window.innerWidth;
                 const viewportHeight = window.innerHeight;
-                let targetWidth = viewportWidth;
-                let targetHeight = targetWidth / targetRatio;
-                // If height exceeds viewport, fit to height instead
-                if (targetHeight > viewportHeight) {
-                    targetHeight = viewportHeight;
-                    targetWidth = targetHeight * targetRatio;
+                let targetWidth;
+                let targetHeight;
+                if (effectiveAspectRatio === 'fill') {
+                    targetWidth = containerWidth;
+                    targetHeight = containerHeight;
+                }
+                else {
+                    const [widthRatio, heightRatio] = effectiveAspectRatio.split(':').map(Number);
+                    const targetRatio = widthRatio / heightRatio;
+                    targetWidth = viewportWidth;
+                    targetHeight = targetWidth / targetRatio;
+                    // If height exceeds viewport, fit to height instead
+                    if (targetHeight > viewportHeight) {
+                        targetHeight = viewportHeight;
+                        targetWidth = targetHeight * targetRatio;
+                    }
                 }
                 this.videoElement.width = targetWidth;
                 this.videoElement.height = targetHeight;
@@ -530,12 +543,23 @@ class CameraPreviewWeb extends core.WebPlugin {
                 height: computedStyle.height,
             },
         });
-        return {
+        const result = {
             width: Math.round(rect.width),
             height: Math.round(rect.height),
             x: Math.round(rect.x),
             y: Math.round(rect.y),
         };
+        const barcodeScannerOptions = this.getStartBarcodeScannerOptions(options);
+        if (barcodeScannerOptions) {
+            try {
+                await this.startBarcodeScanner(barcodeScannerOptions);
+            }
+            catch (error) {
+                await this.stop({ force: true });
+                throw error;
+            }
+        }
+        return result;
     }
     stopStream(stream) {
         if (stream) {
@@ -545,6 +569,7 @@ class CameraPreviewWeb extends core.WebPlugin {
         }
     }
     async stop(_options) {
+        await this.stopBarcodeScanner();
         const video = document.getElementById(DEFAULT_VIDEO_ID);
         if (video) {
             video.pause();
@@ -632,6 +657,116 @@ class CameraPreviewWeb extends core.WebPlugin {
     async captureSample(_options) {
         return this.capture(_options);
     }
+    async startBarcodeScanner(options) {
+        var _a, _b;
+        if (!this.isStarted || !((_a = this.videoElement) === null || _a === void 0 ? void 0 : _a.srcObject)) {
+            throw new Error('camera is not running');
+        }
+        const Detector = window.BarcodeDetector;
+        if (!Detector) {
+            throw new Error('BarcodeDetector API is not available in this browser');
+        }
+        await this.stopBarcodeScanner();
+        const formats = ((options === null || options === void 0 ? void 0 : options.formats) || [])
+            .map((format) => this.toWebBarcodeFormat(format))
+            .filter((format) => !!format);
+        this.barcodeDetector = new Detector(formats.length > 0 ? { formats } : undefined);
+        const detectionInterval = Math.max(100, (_b = options === null || options === void 0 ? void 0 : options.detectionInterval) !== null && _b !== void 0 ? _b : 500);
+        const detect = async () => {
+            var _a;
+            if (this.barcodeScannerBusy || !this.barcodeDetector || !((_a = this.videoElement) === null || _a === void 0 ? void 0 : _a.srcObject)) {
+                return;
+            }
+            this.barcodeScannerBusy = true;
+            try {
+                const results = (await this.barcodeDetector.detect(this.videoElement));
+                const barcodes = results
+                    .map((result) => this.toBarcodeScanResult(result))
+                    .filter((barcode) => !!barcode);
+                if (barcodes.length > 0) {
+                    this.notifyListeners('barcodeScanned', { barcodes });
+                }
+            }
+            catch (error) {
+                const message = error instanceof Error ? error.message : String(error);
+                console.error('Barcode detection failed:', error);
+                this.notifyListeners('barcodeScanError', { message });
+            }
+            finally {
+                this.barcodeScannerBusy = false;
+            }
+        };
+        this.barcodeScannerTimer = window.setInterval(() => {
+            void detect();
+        }, detectionInterval);
+        void detect();
+    }
+    async stopBarcodeScanner() {
+        if (this.barcodeScannerTimer !== null) {
+            window.clearInterval(this.barcodeScannerTimer);
+            this.barcodeScannerTimer = null;
+        }
+        this.barcodeDetector = null;
+        this.barcodeScannerBusy = false;
+    }
+    getStartBarcodeScannerOptions(options) {
+        if (options.barcodeScanner === true) {
+            return {};
+        }
+        if (options.barcodeScanner && typeof options.barcodeScanner === 'object') {
+            return options.barcodeScanner;
+        }
+        return null;
+    }
+    toWebBarcodeFormat(format) {
+        switch (format) {
+            case 'aztec':
+            case 'codabar':
+            case 'code_39':
+            case 'code_93':
+            case 'code_128':
+            case 'data_matrix':
+            case 'ean_8':
+            case 'ean_13':
+            case 'itf':
+            case 'pdf417':
+            case 'qr_code':
+            case 'upc_a':
+            case 'upc_e':
+                return format;
+            default:
+                return null;
+        }
+    }
+    toBarcodeScanResult(result) {
+        if (!result.rawValue) {
+            return null;
+        }
+        return {
+            value: result.rawValue,
+            format: this.fromWebBarcodeFormat(result.format),
+        };
+    }
+    fromWebBarcodeFormat(format) {
+        switch (format) {
+            case 'aztec':
+            case 'codabar':
+            case 'code_39':
+            case 'code_93':
+            case 'code_128':
+            case 'data_matrix':
+            case 'ean_8':
+            case 'ean_13':
+            case 'itf':
+            case 'pdf417':
+            case 'qr_code':
+            case 'upc_a':
+            case 'upc_e':
+                return format;
+            default:
+                return 'unknown';
+        }
+    }
     async stopRecordVideo() {
         if (!this.mediaRecorder) {
             throw new Error('video recording is not running');
@@ -949,6 +1084,9 @@ class CameraPreviewWeb extends core.WebPlugin {
         if (!video) {
             throw new Error('camera is not running');
         }
+        if (this.currentAspectRatio === 'fill') {
+            return { aspectRatio: 'fill' };
+        }
         const width = video.offsetWidth;
         const height = video.offsetHeight;
         if (width && height) {
@@ -965,10 +1103,32 @@ class CameraPreviewWeb extends core.WebPlugin {
         return { aspectRatio: '4:3' };
     }
     async setAspectRatio(options) {
+        var _a, _b;
         const video = document.getElementById(DEFAULT_VIDEO_ID);
         if (!video) {
             throw new Error('camera is not running');
         }
+        this.currentAspectRatio = options.aspectRatio;
+        if (options.aspectRatio === 'fill') {
+            const parent = video.parentElement || document.body;
+            const targetWidth = parent.clientWidth || window.innerWidth;
+            const targetHeight = parent.clientHeight || window.innerHeight;
+            const x = (_a = options.x) !== null && _a !== void 0 ? _a : 0;
+            const y = (_b = options.y) !== null && _b !== void 0 ? _b : 0;
+            video.style.width = `${targetWidth}px`;
+            video.style.height = `${targetHeight}px`;
+            video.style.left = `${x}px`;
+            video.style.top = `${y}px`;
+            video.style.position = 'absolute';
+            const offsetX = targetWidth / 8;
+            const offsetY = targetHeight / 8;
+            return {
+                width: Math.round(targetWidth),
+                height: Math.round(targetHeight),
+                x: Math.round(x + offsetX),
+                y: Math.round(y + offsetY),
+            };
+        }
         if (options.aspectRatio) {
             const [widthRatio, heightRatio] = options.aspectRatio.split(':').map(Number);
             // For camera, use portrait orientation: 4:3 becomes 3:4, 16:9 becomes 9:16