SLM Plugin Tester

Caso de uso: geolocalización de visitas a tiendas, verificación de presencia en sucursal, rutas de reparto.

getGPS() Coordenadas rápidas (baja precisión) — para registro de ubicación sin espera › getCurrentPosition(highAccuracy) GPS de alta precisión con timeout — para geofencing o registro oficial de visita › requestLocationPermission() Solicitar permiso de ubicación al usuario — primera vez o si fue revocado › getLocationPermissionStatus() Verificar si el permiso fue otorgado antes de activar funciones de mapa › openLocationSettings() Llevar al usuario a Configuración del sistema para activar ubicación manualmente ›

Caso de uso: tracking de ruta de un repartidor o supervisor en campo en tiempo real.

watchPosition() Escucha actualizaciones de GPS cada vez que el dispositivo se mueve ›

Caso de uso: confirmar identidad del usuario antes de ver datos sensibles, aprobar una transacción o firmar digitalmente.

isBiometricAvailable() Verificar si Face ID / Touch ID está configurado — para mostrar u ocultar la opción › biometricAuthenticate() Autenticación simple — confirmar identidad antes de una acción crítica › biometricAuthenticate(challenge) Autenticación con challenge para firmas criptográficas (operaciones financieras) › getBiometricPublicKey() Obtener clave pública del Secure Enclave para verificación en servidor ›

Caso de uso: cámara dentro de un rectángulo del webapp con UI custom encima (guías, marcos, botones).

openQRPreview() — sin overlay Abre visor 300×300 en (20,120) sin HTML encima — baseline › i{bottom:-3px;left:-3px;border-right:none;border-top:none}.frame > u{bottom:-3px;right:-3px;border-left:none;border-top:none}.ftr{background:rgba(0,0,0,.55);padding:6px 12px;border-radius:16px;font-size:11px;opacity:.85}

Alinea el codigo QR

Powered by SLM

'; return slm.openQRPreview({x:20,y:120,width:300,height:300,camera:'back',overlayHtml:overlay}); })"> openQRPreview(overlayHtml) Visor 300×300 con HTML inline: marco verde + header/footer (transparente encima del feed) › openQRPreview(overlayUrl) Visor 300×300 con overlay cargado desde /test/qr-overlay.html (scan-line animada) › closeQRPreview() Cierra el visor embebido — siempre llamar antes de abrir otro o navegar ›

Caso de uso: leer QR de credencial de empleado, producto en inventario o punto de venta.

⚠️ La pantalla del scanner abre sobre la app nativa — puede verse detrás de esta webview al probar desde el Tester. Funciona correctamente desde la app en producción.

scanQR(credential) Scanner con template de credencial — apuntar a un QR de empleado o tarjeta › scanQR(simple) Scanner básico sin plantilla — para QR de URLs, texto libre o inventario › scanBarcode() Leer código de barras 1D — para escanear productos en tienda o almacén ›

Caso de uso: generar QR de credencial, folio de servicio, o link de pago para mostrar al cliente.

generateQR() Genera imagen QR en base64 del texto ingresado arriba — para mostrar en pantalla o imprimir ›

Caso de uso: foto de evidencia para reportes de campo, selfie para reconocimiento facial, captura de recibo o documento.

takePicture(80%, 800px) Abre cámara y devuelve foto en base64 — para adjuntar a reporte o subir al servidor › chooseFromGallery() Elegir imagen ya existente del carrete — para adjuntar foto tomada anteriormente › cameraCleanup() Liberar recursos de cámara — llamar al navegar fuera de pantalla de captura ›

Caso de uso: grabar video de evidencia en tienda, capturar audio de una entrevista, o foto directamente desde cámara nativa. Requiere permisos CAMERA / RECORD_AUDIO.

captureImage() Foto con la cámara nativa del sistema — devuelve MediaFile con ruta y metadata › captureVideo(10s) Grabar video hasta 10 segundos — para evidencia visual de incidencias en sucursal › captureAudio(5s) Grabar nota de voz de 5 segundos — para adjuntar comentario de voz a un ticket ›

Caso de uso: adjuntar foto o video ya existente sin solicitar permiso de galería — usa el Photo Picker nativo del sistema. Cumple política Google Play 2024.

