react-qr-barcode-scanner 2.0.0 → 2.0.2

package/README.md

@@ -13,6 +13,8 @@ npm i react-qr-barcode-scanner
 ## Demo
 Try a demo of the scanner [here](https://jamenamcinteer.github.io/react-qr-barcode-scanner/).
 
+![QR Code for demo link](https://raw.githubusercontent.com/jamenamcinteer/react-qr-barcode-scanner/refs/heads/next-release/docs/assets/demo-qr.png)
+
 ## Usage in React:
 
 ```jsx

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "react-qr-barcode-scanner",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "description": "A simple React Component using the client's webcam to read barcodes and QR codes.",
-  "main": "dist/index.js",
+  "module": "dist/index.js",
   "types": "dist/index.d.ts",
+  "type": "module",
   "author": "Jamena McInteer (https://jamena.dev)",
   "files": [
     "dist"
@@ -11,7 +12,8 @@
   "scripts": {
     "lint": "eslint ./src --ext .js,.jsx,.ts,.tsx --fix",
     "build": "rm -rf dist && tsc --build tsconfig.json --declaration",
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "release": "standard-version"
   },
   "repository": {
     "type": "git",
@@ -31,20 +33,21 @@
     "url": "https://github.com/jamenamcinteer/react-qr-barcode-scanner/issues"
   },
   "homepage": "https://github.com/jamenamcinteer/react-qr-barcode-scanner#readme",
-  "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
-  },
   "dependencies": {
-    "@types/react": "^18.2.0",
     "@zxing/library": "^0.21.3",
-    "react-webcam": "^7.1.1"
+    "react-webcam": "^7.2.0"
   },
   "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"
+    "@types/react": "^19.1.2",
+    "@typescript-eslint/eslint-plugin": "^8.30.0",
+    "@typescript-eslint/parser": "^8.30.0",
+    "eslint": "^9.24.0",
+    "eslint-plugin-react": "^7.37.5",
+    "standard-version": "^9.5.0",
+    "typescript": "^5.8.3"
+  },
+  "peerDependencies": {
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
   }
 }

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;