@nddeps/barcode-scanner 0.1.0 → 0.2.0

package/dist/index.d.ts

@@ -1,5 +1,6 @@
-import { default as BarcodeScanner } from './barcode-scanner';
+import { BarcodeScanner } from './barcode-scanner';
 export type * from './barcode-detector.type';
 export type * from './barcode-scanner.types';
+export * as utils from './utils';
 export { BarcodeScanner };
 export default BarcodeScanner;

package/dist/index.js

@@ -1,4 +1,76 @@
-var barcode_scanner_default = class {
+var __defProp = Object.defineProperty, __export = (t, n) => {
+	let r = {};
+	for (var i in t) __defProp(r, i, {
+		get: t[i],
+		enumerable: !0
+	});
+	return n && __defProp(r, Symbol.toStringTag, { value: "Module" }), r;
+};
+function getVideoRenderedOffset(e, t) {
+	let [n, r] = window.getComputedStyle(e).objectPosition.split(" ").map((n, r) => n.endsWith("%") ? (r === 0 ? e.offsetWidth - t.width : e.offsetHeight - t.height) * parseFloat(n) / 100 : parseFloat(n));
+	return {
+		x: n,
+		y: r
+	};
+}
+function getVideoRenderedSize(e) {
+	let t = window.getComputedStyle(e), n = e.offsetWidth / e.offsetHeight, r = e.videoWidth / e.videoHeight;
+	switch (t.objectFit) {
+		case "contain": return {
+			height: r < n ? e.offsetHeight : e.offsetWidth / r,
+			width: r < n ? e.offsetHeight * r : e.offsetWidth
+		};
+		case "cover": return {
+			height: r > n ? e.offsetHeight : e.offsetWidth / r,
+			width: r > n ? e.offsetHeight * r : e.offsetWidth
+		};
+		case "fill": return {
+			height: e.offsetHeight,
+			width: e.offsetWidth
+		};
+		case "none": return {
+			height: e.videoHeight,
+			width: e.videoWidth
+		};
+		case "scale-down": return {
+			height: Math.min(r < n ? e.offsetHeight : e.offsetWidth / r, e.videoHeight),
+			width: Math.min(r < n ? e.offsetHeight * r : e.offsetWidth, e.videoWidth)
+		};
+		default: return {
+			height: e.videoHeight,
+			width: e.videoWidth
+		};
+	}
+}
+function convertToElementArea(e, t) {
+	let i = /scaleX\(-1\)/.test(e.style.transform), a = e.videoHeight, o = e.videoWidth, s = getVideoRenderedSize(e), c = getVideoRenderedOffset(e, s), l = i ? o - t.x : t.x, u = t.y;
+	return {
+		height: t.height / a * s.height,
+		width: t.width / o * s.width,
+		x: l / o * s.width + c.x,
+		y: u / a * s.height + c.y
+	};
+}
+function convertToVideoArea(e, t) {
+	let i = /scaleX\(-1\)/.test(e.style.transform), a = e.videoHeight, o = e.videoWidth, s = getVideoRenderedSize(e), c = getVideoRenderedOffset(e, s), l = o / s.width, u = a / s.height, d = t.x - c.x, f = i ? s.width - d - t.width : d, p = t.y - c.y;
+	return {
+		height: t.height * u,
+		width: t.width * l,
+		x: f * l,
+		y: p * u
+	};
+}
+function isBarcodeDetectorAvailable(e) {
+	return "BarcodeDetector" in e;
+}
+var utils_exports = /* @__PURE__ */ __export({
+	convertToElementArea: () => convertToElementArea,
+	convertToVideoArea: () => convertToVideoArea,
+	getVideoRenderedOffset: () => getVideoRenderedOffset,
+	getVideoRenderedSize: () => getVideoRenderedSize,
+	isBarcodeDetectorAvailable: () => isBarcodeDetectorAvailable
+}, 1), BarcodeScanner = class {
+	calcScanArea;
 	canvas;
 	canvasContext;
 	debug;
@@ -10,7 +82,6 @@ var barcode_scanner_default = class {
 	onDecodeError;
 	onVisibilityChange;
 	requestFrame;
-	resizeObserver;
 	resumeOnVisibilityChange;
 	scanArea;
 	scanRate;
@@ -25,9 +96,7 @@ var barcode_scanner_default = class {
 		this.canvas = document.createElement("canvas");
 		let i = this.canvas.getContext("2d", { willReadFrequently: !0 });
 		if (!i) throw Error("Failed to get canvas context");
-		this.canvasContext = i, this.debug = n?.debug, this.decodeTimeout = n?.decodeTimeout ?? 1e3, this.isDecodeFrameProcessed = !1, this.isDestroyed = !1, this.onDecode = e, this.onDecodeError = t, this.requestFrame = r.requestVideoFrameCallback ? r.requestVideoFrameCallback.bind(r) : requestAnimationFrame, this.decodeFrameRequestTimestamp = performance.now(), this.resumeOnVisibilityChange = !1, this.scanArea = this.getScanArea(r), this.scanRate = n?.scanRate ?? 24, this.video = r, this.video.autoplay = !0, this.video.disablePictureInPicture = !0, this.video.hidden = !1, this.video.muted = !0, this.video.playsInline = !0, this.videoActive = !1, this.videoPaused = !1, this.resizeObserver = new ResizeObserver(() => {
-			this.scanArea = this.getScanArea(this.video);
-		}), this.resizeObserver.observe(this.video), this.onVisibilityChange = () => {
+		this.calcScanArea = n?.calcScanArea ?? this.getScanArea, this.canvasContext = i, this.debug = n?.debug, this.decodeTimeout = n?.decodeTimeout ?? 1e3, this.isDecodeFrameProcessed = !1, this.isDestroyed = !1, this.onDecode = e, this.onDecodeError = t, this.requestFrame = r.requestVideoFrameCallback ? r.requestVideoFrameCallback.bind(r) : requestAnimationFrame, this.decodeFrameRequestTimestamp = performance.now(), this.resumeOnVisibilityChange = !1, this.scanArea = this.calcScanArea(r), this.scanRate = n?.scanRate ?? 24, this.video = r, this.video.autoplay = !0, this.video.disablePictureInPicture = !0, this.video.hidden = !1, this.video.muted = !0, this.video.playsInline = !0, this.videoActive = !1, this.videoPaused = !1, this.onVisibilityChange = () => {
 			document.visibilityState === "hidden" ? (this.videoActive && this.videoPaused === !1 && (this.resumeOnVisibilityChange = !0), this.pause()) : this.resumeOnVisibilityChange && (this.resumeOnVisibilityChange = !1, this.start());
 		}, document.addEventListener("visibilitychange", this.onVisibilityChange), this.worker = new Worker(new URL(
 			/* @vite-ignore */
@@ -51,7 +120,7 @@ var barcode_scanner_default = class {
 		});
 	}
 	async destroy() {
-		this.isDestroyed ||= (await this.stop(), document.removeEventListener("visibilitychange", this.onVisibilityChange), this.resizeObserver.disconnect(), this.worker.terminate(), !0);
+		this.isDestroyed ||= (await this.stop(), document.removeEventListener("visibilitychange", this.onVisibilityChange), this.worker.terminate(), !0);
 	}
 	async getCameraAccess() {
 		if (await this.hasCameraAccess()) return !0;
@@ -72,35 +141,6 @@ var barcode_scanner_default = class {
 			y: Math.round((e.videoHeight - t) / 2)
 		};
 	}
-	getScanAreaPosition(e = this.scanArea) {
-		let t = window.getComputedStyle(this.video), n = /scaleX\(-1\)/.test(this.video.style.transform), r = t.objectFit, i = t.objectPosition, a = this.video.offsetLeft, o = this.video.offsetTop, s = this.video.offsetHeight, c = this.video.offsetWidth, l = c / s, u = this.video.videoHeight, d = this.video.videoWidth, f = d / u, p = e.width || d, m = e.height || u, h = e.x || 0, g = e.y || 0, _, v;
-		switch (r) {
-			case "contain":
-			case "cover": {
-				let e = r === "contain" ? f < l : f > l;
-				_ = e ? s : c / f, v = e ? s * f : c;
-				break;
-			}
-			case "none":
-				_ = u, v = d;
-				break;
-			case "scale-down": {
-				let e = f < l;
-				_ = Math.min(e ? c / f : s, u), v = Math.min(e ? s * f : c, d);
-				break;
-			}
-			default:
-				_ = s, v = c;
-				break;
-		}
-		let [y, b] = i.split(" ").map((e, t) => e.endsWith("%") ? (t === 0 ? c - v : s - _) * parseFloat(e) / 100 : parseFloat(e)), x = (n ? h : d - h - p) / d * v, S = g / u * _, C = v / d;
-		return {
-			height: _ / u * m,
-			width: p * C,
-			x: a + (n ? y : c - y - v) + x,
-			y: o + b + S
-		};
-	}
 	async hasCameraAccess() {
 		try {
 			return (await navigator.permissions.query({ name: "camera" })).state === "granted";
@@ -113,7 +153,7 @@ var barcode_scanner_default = class {
 	}
 	async start({ facingMode: e = "environment" } = {}) {
 		if (!await this.getCameraAccess()) throw Error("No camera access");
-		this.video.srcObject instanceof MediaStream && this.videoActive && this.videoPaused === !1 || (this.video.srcObject instanceof MediaStream || (this.video.srcObject = await navigator.mediaDevices.getUserMedia({ video: { facingMode: e } })), await this.video.play(), this.scanArea = this.getScanArea(this.video), this.video.style.transform = e === "user" ? "scaleX(-1)" : "none", this.videoActive = !0, this.videoPaused = !1, this.decodeFrame());
+		this.video.srcObject instanceof MediaStream && this.videoActive && this.videoPaused === !1 || (this.video.srcObject instanceof MediaStream || (this.video.srcObject = await navigator.mediaDevices.getUserMedia({ video: { facingMode: e } })), await this.video.play(), this.video.style.transform = e === "user" ? "scaleX(-1)" : "none", this.videoActive = !0, this.videoPaused = !1, this.decodeFrame());
 	}
 	async stop() {
 		this.video.srcObject instanceof MediaStream && this.video.srcObject.getTracks().forEach((e) => e.stop()), this.video.poster = "", this.video.srcObject = null, this.videoActive = !1, this.videoPaused = !1;
@@ -124,18 +164,18 @@ var barcode_scanner_default = class {
 				this.decodeFrameRequestTimestamp = performance.now(), this.decodeFrame();
 				return;
 			}
-			this.isDecodeFrameProcessed = !0, this.canvas.height = this.scanArea.height, this.canvas.width = this.scanArea.width, this.canvasContext.clearRect(0, 0, this.canvas.width, this.canvas.height), this.canvasContext.drawImage(this.video, this.scanArea.x, this.scanArea.y, this.scanArea.width, this.scanArea.height, 0, 0, this.canvas.width, this.canvas.height);
+			this.isDecodeFrameProcessed = !0, this.scanArea = this.calcScanArea(this.video), this.canvas.height = this.scanArea.height, this.canvas.width = this.scanArea.width, this.canvasContext.clearRect(0, 0, this.canvas.width, this.canvas.height), this.canvasContext.drawImage(this.video, this.scanArea.x, this.scanArea.y, this.scanArea.width, this.scanArea.height, 0, 0, this.canvas.width, this.canvas.height);
 			let e = this.canvasContext.getImageData(0, 0, this.canvas.width, this.canvas.height);
 			this.debug && window.dispatchEvent(new CustomEvent("barcode-scanner:decode-frame", { detail: { imageData: e } })), this.decode(e).then((e) => {
 				if (e) {
 					let t = e.cornerPoints.map((e) => e.x), n = e.cornerPoints.map((e) => e.y);
-					this.onDecode(e.rawValue, this.getScanAreaPosition({
+					this.onDecode(e.rawValue, convertToElementArea(this.video, {
 						height: Math.max(...n) - Math.min(...n),
 						width: Math.max(...t) - Math.min(...t),
 						x: Math.min(...t) + this.scanArea.x,
 						y: Math.min(...n) + this.scanArea.y
 					}));
-				} else this.onDecode(null);
+				} else this.onDecode(null, convertToElementArea(this.video, this.scanArea));
 			}).catch(() => {
 				this.onDecodeError?.();
 			}).finally(() => {
@@ -143,5 +183,5 @@ var barcode_scanner_default = class {
 			});
 		});
 	}
-}, lib_default = barcode_scanner_default;
-export { barcode_scanner_default as BarcodeScanner, lib_default as default };
+}, lib_default = BarcodeScanner;
+export { BarcodeScanner, lib_default as default, utils_exports as utils };

package/dist/utils/convert-to-element-area.d.ts

@@ -0,0 +1,3 @@
+import type { ScanArea } from '../barcode-scanner.types';
+declare function convertToElementArea(video: HTMLVideoElement, scanArea: ScanArea): ScanArea;
+export { convertToElementArea };

package/dist/utils/convert-to-video-area.d.ts

@@ -0,0 +1,3 @@
+import type { ScanArea } from '../barcode-scanner.types';
+declare function convertToVideoArea(video: HTMLVideoElement, scanArea: ScanArea): ScanArea;
+export { convertToVideoArea };

package/dist/utils/get-video-rendered-offset.d.ts

@@ -0,0 +1,8 @@
+declare function getVideoRenderedOffset(video: HTMLVideoElement, scaledSize: {
+    height: number;
+    width: number;
+}): {
+    x: number;
+    y: number;
+};
+export { getVideoRenderedOffset };

package/dist/utils/get-video-rendered-size.d.ts

@@ -0,0 +1,5 @@
+declare function getVideoRenderedSize(video: HTMLVideoElement): {
+    height: number;
+    width: number;
+};
+export { getVideoRenderedSize };

package/dist/utils/index.d.ts

@@ -0,0 +1,5 @@
+export * from './convert-to-element-area';
+export * from './convert-to-video-area';
+export * from './get-video-rendered-offset';
+export * from './get-video-rendered-size';
+export * from './is-barcode-detector-available';

package/dist/utils/is-barcode-detector-available.d.ts

@@ -0,0 +1,5 @@
+import type { BarcodeDetector } from '../barcode-detector.type';
+declare function isBarcodeDetectorAvailable<T extends object>(value: T): value is {
+    BarcodeDetector: BarcodeDetector;
+} & T;
+export { isBarcodeDetectorAvailable };

package/package.json

@@ -1,63 +1,66 @@
-{
-    "name": "@nddeps/barcode-scanner",
-    "version": "0.1.0",
-    "private": false,
-    "keywords": [
-        "barcode",
-        "scanner",
-        "barcode-scanner"
-    ],
-    "homepage": "https://github.com/No-Deprecated-Dependencies/barcode-scanner",
-    "repository": {
-        "type": "git",
-        "url": "https://github.com/No-Deprecated-Dependencies/barcode-scanner.git"
-    },
-    "license": "MIT",
-    "author": "Aleksei Saenko",
-    "type": "module",
-    "exports": {
-        ".": {
-            "types": "./dist/index.d.ts",
-            "import": "./dist/index.js"
-        }
-    },
-    "main": "./dist/index.js",
-    "types": "./dist/index.d.ts",
-    "files": [
-        "./dist"
-    ],
-    "scripts": {
-        "build": "vite build && tsc -b",
-        "dev": "vite",
-        "preview": "vite preview"
-    },
-    "overrides": {
-        "vite": "npm:rolldown-vite@7.2.11"
-    },
-    "dependencies": {
-        "jsqr": "^1.4.0"
-    },
-    "devDependencies": {
-        "@eslint/css": "^0.14.1",
-        "@eslint/js": "^9.39.2",
-        "@eslint/json": "^0.14.0",
-        "@eslint/markdown": "^7.5.1",
-        "@types/node": "^25.0.2",
-        "eslint": "^9.39.2",
-        "eslint-config-prettier": "^10.1.8",
-        "eslint-plugin-perfectionist": "^4.15.1",
-        "eslint-plugin-prettier": "^5.5.4",
-        "globals": "^16.5.0",
-        "jiti": "^2.6.1",
-        "prettier": "3.7.4",
-        "sort-package-json": "^3.5.1",
-        "stylelint": "^16.26.1",
-        "stylelint-config-recess-order": "^7.4.0",
-        "stylelint-config-standard": "^39.0.1",
-        "stylelint-config-standard-scss": "^16.0.0",
-        "stylelint-order": "^7.0.0",
-        "typescript": "~5.9.3",
-        "typescript-eslint": "^8.49.0",
-        "vite": "npm:rolldown-vite@7.2.11"
-    }
-}
+{
+    "name": "@nddeps/barcode-scanner",
+    "version": "0.2.0",
+    "private": false,
+    "keywords": [
+        "barcode",
+        "scanner",
+        "barcode-scanner"
+    ],
+    "homepage": "https://github.com/No-Deprecated-Dependencies/barcode-scanner",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/No-Deprecated-Dependencies/barcode-scanner.git"
+    },
+    "license": "MIT",
+    "author": "Aleksei Saenko",
+    "type": "module",
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "import": "./dist/index.js"
+        }
+    },
+    "main": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "files": [
+        "./dist"
+    ],
+    "scripts": {
+        "build": "vite build && tsc -b",
+        "dev": "vite",
+        "preview": "vite preview"
+    },
+    "overrides": {
+        "vite": "npm:rolldown-vite@7.2.11"
+    },
+    "dependencies": {
+        "barcode-detector": "^3.0.8",
+        "jsqr": "^1.4.0",
+        "zxing-wasm": "^2.2.4"
+    },
+    "devDependencies": {
+        "@eslint/css": "^0.14.1",
+        "@eslint/js": "^9.39.2",
+        "@eslint/json": "^0.14.0",
+        "@eslint/markdown": "^7.5.1",
+        "@types/emscripten": "^1.41.5",
+        "@types/node": "^25.0.2",
+        "eslint": "^9.39.2",
+        "eslint-config-prettier": "^10.1.8",
+        "eslint-plugin-perfectionist": "^4.15.1",
+        "eslint-plugin-prettier": "^5.5.4",
+        "globals": "^16.5.0",
+        "jiti": "^2.6.1",
+        "prettier": "3.7.4",
+        "sort-package-json": "^3.5.1",
+        "stylelint": "^16.26.1",
+        "stylelint-config-recess-order": "^7.4.0",
+        "stylelint-config-standard": "^39.0.1",
+        "stylelint-config-standard-scss": "^16.0.0",
+        "stylelint-order": "^7.0.0",
+        "typescript": "~5.9.3",
+        "typescript-eslint": "^8.49.0",
+        "vite": "npm:rolldown-vite@7.2.11"
+    }
+}