@nddeps/barcode-scanner 0.3.1 → 0.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nddeps/barcode-scanner",
-    "version": "0.3.1",
+    "version": "0.4.0",
     "private": false,
     "keywords": [
         "barcode",
@@ -34,9 +34,6 @@
         "dev": "vite",
         "preview": "vite preview"
     },
-    "overrides": {
-        "vite": "npm:rolldown-vite@7.3.1"
-    },
     "dependencies": {
         "barcode-detector": "^3.0.8",
         "zxing-wasm": "^2.2.4"
@@ -63,6 +60,6 @@
         "stylelint-order": "^7.0.1",
         "typescript": "~5.9.3",
         "typescript-eslint": "^8.54.0",
-        "vite": "npm:rolldown-vite@7.3.1"
+        "vite": "^7.3.1"
     }
 }

package/dist/index.js

@@ -1,289 +0,0 @@
-function createWatchable(e) {
-	let r = new EventTarget(), i = new Proxy(e, {
-		get(e, r, i) {
-			return Reflect.get(e, r, i);
-		},
-		set(e, i, a, o) {
-			let s = Reflect.set(e, i, a, o);
-			return r.dispatchEvent(new CustomEvent("change")), s;
-		}
-	});
-	function a(e, i) {
-		let a = e();
-		function o() {
-			let r = e();
-			JSON.stringify(r) !== JSON.stringify(a) && (a = r, i(r));
-		}
-		return r.addEventListener("change", o), () => r.removeEventListener("change", o);
-	}
-	return {
-		state: i,
-		watch: a
-	};
-}
-async function hasCameraAccess() {
-	try {
-		return (await navigator.permissions.query({ name: "camera" })).state === "granted";
-	} catch {
-		return (await navigator.mediaDevices.enumerateDevices()).filter((e) => e.deviceId && e.kind === "videoinput").length > 0;
-	}
-}
-async function getCameraAccess() {
-	if (await hasCameraAccess()) return !0;
-	try {
-		let e = (await navigator.mediaDevices.getUserMedia({ video: !0 })).getTracks();
-		for (let r of e) r.stop();
-		return !0;
-	} catch {
-		return !1;
-	}
-}
-function getScanArea(e) {
-	let r = Math.round(2 / 3 * Math.min(e.videoWidth, e.videoHeight));
-	return {
-		height: r,
-		width: r,
-		x: Math.round((e.videoWidth - r) / 2),
-		y: Math.round((e.videoHeight - r) / 2)
-	};
-}
-function getVideoRenderOffset(e, r) {
-	let [i, a] = window.getComputedStyle(e).objectPosition.split(" ").map((i, a) => i.endsWith("%") ? (a === 0 ? e.offsetWidth - r.width : e.offsetHeight - r.height) * parseFloat(i) / 100 : parseFloat(i));
-	return {
-		x: i,
-		y: a
-	};
-}
-function getVideoRenderSize(e) {
-	let r = window.getComputedStyle(e), i = {
-		height: e.offsetHeight,
-		width: e.offsetWidth
-	}, a = i.width / i.height, o = {
-		height: e.videoHeight,
-		width: e.videoWidth
-	}, s = o.width / o.height;
-	switch (r.objectFit) {
-		case "contain": return {
-			height: s < a ? e.offsetHeight : e.offsetWidth / s,
-			width: s < a ? e.offsetHeight * s : e.offsetWidth
-		};
-		case "cover": return {
-			height: s > a ? e.offsetHeight : e.offsetWidth / s,
-			width: s > a ? e.offsetHeight * s : e.offsetWidth
-		};
-		case "fill": return i;
-		case "none": return o;
-		case "scale-down": return {
-			height: Math.min(s < a ? e.offsetHeight : e.offsetWidth / s, e.videoHeight),
-			width: Math.min(s < a ? e.offsetHeight * s : e.offsetWidth, e.videoWidth)
-		};
-		default: return o;
-	}
-}
-function isBarcodeDetectorAvailable(e) {
-	return "BarcodeDetector" in e;
-}
-function translateAreaToVideoRender(e, r) {
-	let i = /scaleX\(-1\)/.test(e.style.transform), a = getVideoRenderSize(e), c = getVideoRenderOffset(e, a), l = i ? e.videoWidth - r.x - r.width : r.x, u = r.y;
-	return {
-		height: r.height / e.videoHeight * a.height,
-		width: r.width / e.videoWidth * a.width,
-		x: l / e.videoWidth * a.width + c.x,
-		y: u / e.videoHeight * a.height + c.y
-	};
-}
-function translateAreaToVideoSource(e, r) {
-	let i = /scaleX\(-1\)/.test(e.style.transform), a = getVideoRenderSize(e), c = getVideoRenderOffset(e, a), l = i ? a.width - (r.x - c.x) - r.width : r.x - c.x, u = r.y - c.y, d = e.videoHeight / a.height, f = e.videoWidth / a.width;
-	return {
-		height: r.height * d,
-		width: r.width * f,
-		x: l * f,
-		y: u * d
-	};
-}
-function wait(e) {
-	return new Promise((r) => setTimeout(r, e));
-}
-var Dt = [
-	["Aztec", "M"],
-	["Codabar", "L"],
-	["Code39", "L"],
-	["Code93", "L"],
-	["Code128", "L"],
-	["DataBar", "L"],
-	["DataBarExpanded", "L"],
-	["DataMatrix", "M"],
-	["EAN-8", "L"],
-	["EAN-13", "L"],
-	["ITF", "L"],
-	["MaxiCode", "M"],
-	["PDF417", "M"],
-	["QRCode", "M"],
-	["UPC-A", "L"],
-	["UPC-E", "L"],
-	["MicroQRCode", "M"],
-	["rMQRCode", "M"],
-	["DXFilmEdge", "L"],
-	["DataBarLimited", "L"]
-], Mt = Dt.map(([e]) => e);
-Mt.filter((e, r) => Dt[r][1] === "L"), Mt.filter((e, r) => Dt[r][1] === "M");
-var It = {
-	formats: [],
-	tryHarder: !0,
-	tryRotate: !0,
-	tryInvert: !0,
-	tryDownscale: !0,
-	tryDenoise: !1,
-	binarizer: "LocalAverage",
-	isPure: !1,
-	downscaleFactor: 3,
-	downscaleThreshold: 500,
-	minLineCount: 2,
-	maxNumberOfSymbols: 255,
-	tryCode39ExtendedMode: !0,
-	returnErrors: !1,
-	eanAddOnSymbol: "Ignore",
-	textMode: "HRI",
-	characterSet: "Unknown"
-};
-({ ...It }), [...It.formats], [...[
-	["aztec", "Aztec"],
-	["code_128", "Code128"],
-	["code_39", "Code39"],
-	["code_93", "Code93"],
-	["codabar", "Codabar"],
-	["databar", "DataBar"],
-	["databar_expanded", "DataBarExpanded"],
-	["databar_limited", "DataBarLimited"],
-	["data_matrix", "DataMatrix"],
-	["dx_film_edge", "DXFilmEdge"],
-	["ean_13", "EAN-13"],
-	["ean_8", "EAN-8"],
-	["itf", "ITF"],
-	["maxi_code", "MaxiCode"],
-	["micro_qr_code", "MicroQRCode"],
-	["pdf417", "PDF417"],
-	["qr_code", "QRCode"],
-	["rm_qr_code", "rMQRCode"],
-	["upc_a", "UPC-A"],
-	["upc_e", "UPC-E"],
-	["linear_codes", "Linear-Codes"],
-	["matrix_codes", "Matrix-Codes"],
-	["any", "Any"]
-], ["unknown"]].map((e) => e[0]);
-var instance = { value: null };
-async function decode(e) {
-	let r = instance.value;
-	if (!r) throw Error("Worker not installed");
-	let i = `${performance.now()}-${Math.random().toString(36).slice(2)}`;
-	return new Promise((a, o) => {
-		let s = 0, c = ({ data: { payload: e, type: o } }) => {
-			o !== "decode" || e.uuid !== i || (clearTimeout(s), r.removeEventListener("message", c), a(e.data));
-		};
-		s = setTimeout(() => {
-			r.removeEventListener("message", c), o(null);
-		}, 1e3), r.addEventListener("message", c), r.postMessage({
-			payload: {
-				data: e,
-				uuid: i
-			},
-			type: "decode"
-		});
-	});
-}
-function install() {
-	if (instance.value) return Promise.resolve(instance.value);
-	let e = new Worker(new URL(
-		/* @vite-ignore */
-		"" + new URL("worker.js", import.meta.url).href,
-		"" + import.meta.url
-	), { type: "module" });
-	return new Promise((r, i) => {
-		e.addEventListener("message", ({ data: { type: a } }) => {
-			a === "init" ? r(e) : i(/* @__PURE__ */ Error("Worker load failed"));
-		}, { once: !0 }), instance.value = e;
-	});
-}
-function createBarcodeScanner(r, { calcScanArea: o, debug: s = !1 } = {}) {
-	if (!(r instanceof HTMLVideoElement)) throw Error("video is not a HTMLVideoElement");
-	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: c,
-		canvasContext: l,
-		debug: s,
-		decodeFrameRequestTimestamp: performance.now(),
-		facingMode: "environment",
-		isDecodeFrameProcessed: !1,
-		isDestroyed: !1,
-		isReady: !1,
-		isVideoActive: !1,
-		isVideoPaused: !1,
-		onDecodeFailure: () => {},
-		onDecodeSuccess: () => {},
-		requestFrame: r.requestVideoFrameCallback ? r.requestVideoFrameCallback.bind(r) : requestAnimationFrame,
-		resumeOnVisibilityChange: !1,
-		scanArea: {
-			height: 0,
-			width: 0,
-			x: 0,
-			y: 0
-		},
-		scanRate: 24,
-		video: r,
-		worker: null
-	});
-	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() {
-		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) {
-		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;
-			}
-			u.isDecodeFrameProcessed = !0, u.scanArea = u.calcScanArea(u.video), u.canvas.height = u.scanArea.height, u.canvas.width = u.scanArea.width, u.canvasContext.clearRect(0, 0, u.canvas.width, u.canvas.height), u.canvasContext.drawImage(u.video, u.scanArea.x, u.scanArea.y, u.scanArea.width, u.scanArea.height, 0, 0, u.canvas.width, u.canvas.height);
-			let i = u.canvasContext.getImageData(0, 0, u.canvas.width, u.canvas.height);
-			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, {
-						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");
-			}).finally(() => {
-				u.isDecodeFrameProcessed = !1, u.decodeFrameRequestTimestamp = performance.now(), p(e, r);
-			});
-		});
-	}
-	async function m() {
-		u.isDestroyed || (_(), document.removeEventListener("visibilitychange", f), u.worker?.terminate(), u.worker = null, u.isDestroyed = !0, u.isReady = !1);
-	}
-	function h() {
-		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 (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;
-	}
-	return {
-		destroy: m,
-		pause: h,
-		start: g,
-		state: u,
-		stop: _,
-		watch: d
-	};
-}
-var lib_default = createBarcodeScanner;
-export { createBarcodeScanner, lib_default as default, getCameraAccess, getScanArea, getVideoRenderOffset, getVideoRenderSize, hasCameraAccess, isBarcodeDetectorAvailable, translateAreaToVideoRender, translateAreaToVideoSource, wait };

package/dist/worker/index.d.ts

@@ -1,3 +0,0 @@
-export * from './worker.decode';
-export * from './worker.install';
-export * from './worker.instance';

package/dist/worker/worker.decode.d.ts

@@ -1,3 +0,0 @@
-import { type DetectedBarcode } from 'barcode-detector/ponyfill';
-declare function decode(imageData: ImageData): Promise<DetectedBarcode | null>;
-export { decode };

package/dist/worker/worker.install.d.ts

@@ -1,2 +0,0 @@
-declare function install(): Promise<Worker>;
-export { install };

package/dist/worker/worker.instance.d.ts

@@ -1,4 +0,0 @@
-declare const instance: {
-    value: null | Worker;
-};
-export { instance };