react-qr-barcode-scanner 2.0.0 → 2.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-qr-barcode-scanner",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "A simple React Component using the client's webcam to read barcodes and QR codes.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -36,15 +36,15 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@types/react": "^18.2.0",
+    "@types/react": "^19.0.2",
     "@zxing/library": "^0.21.3",
     "react-webcam": "^7.1.1"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^8.8.0",
-    "@typescript-eslint/parser": "^8.8.0",
-    "eslint": "^9.12.0",
-    "eslint-plugin-react": "^7.33.2",
-    "typescript": "^5.2.2"
+    "@typescript-eslint/eslint-plugin": "^8.24.0",
+    "@typescript-eslint/parser": "^8.24.0",
+    "eslint": "^9.20.1",
+    "eslint-plugin-react": "^7.37.3",
+    "typescript": "^5.7.2"
   }
-}
+}

package/dist/BarcodeScannerComponent.d.ts

@@ -1,14 +0,0 @@
-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

@@ -1,64 +0,0 @@
-import { jsx as _jsx } 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(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

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

package/dist/index.js

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