QR detection

import { handleImageLoad } from 'qrdx';

async function detectQR(file: File) {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();
    reader.onload = async (e) => {
      const img = new Image();
      img.onload = async () => {
        try {
          const result = await handleImageLoad(img, 400, false);
          if (result === "NO_QR") {
            resolve("No QR code found");
          } else {
            resolve(result);
          }
        } catch (error) {
          reject(error);
        }
      };
      img.src = e.target?.result as string;
    };
    reader.readAsDataURL(file);
  });
}

import { useState } from 'react';
import { handleImageLoad } from 'qrdx';

export default function QRDetector() {
  const [result, setResult] = useState('');

  const handleFile = async (e: React.ChangeEvent<HTMLInputElement>) => {
    const file = e.target.files?.[0];
    if (!file) return;

    try {
      const qrData = await detectQR(file);
      setResult(qrData);
    } catch (error) {
      setResult(`Error: ${error.message}`);
    }
  };

  return (
    <div>
      <input type="file" accept="image/*" onChange={handleFile} />
      {result && <p>{result}</p>}
    </div>
  );
}

handleImageLoad(
  imgElement: HTMLImageElement,
  size: number,              // Processing size (recommended: 400)
  returnFullData?: boolean   // Return full data or just text
)

const fullData = await handleImageLoad(img, 400, true);
// Returns:
// {
//   data: "https://example.com",
//   binaryData: Uint8ClampedArray,
//   location: { topLeftCorner, topRightCorner, ... },
//   chunks: [...]
// }

import { downloadImageWithBoundingBox } from 'qrdx';

const fullData = await handleImageLoad(img, 400, true);
if (fullData?.location) {
  const boundingBox = [
    fullData.location.topLeftCorner,
    fullData.location.topRightCorner,
    fullData.location.bottomRightCorner,
    fullData.location.bottomLeftCorner,
  ];
  downloadImageWithBoundingBox(img, boundingBox, "debug.png");
}

try {
  const result = await handleImageLoad(img, 400, false);
  if (result === "NO_QR") {
    console.log("No QR code found");
  } else {
    console.log("QR data:", result);
  }
} catch (error) {
  console.error("Detection failed:", error);
}