EasyCord LogoDocs
Plugin EcosystemHardware & Sensors

Barcode/QR Scanner

High-performance 1D/2D barcode and QR code scanning.

Scanner Plugin

The EasyCord Scanner plugin utilizes native vision APIs to provide blazing fast barcode and QR code scanning for inventory management and ticketing apps.

Installation

npm install @easycord/plugin-scanner

API Reference

startScan(options?: ScanConfig)

Starts the camera preview and waits for a recognizable barcode.

Parameters

  • formats (BarcodeFormat[]): Types of codes to scan (e.g., QR_CODE, UPC_A).

Example Usage

import { useState } from 'react';
import { Scanner, BarcodeFormat } from '@easycord/plugin-scanner';

export default function QrScanner() {
  const [result, setResult] = useState<string | null>(null);

  const scanCode = async () => {
    try {
      const data = await Scanner.startScan({
        formats: [BarcodeFormat.QR_CODE]
      });
      setResult(data.content);
    } catch (err) {
      console.error('Scanner error:', err);
    }
  };

  return (
    <div className="p-4">
      <button onClick={scanCode} className="bg-red-600 text-white px-4 py-2 rounded">
        Start Scan
      </button>
      {result && <p className="mt-4 font-mono text-lg text-gray-800">Result: {result}</p>}
    </div>
  );
}