@vue-solana/vue 4.1.7 → 4.1.9

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.D0MQeVy2.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.D0MQeVy2.mjs

@@ -0,0 +1,200 @@
+import { ref, shallowRef, onUnmounted } from 'vue';
+import { parseURL } from '@vue-solana/core/solana-pay';
+
+const DECODE_SIZE = 720;
+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;
+  }
+}
+async function loadQrDecoder() {
+  try {
+    const mod = await import('jsqr');
+    const jsQR = mod.default ?? mod;
+    if (typeof jsQR !== "function") {
+      return null;
+    }
+    return (data, width, height) => jsQR(data, width, height, { inversionAttempts: "dontInvert" })?.data || null;
+  } catch {
+    return null;
+  }
+}
+function useSolanaQrScanner() {
+  const scanning = ref(false);
+  const result = shallowRef(null);
+  const parsed = shallowRef(null);
+  const error = ref(null);
+  let mediaStream = null;
+  let videoElement = null;
+  let scanTimer = null;
+  let barcodeDetector = null;
+  let qrDecoder = null;
+  let frameCanvas = null;
+  let stopped = false;
+  function stopTracks() {
+    if (mediaStream) {
+      for (const track of mediaStream.getTracks()) {
+        try {
+          track.stop();
+        } catch {
+        }
+      }
+      mediaStream = null;
+    }
+  }
+  function clearTimer() {
+    if (scanTimer) {
+      clearTimeout(scanTimer);
+      scanTimer = null;
+    }
+  }
+  async function scanFromText(text) {
+    try {
+      result.value = text;
+      parsed.value = parseURL(text);
+      error.value = null;
+      return parsed.value;
+    } catch (e) {
+      error.value = e;
+      throw e;
+    }
+  }
+  async function detectWithBrowser(video) {
+    if (!barcodeDetector) {
+      return null;
+    }
+    try {
+      const codes = await barcodeDetector.detect(video);
+      return codes[0]?.rawValue || codes[0]?.raw || codes[0]?.value || null;
+    } catch {
+      return null;
+    }
+  }
+  function decodeFrame(video) {
+    const side = Math.min(video.videoWidth, video.videoHeight);
+    if (!qrDecoder || !side) {
+      return null;
+    }
+    const size = Math.min(side, DECODE_SIZE);
+    frameCanvas ??= document.createElement("canvas");
+    frameCanvas.width = size;
+    frameCanvas.height = size;
+    const context = frameCanvas.getContext("2d", { willReadFrequently: true });
+    if (!context) {
+      return null;
+    }
+    context.drawImage(
+      video,
+      (video.videoWidth - side) / 2,
+      (video.videoHeight - side) / 2,
+      side,
+      side,
+      0,
+      0,
+      size,
+      size
+    );
+    return qrDecoder(context.getImageData(0, 0, size, size).data, size, size);
+  }
+  async function scanFrame() {
+    if (!videoElement || videoElement.readyState < 2) {
+      return false;
+    }
+    const text = await detectWithBrowser(videoElement) ?? decodeFrame(videoElement);
+    if (!text) {
+      return false;
+    }
+    try {
+      await scanFromText(text);
+      return true;
+    } catch {
+      return false;
+    }
+  }
+  async function start(options = {}) {
+    if (typeof window === "undefined") {
+      const err = new Error("Scanner can only run in the browser");
+      error.value = err;
+      throw err;
+    }
+    if (scanning.value) return;
+    stopped = false;
+    error.value = null;
+    videoElement = options.video ?? null;
+    const intervalMs = options.scanIntervalMs ?? 500;
+    try {
+      if (!navigator?.mediaDevices?.getUserMedia) {
+        throw new Error("Camera not available");
+      }
+      [barcodeDetector, qrDecoder] = await Promise.all([createQrCodeDetector(), loadQrDecoder()]);
+      if (!barcodeDetector && !qrDecoder) {
+        throw new Error("This browser cannot detect QR codes. Paste the payment URL instead.");
+      }
+      mediaStream = await navigator.mediaDevices.getUserMedia({
+        video: { facingMode: "environment", width: { ideal: 1280 }, height: { ideal: 720 } }
+      });
+      if (videoElement) {
+        videoElement.srcObject = mediaStream;
+        await videoElement.play().catch(() => {
+        });
+      }
+      scanning.value = true;
+      clearTimer();
+      const scheduleScan = () => {
+        scanTimer = setTimeout(async () => {
+          if (stopped || !scanning.value) return;
+          if (await scanFrame()) {
+            stop();
+            return;
+          }
+          if (!stopped && scanning.value) {
+            scheduleScan();
+          }
+        }, intervalMs);
+      };
+      scheduleScan();
+    } catch (e) {
+      error.value = e;
+      stopTracks();
+      clearTimer();
+      scanning.value = false;
+      throw e;
+    }
+  }
+  function stop() {
+    stopped = true;
+    scanning.value = false;
+    clearTimer();
+    stopTracks();
+    if (videoElement) {
+      try {
+        videoElement.srcObject = null;
+      } catch {
+      }
+    }
+  }
+  function reset() {
+    stop();
+    result.value = null;
+    parsed.value = null;
+    error.value = null;
+    barcodeDetector = null;
+    videoElement = null;
+  }
+  onUnmounted(() => {
+    stop();
+  });
+  return { scanning, result, parsed, error, scanFromText, start, stop, reset };
+}
+
+export { useSolanaQrScanner as u };

