@vue-solana/vue 4.1.7 → 4.1.8

package/dist/index.mjs

@@ -18,7 +18,7 @@ export { u as useSignAndSendTransactions } from './shared/vue.sPcsjyKU.mjs';
 export { u as useSignatureStatus } from './shared/vue.Bu2cQ690.mjs';
 export { u as useSignIn } from './shared/vue.SeuJipQ8.mjs';
 export { t as tryUseSolana, u as useSolana } from './shared/vue.CcOZ9858.mjs';
-export { u as useSolanaQrScanner } from './shared/vue.Btxdm--M.mjs';
+export { u as useSolanaQrScanner } from './shared/vue.B7s1pOGD.mjs';
 export { u as useSolanaQrCode } from './shared/vue.Bo4nAja_.mjs';
 export { u as useSolanaPay } from './shared/vue.gvgOc5rc.mjs';
 export { u as useSolanaPayConfirmation } from './shared/vue.MN-kcudq.mjs';

package/dist/shared/{vue.Btxdm--M.mjs → vue.B7s1pOGD.mjs}

@@ -1,6 +1,21 @@
 import { ref, shallowRef, onUnmounted } from 'vue';
 import { parseURL } from '@vue-solana/core/solana-pay';
 
+async function createQrCodeDetector() {
+  const BarcodeDetectorCtor = globalThis.BarcodeDetector;
+  if (!BarcodeDetectorCtor) {
+    return null;
+  }
+  try {
+    const formats = await BarcodeDetectorCtor.getSupportedFormats?.();
+    if (formats && !formats.includes("qr_code")) {
+      return null;
+    }
+    return new BarcodeDetectorCtor({ formats: ["qr_code"] });
+  } catch {
+    return null;
+  }
+}
 function useSolanaQrScanner() {
   const scanning = ref(false);
   const result = shallowRef(null);
@@ -8,7 +23,7 @@ function useSolanaQrScanner() {
   const error = ref(null);
   let mediaStream = null;
   let videoElement = null;
-  let scanInterval = null;
+  let scanTimer = null;
   let barcodeDetector = null;
   let stopped = false;
   function stopTracks() {
@@ -23,9 +38,9 @@ function useSolanaQrScanner() {
     }
   }
   function clearTimer() {
-    if (scanInterval) {
-      clearInterval(scanInterval);
-      scanInterval = null;
+    if (scanTimer) {
+      clearTimeout(scanTimer);
+      scanTimer = null;
     }
   }
   async function scanFromText(text) {
@@ -39,6 +54,23 @@ function useSolanaQrScanner() {
       throw e;
     }
   }
+  async function scanFrame() {
+    if (!barcodeDetector || !videoElement || videoElement.readyState < 2) {
+      return false;
+    }
+    try {
+      const codes = await barcodeDetector.detect(videoElement);
+      const text = codes[0]?.rawValue || codes[0]?.raw || codes[0]?.value;
+      if (!text) {
+        return false;
+      }
+      await scanFromText(text);
+      return true;
+    } catch (e) {
+      error.value = e;
+      return false;
+    }
+  }
   async function start(options = {}) {
     if (typeof window === "undefined") {
       const err = new Error("Scanner can only run in the browser");
@@ -51,21 +83,15 @@ function useSolanaQrScanner() {
     videoElement = options.video ?? null;
     const intervalMs = options.scanIntervalMs ?? 500;
     try {
-      const BarcodeDetectorCtor = globalThis.BarcodeDetector;
-      if (BarcodeDetectorCtor) {
-        try {
-          barcodeDetector = new BarcodeDetectorCtor({
-            formats: ["qr_code"]
-          });
-        } catch {
-          barcodeDetector = null;
-        }
-      }
       if (!navigator?.mediaDevices?.getUserMedia) {
         throw new Error("Camera not available");
       }
+      barcodeDetector = await createQrCodeDetector();
+      if (!barcodeDetector) {
+        throw new Error("This browser cannot detect QR codes. Paste the payment URL instead.");
+      }
       mediaStream = await navigator.mediaDevices.getUserMedia({
-        video: { facingMode: "environment" }
+        video: { facingMode: "environment", width: { ideal: 1280 }, height: { ideal: 720 } }
       });
       if (videoElement) {
         videoElement.srcObject = mediaStream;
@@ -74,25 +100,19 @@ function useSolanaQrScanner() {
       }
       scanning.value = true;
       clearTimer();
-      scanInterval = setInterval(async () => {
-        if (stopped || !scanning.value) return;
-        try {
-          if (barcodeDetector && videoElement) {
-            const codes = await barcodeDetector.detect(videoElement);
-            if (codes && codes.length > 0) {
-              const text = codes[0]?.rawValue || codes[0]?.raw || codes[0]?.value;
-              if (text) {
-                try {
-                  await scanFromText(text);
-                } catch {
-                }
-              }
-            }
+      const scheduleScan = () => {
+        scanTimer = setTimeout(async () => {
+          if (stopped || !scanning.value) return;
+          if (await scanFrame()) {
+            stop();
+            return;
           }
-        } catch (e) {
-          error.value = e;
-        }
-      }, intervalMs);
+          if (!stopped && scanning.value) {
+            scheduleScan();
+          }
+        }, intervalMs);
+      };
+      scheduleScan();
     } catch (e) {
       error.value = e;
       stopTracks();

package/dist/useSolanaPay.d.ts

@@ -6,7 +6,7 @@ declare function useSolanaPay(): {
     requestUrl: vue.ShallowRef<string | null, string | null>;
     parsedRequest: vue.ShallowRef<unknown, unknown>;
     reference: vue.ShallowRef<unknown, unknown>;
-    status: vue.ShallowRef<"confirmed" | "finalized" | "error" | "idle" | "pending" | "found" | "expired", "confirmed" | "finalized" | "error" | "idle" | "pending" | "found" | "expired">;
+    status: vue.ShallowRef<"idle" | "error" | "confirmed" | "finalized" | "pending" | "found" | "expired", "idle" | "error" | "confirmed" | "finalized" | "pending" | "found" | "expired">;
     loading: vue.ShallowRef<boolean, boolean>;
     error: vue.ShallowRef<unknown, unknown>;
     createTransferRequest: (input: Record<string, unknown>) => Promise<string>;

package/dist/useSolanaQrScanner.mjs

@@ -1 +1 @@
-export { u as useSolanaQrScanner } from './shared/vue.Btxdm--M.mjs';
+export { u as useSolanaQrScanner } from './shared/vue.B7s1pOGD.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-solana/vue",
-  "version": "4.1.7",
+  "version": "4.1.8",
   "description": "Vue plugin and composables for Solana applications.",
   "license": "MIT",
   "keywords": [
@@ -194,7 +194,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@vue-solana/core": "4.1.7"
+    "@vue-solana/core": "4.1.8"
   },
   "peerDependencies": {
     "vue": "^3.5.0"