react-qr-barcode-scanner 2.0.2 → 2.0.4

package/dist/BarcodeScannerComponent.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { Result } from "@zxing/library";
+export declare const BarcodeScannerComponent: ({ onUpdate, onError, width, height, facingMode, torch, delay, videoConstraints, stopStream, }: {
+    onUpdate: (arg0: unknown, arg1?: Result) => void;
+    onError?: (arg0: string | DOMException) => void;
+    width?: number | string;
+    height?: number | string;
+    facingMode?: "environment" | "user";
+    torch?: boolean;
+    delay?: number;
+    videoConstraints?: MediaTrackConstraints;
+    stopStream?: boolean;
+}) => React.ReactElement;
+export default BarcodeScannerComponent;

package/dist/BarcodeScannerComponent.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import React from "react";
+import { BrowserMultiFormatReader } from "@zxing/library";
+import Webcam from "react-webcam";
+export const BarcodeScannerComponent = ({ onUpdate, onError, width = "100%", height = "100%", facingMode = "environment", torch, delay = 500, videoConstraints, stopStream, }) => {
+    const webcamRef = React.useRef(null);
+    const capture = React.useCallback(() => {
+        const codeReader = new BrowserMultiFormatReader();
+        // @ts-ignore
+        const imageSrc = webcamRef?.current?.getScreenshot();
+        if (imageSrc) {
+            codeReader
+                .decodeFromImage(undefined, imageSrc)
+                .then((result) => {
+                onUpdate(null, result);
+            })
+                .catch((err) => {
+                onUpdate(err);
+            });
+        }
+    }, [onUpdate]);
+    React.useEffect(() => {
+        // Turn on the flashlight if prop is defined and device has the capability
+        if (typeof torch === "boolean" &&
+            // @ts-ignore
+            navigator?.mediaDevices?.getSupportedConstraints().torch) {
+            // @ts-ignore
+            const stream = webcamRef?.current?.video.srcObject;
+            const track = stream?.getVideoTracks()[0]; // get the active track of the stream
+            if (track &&
+                track.getCapabilities().torch &&
+                !track.getConstraints().torch) {
+                track
+                    .applyConstraints({
+                    advanced: [{ torch }],
+                })
+                    .catch((err) => onUpdate(err));
+            }
+        }
+    }, [torch, onUpdate]);
+    React.useEffect(() => {
+        if (stopStream) {
+            // @ts-ignore
+            let stream = webcamRef?.current?.video.srcObject;
+            if (stream) {
+                stream.getTracks().forEach((track) => {
+                    stream.removeTrack(track);
+                    track.stop();
+                });
+                stream = null;
+            }
+        }
+    }, [stopStream]);
+    React.useEffect(() => {
+        const interval = setInterval(capture, delay);
+        return () => {
+            clearInterval(interval);
+        };
+    }, []);
+    return (_jsx(_Fragment, { children: _jsx(Webcam, { width: width, height: height, ref: webcamRef, screenshotFormat: "image/jpeg", videoConstraints: videoConstraints || {
+                facingMode,
+            }, audio: false, onUserMediaError: onError }) }));
+};
+export default BarcodeScannerComponent;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+import BarcodeScannerComponent from './BarcodeScannerComponent';
+export default BarcodeScannerComponent;

package/dist/index.js

@@ -0,0 +1,2 @@
+import BarcodeScannerComponent from './BarcodeScannerComponent';
+export default BarcodeScannerComponent;

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "react-qr-barcode-scanner",
-  "version": "2.0.2",
+  "version": "2.0.4",
   "description": "A simple React Component using the client's webcam to read barcodes and QR codes.",
-  "module": "dist/index.js",
+  "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",
   "author": "Jamena McInteer (https://jamena.dev)",