capacitor-camera-module 0.0.63 → 0.0.64

package/ios/Sources/CameraModulePlugin/CameraModulePlugin.swift

@@ -51,11 +51,9 @@ public class CameraModulePlugin: CAPPlugin,CAPBridgedPlugin,AVCaptureVideoDataOu
 
     // MARK: - Lifecycle
     public override func load() {
-        guard let webView = bridge?.webView else { return }
-
-        webView.isOpaque = true
-        webView.backgroundColor = .black
-        webView.scrollView.backgroundColor = .black
+        // Este método ya no fuerza el color negro
+        // El webView será configurado dinámicamente en startPreview/stopPreview
+        print("📱 CameraModulePlugin cargado")
     }
 
 
@@ -144,117 +142,153 @@ public class CameraModulePlugin: CAPPlugin,CAPBridgedPlugin,AVCaptureVideoDataOu
 
     // MARK: - Camera Preview
 
-    @objc func startPreview(_ call: CAPPluginCall) {
-        DispatchQueue.main.async {
-            if self.previewView != nil {
-                call.resolve()
-                return
-            }
+@objc func startPreview(_ call: CAPPluginCall) {
+    DispatchQueue.main.async {
+        if self.previewView != nil {
+            call.resolve()
+            return
+        }
 
-            guard AVCaptureDevice.authorizationStatus(for: .video) == .authorized else {
-                call.reject("Camera permission not granted")
-                return
-            }
+        guard AVCaptureDevice.authorizationStatus(for: .video) == .authorized else {
+            call.reject("Camera permission not granted")
+            return
+        }
 
-            let session = AVCaptureSession()
+        let session = AVCaptureSession()
 
-            guard let device = AVCaptureDevice.default(.builtInWideAngleCamera, for: .video, position: .back),
-                  let input = try? AVCaptureDeviceInput(device: device) else {
-                call.reject("Camera not available")
-                return
-            }
+        guard let device = AVCaptureDevice.default(.builtInWideAngleCamera, for: .video, position: .back),
+              let input = try? AVCaptureDeviceInput(device: device) else {
+            call.reject("Camera not available")
+            return
+        }
 
-            if session.canAddInput(input) {
-                session.addInput(input)
-            }
+        if session.canAddInput(input) {
+            session.addInput(input)
+        }
 
-            if session.canAddOutput(self.photoOutput) {
-                session.addOutput(self.photoOutput)
-            }
+        if session.canAddOutput(self.photoOutput) {
+            session.addOutput(self.photoOutput)
+        }
 
-            guard let container = self.bridge?.viewController?.view else {
-                call.reject("No container view")
-                return
-            }
+        guard let container = self.bridge?.viewController?.view else {
+            call.reject("No container view")
+            return
+        }
 
-            // 1. Cambia isUserInteractionEnabled a true
-            let previewView = UIView()
-            previewView.translatesAutoresizingMaskIntoConstraints = false
-            previewView.backgroundColor = .black
-            previewView.isUserInteractionEnabled = true // CAMBIO IMPORTANTE
+        guard let webView = self.bridge?.webView as? WKWebView else {
+            call.reject("No webView")
+            return
+        }
 
+        // 1. Hacer el webView transparente ANTES de crear el preview
+        webView.isOpaque = false
+        webView.backgroundColor = .clear
+        webView.scrollView.backgroundColor = .clear
 
-            previewView.backgroundColor = .red // Para ver si la vista se muestra
+        // Si necesitas mantener scroll pero transparente:
+        webView.scrollView.isOpaque = false
 
+        // 2. Crear previewView
+        let previewView = UIView()
+        previewView.translatesAutoresizingMaskIntoConstraints = false
+        previewView.backgroundColor = .black // Temporal para debug
+        previewView.isUserInteractionEnabled = false // Importante: no intercepta toques
 
-            // Agrega esto después de crear la vista
-            print("PreviewView frame: \(previewView.frame)")
-            print("Superview: \(previewView.superview)")
+        // DEBUG: Borde para ver los límites
+        previewView.layer.borderWidth = 2
+        previewView.layer.borderColor = UIColor.green.cgColor
 
-            guard let webView = self.bridge?.webView else {
-                call.reject("No webView")
-                return
-            }
+        print("🔍 DEBUG: Container frame: \(container.frame)")
+        print("🔍 DEBUG: WebView frame: \(webView.frame)")
 
-            // 2. Inserta la previewView sobre el webView temporalmente para debug
-            container.addSubview(previewView)
+        // 3. Insertar previewView DETRÁS de todo (posición 0)
+        container.insertSubview(previewView, at: 0)
 
-            // 3. Configura constraints
-            let safeArea = container.safeAreaLayoutGuide
-            NSLayoutConstraint.activate([
-                previewView.topAnchor.constraint(equalTo: safeArea.topAnchor), // NO container.topAnchor
-                previewView.bottomAnchor.constraint(equalTo: safeArea.bottomAnchor, constant: -180),
-                previewView.leadingAnchor.constraint(equalTo: container.leadingAnchor),
-                previewView.trailingAnchor.constraint(equalTo: container.trailingAnchor)
-            ])
+        // 4. Configurar constraints para que ocupe TODA la pantalla
+        NSLayoutConstraint.activate([
+            previewView.topAnchor.constraint(equalTo: container.topAnchor),
+            previewView.bottomAnchor.constraint(equalTo: container.bottomAnchor),
+            previewView.leadingAnchor.constraint(equalTo: container.leadingAnchor),
+            previewView.trailingAnchor.constraint(equalTo: container.trailingAnchor)
+        ])
 
-            // 4. FORZA el layout inmediatamente
-            container.layoutIfNeeded()
+        // 5. Asegurar orden de capas
+        previewView.layer.zPosition = -1 // Detrás de todo
+        webView.layer.zPosition = 0 // Normal
 
-            // 5. Crea el previewLayer después de tener el tamaño correcto
-            let previewLayer = AVCaptureVideoPreviewLayer(session: session)
-            previewLayer.videoGravity = .resizeAspectFill
-            previewLayer.frame = previewView.bounds
-            previewLayer.masksToBounds = true
+        // 6. Forzar layout
+        container.layoutIfNeeded()
 
-            previewView.layer.insertSublayer(previewLayer, at: 0)
+        print("🔍 DEBUG: PreviewView frame después de layout: \(previewView.frame)")
 
-            // 6. Guarda referencias
-            self.previewView = previewView
-            self.videoPreviewLayer = previewLayer
-            self.captureSession = session
+        // 7. Crear previewLayer
+        let previewLayer = AVCaptureVideoPreviewLayer(session: session)
+        previewLayer.videoGravity = .resizeAspectFill
+        previewLayer.frame = previewView.bounds
+        previewLayer.masksToBounds = true
 
-            // 7. Configura la sesión ANTES de iniciarla
-            session.sessionPreset = .photo
+        // DEBUG: Borde para el layer también
+        previewLayer.borderWidth = 1
+        previewLayer.borderColor = UIColor.yellow.cgColor
 
-            // 8. Inicia la sesión en background
-            DispatchQueue.global(qos: .userInitiated).async {
-                session.startRunning()
+        previewView.layer.insertSublayer(previewLayer, at: 0)
 
-                // 9. Vuelve al main thread para verificar que se esté mostrando
-                DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) {
-                    print("Preview frame: \(previewView.frame)")
-                    print("Preview layer frame: \(previewLayer.frame)")
-                    print("Preview visible: \(previewView.window != nil)")
+        // 8. Guardar referencias
+        self.previewView = previewView
+        self.videoPreviewLayer = previewLayer
+        self.captureSession = session
+
+        // 9. Configurar sesión
+        session.sessionPreset = .photo
+
+        // 10. Iniciar sesión en background
+        DispatchQueue.global(qos: .userInitiated).async {
+            session.startRunning()
+
+            DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) {
+                print("✅ Cámara iniciada")
+                print("📍 Preview visible: \(previewView.window != nil ? "SÍ" : "NO")")
+                print("📍 WebView transparente: \(webView.isOpaque ? "NO" : "SÍ")")
+
+                // Quitar borde de debug después de 3 segundos
+                DispatchQueue.main.asyncAfter(deadline: .now() + 3) {
+                    previewView.layer.borderWidth = 0
+                    previewLayer.borderWidth = 0
+                    previewView.backgroundColor = .clear // Ahora sí transparente
                 }
             }
-
-            call.resolve()
         }
+
+        call.resolve([
+            "success": true,
+            "message": "Preview iniciado con webView transparente"
+        ])
     }
+}
 
 
     @objc func stopPreview(_ call: CAPPluginCall) {
         DispatchQueue.main.async {
+            // Detener cámara
             self.captureSession?.stopRunning()
             self.captureSession = nil
+
+            // Remover preview
             self.videoPreviewLayer?.removeFromSuperlayer()
             self.previewView?.removeFromSuperview()
             self.videoPreviewLayer?.session = nil
-
             self.videoPreviewLayer = nil
-
             self.previewView = nil
+
+            // Restaurar webView a estado normal (opcional)
+            if let webView = self.bridge?.webView as? WKWebView {
+                webView.isOpaque = true
+                webView.backgroundColor = .white // O el color de tu app
+                webView.scrollView.backgroundColor = .white
+                webView.scrollView.isOpaque = true
+            }
+
+            print("🛑 Preview detenido - webView restaurado")
             call.resolve()
         }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "capacitor-camera-module",
-  "version": "0.0.63",
+  "version": "0.0.64",
   "description": "Plugin to request permissiones view camera take phots",
   "main": "dist/plugin.cjs.js",
   "module": "dist/esm/index.js",