@nddeps/barcode-scanner 0.3.0 → 0.3.1

package/dist/create-barcode-scanner.d.ts

@@ -1,6 +1,7 @@
 import { type ScanArea } from './utils';
-declare function createBarcodeScanner(video: HTMLVideoElement, { calcScanArea, }?: {
+declare function createBarcodeScanner(video: HTMLVideoElement, { calcScanArea, debug, }?: {
     calcScanArea?: (video: HTMLVideoElement) => ScanArea;
+    debug?: boolean;
 }): {
     destroy: () => Promise<void>;
     pause: () => void;

package/dist/index.js

@@ -204,15 +204,15 @@ function install() {
 		}, { once: !0 }), instance.value = e;
 	});
 }
-function createBarcodeScanner(r, { calcScanArea: o } = {}) {
+function createBarcodeScanner(r, { calcScanArea: o, debug: s = !1 } = {}) {
 	if (!(r instanceof HTMLVideoElement)) throw Error("video is not a HTMLVideoElement");
-	let s = document.createElement("canvas"), c = s.getContext("2d", { willReadFrequently: !0 });
-	if (!c) throw Error("Failed to get canvas context");
+	let c = document.createElement("canvas"), l = c.getContext("2d", { willReadFrequently: !0 });
+	if (!l) throw Error("Failed to get canvas context");
 	let { state: u, watch: d } = createWatchable({
 		calcScanArea: o ?? getScanArea,
-		canvas: s,
-		canvasContext: c,
-		debug: !0,
+		canvas: c,
+		canvasContext: l,
+		debug: s,
 		decodeFrameRequestTimestamp: performance.now(),
 		facingMode: "environment",
 		isDecodeFrameProcessed: !1,
@@ -236,11 +236,11 @@ function createBarcodeScanner(r, { calcScanArea: o } = {}) {
 	});
 	install().then((e) => u.worker = e).then(() => Promise.resolve()).then(() => u.isReady = !0), u.video.autoplay = !0, u.video.disablePictureInPicture = !0, u.video.hidden = !1, u.video.muted = !0, u.video.playsInline = !0, document.addEventListener("visibilitychange", f);
 	function f() {
-		document.visibilityState === "hidden" ? u.isVideoActive && u.isVideoPaused === !1 && (u.resumeOnVisibilityChange = !0, h()) : u.resumeOnVisibilityChange && (u.resumeOnVisibilityChange = !1, g({ facingMode: u.facingMode }, u.onDecodeSuccess, u.onDecodeFailure));
+		s && console.log("barcode-scanner:handleVisibilityChange", document.visibilityState, u), document.visibilityState === "hidden" ? u.isVideoActive && u.isVideoPaused === !1 && (u.resumeOnVisibilityChange = !0, h()) : u.resumeOnVisibilityChange && (u.resumeOnVisibilityChange = !1, g({ facingMode: u.facingMode }, u.onDecodeSuccess, u.onDecodeFailure));
 	}
 	function p(e, r) {
-		u.isDestroyed || u.isVideoActive === !1 || u.isVideoPaused || u.requestFrame(() => {
-			if (performance.now() - u.decodeFrameRequestTimestamp < 1e3 / u.scanRate || u.isDecodeFrameProcessed || u.video.ended || u.video.paused || u.video.readyState <= 1) {
+		s && console.log("barcode-scanner:handleDecode", u, performance.now()), !(u.isDestroyed || u.isVideoActive === !1 || u.isVideoPaused) && u.requestFrame(() => {
+			if (u.isReady === !1 || performance.now() - u.decodeFrameRequestTimestamp < 1e3 / u.scanRate || u.isDecodeFrameProcessed || u.video.readyState <= 1) {
 				u.decodeFrameRequestTimestamp = performance.now(), p(e, r);
 				return;
 			}
@@ -249,12 +249,12 @@ function createBarcodeScanner(r, { calcScanArea: o } = {}) {
 			u.debug && window.dispatchEvent(new CustomEvent("barcode-scanner:decode-frame", { detail: { imageData: i } })), decode(i).then((i) => {
 				if (i) {
 					let r = i.cornerPoints.map((e) => e.x), a = i.cornerPoints.map((e) => e.y);
-					e(i.rawValue, translateAreaToVideoRender(u.video, {
+					e(i.rawValue, {
 						height: Math.max(...a) - Math.min(...a),
 						width: Math.max(...r) - Math.min(...r),
 						x: Math.min(...r) + u.scanArea.x,
 						y: Math.min(...a) + u.scanArea.y
-					}));
+					});
 				} else r();
 			}).catch(() => {
 				console.error("Failed to decode barcode");
@@ -267,11 +267,11 @@ function createBarcodeScanner(r, { calcScanArea: o } = {}) {
 		u.isDestroyed || (_(), document.removeEventListener("visibilitychange", f), u.worker?.terminate(), u.worker = null, u.isDestroyed = !0, u.isReady = !1);
 	}
 	function h() {
-		u.canvas.height = u.video.videoHeight, u.canvas.width = u.video.videoWidth, u.canvasContext.clearRect(0, 0, u.canvas.width, u.canvas.height), u.canvasContext.drawImage(u.video, 0, 0, u.canvas.width, u.canvas.height, 0, 0, u.canvas.width, u.canvas.height), u.video.poster = u.canvas.toDataURL(), u.video.srcObject instanceof MediaStream && u.video.srcObject.getTracks().forEach((e) => e.stop()), u.video.srcObject = null, u.isVideoPaused = !0;
+		s && console.log("barcode-scanner:pause", u), u.canvas.height = u.video.videoHeight, u.canvas.width = u.video.videoWidth, u.canvasContext.clearRect(0, 0, u.canvas.width, u.canvas.height), u.canvasContext.drawImage(u.video, 0, 0, u.canvas.width, u.canvas.height, 0, 0, u.canvas.width, u.canvas.height), u.video.poster = u.canvas.toDataURL(), u.video.srcObject instanceof MediaStream && u.video.srcObject.getTracks().forEach((e) => e.stop()), u.video.srcObject = null, u.isVideoPaused = !0;
 	}
 	async function g({ facingMode: e = "environment" } = {}, r, a = () => {}) {
-		if (!await getCameraAccess()) throw Error("No camera access");
-		u.video.srcObject instanceof MediaStream && u.isVideoActive && u.isVideoPaused === !1 || (u.video.srcObject instanceof MediaStream || (u.video.srcObject = await navigator.mediaDevices.getUserMedia({ video: { facingMode: e } })), await u.video.play(), u.facingMode = e, u.isVideoActive = !0, u.isVideoPaused = !1, u.onDecodeFailure = a, u.onDecodeSuccess = r, u.scanArea = u.calcScanArea(u.video), u.video.style.transform = e === "user" ? "scaleX(-1)" : "none", p(r, a));
+		if (s && console.log("barcode-scanner:start:before", u), !await getCameraAccess()) throw Error("No camera access");
+		u.video.srcObject instanceof MediaStream && u.isVideoActive && u.isVideoPaused === !1 || (u.video.srcObject instanceof MediaStream || (u.video.srcObject = await navigator.mediaDevices.getUserMedia({ video: { facingMode: e } })), await u.video.play(), u.facingMode = e, u.isVideoActive = !0, u.isVideoPaused = !1, u.onDecodeFailure = a, u.onDecodeSuccess = r, u.scanArea = u.calcScanArea(u.video), u.video.style.transform = e === "user" ? "scaleX(-1)" : "none", s && console.log("barcode-scanner:start:after", u), p(r, a));
 	}
 	function _() {
 		u.video.srcObject instanceof MediaStream && u.video.srcObject.getTracks().forEach((e) => e.stop()), u.video.poster = "", u.video.srcObject = null, u.isVideoActive = !1, u.isVideoPaused = !1;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nddeps/barcode-scanner",
-    "version": "0.3.0",
+    "version": "0.3.1",
     "private": false,
     "keywords": [
         "barcode",
@@ -32,15 +32,13 @@
     "scripts": {
         "build": "vite build && tsc -b",
         "dev": "vite",
-        "preview": "vite preview",
-        "publish": "npm publish --access public"
+        "preview": "vite preview"
     },
     "overrides": {
         "vite": "npm:rolldown-vite@7.3.1"
     },
     "dependencies": {
         "barcode-detector": "^3.0.8",
-        "jsqr": "^1.4.0",
         "zxing-wasm": "^2.2.4"
     },
     "devDependencies": {