From c6dadb22e89c6c53612e0c90b500db6667280d55 Mon Sep 17 00:00:00 2001
From: Juan Felipe Zapata Moreno <zapata_pipe@hotmail.com>
Date: Tue, 6 Jan 2026 09:07:13 -0600
Subject: [PATCH] =?UTF-8?q?add:=20agregar=20soporte=20para=20m=C3=BAltiple?=
 =?UTF-8?q?s=20formatos=20de=20c=C3=B3digo=20de=20barras=20en=20el=20esc?=
 =?UTF-8?q?=C3=A1ner=20QR?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/POS/QRscan.vue | 40 +++++++++++++++++++++++++++++++----
 1 file changed, 36 insertions(+), 4 deletions(-)

diff --git a/src/components/POS/QRscan.vue b/src/components/POS/QRscan.vue
index 3279ae8..cfd6479 100644
--- a/src/components/POS/QRscan.vue
+++ b/src/components/POS/QRscan.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref } from 'vue';
+import { ref, computed } from 'vue';
 import { QrcodeStream } from 'vue-qrcode-reader';
 
 /** Props y Emits */
@@ -16,6 +16,36 @@ const emit = defineEmits(['update:modelValue', 'qr-detected']);
 const error = ref('');
 const isScanning = ref(true);
 
+/** Formatos de código de barras soportados */
+const barcodeFormats = ref({
+  qr_code: true,        // QR codes
+  ean_13: true,         // Código de barras estándar (13 dígitos)
+  ean_8: true,          // Código de barras corto (8 dígitos)
+  code_128: true,       // Común en retail y logística
+  code_39: true,        // Común en inventario industrial
+  upc_a: true,          // Común en productos USA
+  upc_e: true,          // Común en productos USA (versión corta)
+  aztec: false,
+  code_93: false,
+  codabar: false,
+  databar: false,
+  databar_expanded: false,
+  data_matrix: false,
+  dx_film_edge: false,
+  itf: false,
+  maxi_code: false,
+  micro_qr_code: false,
+  pdf417: false,
+  rm_qr_code: false,
+  linear_codes: false,
+  matrix_codes: false
+});
+
+// Computed para obtener solo los formatos activados
+const selectedBarcodeFormats = computed(() => {
+  return Object.keys(barcodeFormats.value).filter((format) => barcodeFormats.value[format]);
+});
+
 /** Métodos */
 function paintBoundingBox(detectedCodes, ctx) {
   for (const detectedCode of detectedCodes) {
@@ -58,7 +88,7 @@ function onError(err) {
   } else if (err.name === 'NotFoundError') {
     error.value += 'No se encontró cámara en este dispositivo';
   } else if (err.name === 'NotSupportedError') {
-    error.value += 'Se requiere contexto seguro';
+    error.value += 'Se requiere contexto seguro (HTTPS o localhost)';
   } else if (err.name === 'NotReadableError') {
     error.value += '¿La cámara ya está en uso?';
   } else if (err.name === 'OverconstrainedError') {
@@ -66,7 +96,7 @@ function onError(err) {
   } else if (err.name === 'StreamApiNotSupportedError') {
     error.value += 'No es compatible con este navegador';
   } else if (err.name === 'InsecureContextError') {
-    error.value += 'El acceso a la cámara solo se permite en contexto seguro.';
+    error.value += 'El acceso a la cámara solo se permite en contexto seguro (HTTPS).';
   } else {
     error.value += err.message;
   }
@@ -77,12 +107,14 @@ function onError(err) {
 
 <template>
   <div class="relative w-full h-full">
-    <!-- Componente de escaneo QR -->
+    <!-- Componente de escaneo QR y códigos de barras -->
     <QrcodeStream
       v-if="isScanning"
       @detect="onDetect"
       @error="onError"
       :track="paintBoundingBox"
+      :formats="selectedBarcodeFormats"
+      :constraints="{ facingMode: 'environment' }"
       class="w-full h-full rounded-lg overflow-hidden"
     >
     </QrcodeStream>