build release

.gitignore

@@ -1,2 +1 @@
-node_modules
-dist
+node_modules

README.md

@@ -1,4 +1,4 @@
-# React Webcam Barcode Scanner
+# React QR Barcode Scanner
 
 This is a simple React component built in Typescript to provide a webcam-based barcode scanner using [react-webcam](https://github.com/mozmorris/react-webcam) and [@zxing/library](https://github.com/zxing-js/library). This component works on Computers and Mobile Devices (iOS 11 and above and Android Phones).
 

dist/BarcodeScannerComponent.d.ts

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

dist/BarcodeScannerComponent.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const library_1 = require("@zxing/library");
+const react_webcam_1 = __importDefault(require("react-webcam"));
+const BarcodeScannerComponent = ({ onUpdate, width = "100%", height = "100%", facingMode = "environment", delay = 500, videoConstraints, }) => {
+    const webcamRef = react_1.default.useRef(null);
+    const codeReader = new library_1.BrowserMultiFormatReader();
+    const capture = react_1.default.useCallback(() => {
+        var _a;
+        const imageSrc = (_a = webcamRef === null || webcamRef === void 0 ? void 0 : webcamRef.current) === null || _a === void 0 ? void 0 : _a.getScreenshot();
+        if (imageSrc) {
+            codeReader
+                .decodeFromImage(undefined, imageSrc)
+                .then((result) => {
+                onUpdate(null, result);
+            })
+                .catch((err) => {
+                onUpdate(err);
+            });
+        }
+    }, [codeReader, onUpdate]);
+    react_1.default.useEffect(() => {
+        const interval = setInterval(capture, delay);
+        return () => {
+            clearInterval(interval);
+        };
+    }, []);
+    return (react_1.default.createElement(react_webcam_1.default, { width: width, height: height, ref: webcamRef, screenshotFormat: "image/jpeg", videoConstraints: videoConstraints || {
+            facingMode,
+        }, audio: false }));
+};
+exports.default = BarcodeScannerComponent;

dist/index.d.ts

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

dist/index.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const BarcodeScannerComponent_1 = __importDefault(require("./BarcodeScannerComponent"));
+exports.default = BarcodeScannerComponent_1.default;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-qr-barcode-scanner",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "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",