@domore-hr/react-barcode-scanner/esm/hooks/use-scanning.js

A barcode scanner base on Barcode Detector

import { __awaiter, __generator } from "tslib";
import { useCallback, useEffect, useMemo, useState } from 'react';
var DEFAULT_OPTIONS = {
    delay: 1000,
    formats: ['qr_code']
};
export function useScanning(ref, provideOptions) {
    var _this = this;
    var _a = useState(), detectedBarcodes = _a[0], setDetectBarcodes = _a[1];
    var _b = useState(false), start = _b[0], setStart = _b[1];
    var options = useMemo(function () {
        return Object.assign({}, DEFAULT_OPTIONS, provideOptions);
    }, [provideOptions]);
    var scan = useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
        var target, detector, detected;
        return __generator(this, function (_a) {
            switch (_a.label) {
                case 0:
                    target = ref.current;
                    detector = new BarcodeDetector({
                        formats: options.formats
                    });
                    return [4, detector.detect(target)];
                case 1:
                    detected = _a.sent();
                    if (detected !== undefined && detected.length > 0) {
                        setDetectBarcodes(detected);
                    }
                    return [2];
            }
        });
    }); }, [ref, options.formats]);
    useEffect(function () {
        var target = ref.current;
        if (target == null || !start)
            return;
        var cancelled = false;
        var timer;
        var frame = function () { return __awaiter(_this, void 0, void 0, function () {
            return __generator(this, function (_a) {
                switch (_a.label) {
                    case 0: return [4, scan()];
                    case 1:
                        _a.sent();
                        if (!cancelled) {
                            timer = window.setTimeout(frame, options.delay);
                        }
                        return [2];
                }
            });
        }); };
        timer = window.setTimeout(frame, options.delay);
        return function () {
            clearTimeout(timer);
            cancelled = true;
        };
    }, [start, ref, options.delay, scan]);
    var open = useCallback(function () {
        setStart(true);
    }, []);
    var close = useCallback(function () {
        setStart(false);
    }, []);
    return [detectedBarcodes, open, close];
}