pickImage() Abrir selector para elegir una foto existente — sin permiso READ_MEDIA_IMAGES › pickVideo() Abrir selector para elegir un video existente — sin permiso READ_MEDIA_VIDEO ›

Caso de uso: adjuntar varias fotos o videos a un reporte, pedido o ticket de soporte en una sola operación.

pick(type, maxCount) Selector múltiple con filtro — devuelve array de MediaFile con ruta, tipo y tamaño ›

Caso de uso: adjuntar PDF de factura, Excel de inventario, o cualquier documento desde Files / Archivos del dispositivo.

pickFiles(single) Elegir un archivo cualquiera — devuelve base64 para subir al servidor directamente › pickFiles(multi, images) Elegir varias imágenes — devuelve metadata (nombre, tamaño, tipo) sin cargar en memoria ›

Caso de uso: dictado de notas en campo sin usar teclado, búsqueda por voz en catálogo, o captura de comentarios en visita a tienda.

isDictationAvailable() Verificar si el motor de voz está activo — para mostrar u ocultar el botón de micrófono › getSupportedLanguages() Idiomas de reconocimiento disponibles — para ofrecer selección de idioma al usuario › startDictation() Abre micrófono y transcribe — muestra parciales mientras el usuario habla › stopDictation() Detener escucha y obtener resultado final — para confirmar el texto antes de guardarlo ›

Caso de uso: compartir folio de servicio, comprobante de visita o enlace de tracking con el cliente via WhatsApp, email u otras apps.

share(text + url) Abre el share sheet nativo con texto y enlace — el usuario elige la app destino › getAvailableApps() Listar apps de sharing disponibles — para mostrar botones directos de WhatsApp, Telegram, etc. › shareScreenshot() Capturar pantalla completa — para compartir resumen de pedido o reporte como imagen › shareToApp(whatsapp) Enviar mensaje directo a WhatsApp — sin pasar por el share sheet › shareToApp(telegram) Enviar mensaje directo a Telegram — notificación instantánea al cliente o equipo ›

Genera una imagen con Canvas, muestra el base64, intenta saveToGallery y share para comparar. Alerts en cada paso.

1. Generar imagen en Canvas Dibuja un comprobante de prueba y muestra info del base64 generado PASO 1 2. saveToGallery(base64) Guarda la imagen del canvas en galería — este SÍ funciona PASO 2 3. share({ image: base64 }) Comparte la misma imagen — este produce archivo de 1 byte PASO 3 4. postMessage DIRECTO (sin SDK) Llama webkit.messageHandlers directamente, saltando el SDK, para aislar el problema PASO 4 5. Comparar: save vs share (mismo base64) Llama ambos con EXACTAMENTE el mismo string y compara resultados PASO 5

Caso de uso: solicitar permiso al primer uso de la app para recibir alertas de pedidos, actualizaciones de rutas o mensajes del sistema.

requestNotificationPermission() Mostrar diálogo de permiso — llamar al iniciar sesión por primera vez › getNotificationPermissionStatus() Verificar si el permiso ya fue otorgado — para mostrar banner de "activa notificaciones" ›

Caso de uso: registrar el dispositivo en FCM/APNs para enviar notificaciones remotas de pedidos, alertas o mensajes.

registerPush() Registrar dispositivo para push — obtiene token y lo envía al servidor › getPushToken() Obtener token FCM/APNs — para enviarlo al backend y asociarlo al usuario › unregisterPush() Desregistrar al cerrar sesión — evita notificaciones en dispositivo sin usuario activo › setBadge(5) Mostrar número en el ícono de la app — para indicar pedidos pendientes o mensajes nuevos › getBadge() Leer el número actual del badge — para sincronizar con contadores del servidor › clearBadge() Limpiar el badge al abrir la app o marcar todos los elementos como leídos ›

Caso de uso: recordatorio de visita programada, alarma de cierre de turno, o alerta de tiempo agotado en una tarea.

scheduleLocalNotification(5s) Programar notificación en 5 segundos — sal de la app para verla aparecer › cancelAllLocalNotifications() Cancelar todas las notificaciones pendientes — al cerrar sesión o completar tarea › subscribeTopic('test-topic') Suscribir a canal de mensajes — para alertas por sucursal, región o tipo de usuario › unsubscribeTopic('test-topic') Desuscribir de canal — al cambiar sucursal o rol del usuario ›

