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

package/dist/plugin.js

@@ -54,6 +54,10 @@ var capacitorCapacitorCameraView = (function (exports, core) {
             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 = {
@@ -241,6 +245,7 @@ var capacitorCapacitorCameraView = (function (exports, core) {
             // 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`;
@@ -392,16 +397,24 @@ var capacitorCapacitorCameraView = (function (exports, core) {
                 }
                 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;
@@ -529,12 +542,23 @@ var capacitorCapacitorCameraView = (function (exports, core) {
                     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) {
@@ -544,6 +568,7 @@ var capacitorCapacitorCameraView = (function (exports, core) {
             }
         }
         async stop(_options) {
+            await this.stopBarcodeScanner();
             const video = document.getElementById(DEFAULT_VIDEO_ID);
             if (video) {
                 video.pause();
@@ -631,6 +656,116 @@ var capacitorCapacitorCameraView = (function (exports, core) {
         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');
@@ -948,6 +1083,9 @@ var capacitorCapacitorCameraView = (function (exports, core) {
             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) {
@@ -964,10 +1102,32 @@ var capacitorCapacitorCameraView = (function (exports, core) {
             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