package/dist/useSolanaQrScanner.mjs

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

package/package.json

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

package/dist/shared/vue.Btxdm--M.mjs

@@ -1,130 +0,0 @@
-import { ref, shallowRef, onUnmounted } from 'vue';
-import { parseURL } from '@vue-solana/core/solana-pay';
-
-function useSolanaQrScanner() {
-  const scanning = ref(false);
-  const result = shallowRef(null);
-  const parsed = shallowRef(null);
-  const error = ref(null);
-  let mediaStream = null;
-  let videoElement = null;
-  let scanInterval = null;
-  let barcodeDetector = null;
-  let stopped = false;
-  function stopTracks() {
-    if (mediaStream) {
-      for (const track of mediaStream.getTracks()) {
-        try {
-          track.stop();
-        } catch {
-        }
-      }
-      mediaStream = null;
-    }
-  }
-  function clearTimer() {
-    if (scanInterval) {
-      clearInterval(scanInterval);
-      scanInterval = null;
-    }
-  }
-  async function scanFromText(text) {
-    try {
-      result.value = text;
-      parsed.value = parseURL(text);
-      error.value = null;
-      return parsed.value;
-    } catch (e) {
-      error.value = e;
-      throw e;
-    }
-  }
-  async function start(options = {}) {
-    if (typeof window === "undefined") {
-      const err = new Error("Scanner can only run in the browser");
-      error.value = err;
-      throw err;
-    }
-    if (scanning.value) return;
-    stopped = false;
-    error.value = null;
-    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");
-      }
-      mediaStream = await navigator.mediaDevices.getUserMedia({
-        video: { facingMode: "environment" }
-      });
-      if (videoElement) {
-        videoElement.srcObject = mediaStream;
-        await videoElement.play().catch(() => {
-        });
-      }
-      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 {
-                }
-              }
-            }
-          }
-        } catch (e) {
-          error.value = e;
-        }
-      }, intervalMs);
-    } catch (e) {
-      error.value = e;
-      stopTracks();
-      clearTimer();
-      scanning.value = false;
-      throw e;
-    }
-  }
-  function stop() {
-    stopped = true;
-    scanning.value = false;
-    clearTimer();
-    stopTracks();
-    if (videoElement) {
-      try {
-        videoElement.srcObject = null;
-      } catch {
-      }
-    }
-  }
-  function reset() {
-    stop();
-    result.value = null;
-    parsed.value = null;
-    error.value = null;
-    barcodeDetector = null;
-    videoElement = null;
-  }
-  onUnmounted(() => {
-    stop();
-  });
-  return { scanning, result, parsed, error, scanFromText, start, stop, reset };
-}
-
-export { useSolanaQrScanner as u };