Caso de uso: agregar tarjeta de crédito, credencial o pase a Wallet para pagos sin contacto o acceso físico.

canAddCardToWallet() Verificar si Wallet está disponible y el dispositivo soporta pagos NFC › isCardInWallet() Verificar si la tarjeta ya fue agregada — para mostrar "Ya en Wallet" vs "Agregar a Wallet" › googleIsAvailable() Verificar si Google Wallet está instalado en el dispositivo Android › isCardInGoogleWallet() Verificar si la tarjeta ya está en Google Wallet — mismo flujo que Apple pero en Android ›

Caso de uso: adaptar la barra de estado al color de la pantalla activa. Importante: setStyle solo cambia el color de los íconos (no el fondo). Para ver el efecto usa primero los botones de color abajo, luego cambia el estilo.

getStatusBarHeight() Altura de la barra en dp — usar como padding-top en el layout de la app › ① setBackgroundColor → oscuro (#1a1a2e) Paso 1 — poner fondo oscuro antes de activar lightContent › ② setStyle → lightContent (íconos blancos) Paso 2 — íconos blancos visibles sobre el fondo oscuro del paso 1 › ③ setBackgroundColor → claro (#f5f5f5) Paso 1 alternativo — fondo claro antes de darkContent › ④ setStyle → darkContent (íconos negros) Paso 2 alternativo — íconos oscuros sobre fondo claro del paso 3 › ⑤ Combo naranja + lightContent Flujo completo en un botón: color de marca + estilo en una sola llamada › hideStatusBar() Ocultar barra y expandir contenido — para cámara, video o pantalla completa › showStatusBar() Restaurar la barra al salir de pantalla completa › setOverlaysWebView(true) Contenido HTML se extiende bajo la barra — típico en apps con header personalizado › setOverlaysWebView(false) Contenido empieza debajo de la barra — el layout no se tapa › showSplashScreen() → auto-hide 3s Mostrar splash durante carga de datos — ocultar cuando la pantalla esté lista ›

Caso de uso: guardar token de sesión, preferencias del usuario o datos de último acceso de forma persistente entre aperturas de la app.

setLocalStorage() Guardar valor en almacenamiento nativo seguro — persiste entre sesiones › getLocalStorage() Recuperar valor guardado — para restaurar sesión o preferencias del usuario › delLocalStorage() Eliminar valor al cerrar sesión — para limpiar datos sensibles del dispositivo ›

Caso de uso: detectar pérdida de conexión para mostrar modo offline, o cambio a celular para pausar descargas pesadas.

getConnectionInfo() Tipo de conexión actual (wifi / 4G / none) y velocidad estimada › startNetworkMonitoring() Escuchar cambios de red en tiempo real — activa/desactiva modo offline automáticamente ›

Caso de uso: ajustar layout cuando el teclado aparece/desaparece, detectar altura real para evitar overlap en campos de texto, y cerrar el teclado desde código.

getKeyboardState() Estado actual del teclado: visible, height, heightDp, frame › dismissKeyboard() Cerrar el teclado desde código — equivalente a presionar la flechita de bajar › Escuchar eventos de teclado Activa listeners: WillShow, DidShow, WillHide, DidHide, DidChange — muestra payload en tiempo real ›

Camara embebida posicionada por la webapp. La webapp controla overlay, marco, botones e instrucciones via HTML/CSS.

INE Frente (fullscreen + OCR)Ejemplo completo: overlay, marco landscape, boton captura, instrucciones, OCR› INE Reverso (fullscreen + OCR)Ejemplo: marco landscape reverso con instrucciones› Selfie (camara frontal)Ejemplo: ovalo centrado, camara frontal, captura manual› INE vs Selfie (KYC light)1) INE frente con foto 2) selfie 3) compareFaces y score› Ver Native Logsslm_iab_debug.txt› startDocumentCamera(back)Abrir camara trasera› startDocumentCamera(front)Abrir camara frontal› captureDocument(INE front + OCR)Capturar + crop + OCR› captureDocument(face)Capturar selfie› switchDocumentCameraiOS: cicla lentes (wide/ultra/tele) — Android: front/back› focusDocumentCameraForzar autofocus al centro› stopDocumentCameraCerrar camara› compareFaces (ultimas 2 capturas)Compara las 2 imagenes mas recientes capturadas›

Caso de uso: capturar firma del cliente para contratos, autorizaciones o comprobantes. Devuelve PNG base64 recortado al contenido.

captureSignature() Firma basica con opciones por defecto › captureSignature(custom) Titulo, color navy, grosor 4, con fecha y linea guia ›

Caso de uso: abrir estados de cuenta, contratos, comprobantes de pago en PDF directamente en la app.

openPDF({ url }) Abrir PDF desde URL remota (W3C test PDF) › closePDF() Cerrar el visor de PDF programaticamente ›

Caso de uso: descargar estados de cuenta, comprobantes, PDFs con progreso visible y abrir con app nativa.

download({ url }) Descargar PDF de prueba con progreso › getDownloads() Listar archivos descargados ›

Caso de uso: verificar que el dispositivo no este comprometido antes de operaciones sensibles (pagos, login).

checkIntegrity() Check completo: jailbreak, debugger, emulador, screen recording, score › enableScreenshotPrevention() Bloquear screenshots — pantalla negra al capturar › disableScreenshotPrevention() Restaurar screenshots ›

Camara frontal embebida. La webapp controla overlay, instrucciones y flujo de retos via HTML/CSS.

Prueba basica (4 retos)blink + turnLeft + turnRight + smile — con overlay completo› Prueba completa (8 retos)Los 8 retos en secuencia con captura final› startLivenessCameraAbrir camara frontal› runChallenge('blink')› runChallenge('smile')› runChallenge('turnLeft')› captureLivenessPhoto› stopLivenessCamera›

Camara frontal embebida con overlay HTML/CSS nativo + comparacion INE vs selfie con MobileFaceNet on-device. Threshold default 60.

Demo KYC light fullscreen →Wizard 3 pasos: INE frente + reverso + selfie con overlay nativo y comparación final. Pantalla aparte.› KYC inline: capturar INE -> selfie -> verificarMismo flow pero inline en esta testpage (sin overlay nativo selfie)› startFaceVerify(borderRadius:18)Cámara frontal sin overlay, esquinas redondeadas 18dp› startFaceVerify(overlayHtml + borderRadius:24)Overlay nativo: óvalo verde + instrucciones, esquinas redondeadas› captureSelfieForVerify()Toma foto + alinea cara + devuelve crop 112x112› closeFaceVerify()Cierra cámara›

Caso de uso: verificar que la app es legitima (no modificada, no emulador) con tokens criptograficos firmados por Apple/Google.

isAttestSupported()Verificar si App Attest / Play Integrity esta disponible› generateAttestKey()Generar par de claves (iOS 14+)› attestKey(keyId, challenge)Atestiguar clave con Apple (requiere generateKey primero)› generateAssertion(keyId, challenge)Generar assertion firmada (requiere attestKey primero)› requestIntegrityToken(nonce)Requiere Cloud Project Number para apps en prueba›

Los deep links solo se disparan cuando el app se abre desde FUERA (Safari, Notas, Messages, WhatsApp, o la cámara nativa escaneando un QR). No se pueden simular desde adentro del app.

Dominio configurado para este build: —

Si abriste el app tocando un deep link, esto devuelve sus params. Si abriste el app normal, devuelve null.

getLaunchParams() Devuelve { ...params, _deepLinkPath } o null ›

Editá el path y los params, luego usá los botones de abajo para probar.

Actualizar URL Recalcula la URL con el dominio del build + path + query de arriba ›

Genera un QR con la URL. Cerrá el app, escaneá el QR desde la cámara nativa del celular, tocá la notificación → el app abre y getLaunchParams() debe devolver los params.

generateQR(deepLinkUrl) Imprime el QR en la pantalla — escaneá desde la cámara nativa ›

Copia la URL al clipboard. Pegala en Notas/WhatsApp/Messages, tocala con el app abierta en background. El app vuelve al primer plano y debe recibir los params.

Copiar URL al clipboard Pegala en otra app + tocala para warm start ›

• iOS: AASA servido en https://<dominio>/.well-known/apple-app-site-association (sin extensión, Content-Type application/json)
• Android: assetlinks.json con el SHA256 del keystore que firmó este build
• iOS no dispara Universal Links si abrís el link desde Safari en el mismo dominio — usá Notas o Messages
• Apple cachea el AASA: app-site-association.cdn-apple.com/a/v1/<dominio>