@nddeps/barcode-scanner 0.4.1 → 0.5.0

package/package.json

@@ -1,65 +1,65 @@
-{
-    "name": "@nddeps/barcode-scanner",
-    "version": "0.4.1",
-    "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"
-        },
-        "./worker": {
-            "import": "./dist/worker.js"
-        }
-    },
-    "main": "./dist/index.js",
-    "types": "./dist/index.d.ts",
-    "files": [
-        "./dist"
-    ],
-    "scripts": {
-        "build": "vite build && tsc -b",
-        "dev": "vite",
-        "preview": "vite preview"
-    },
-    "dependencies": {
-        "barcode-detector": "^3.0.8",
-        "zxing-wasm": "^2.2.4"
-    },
-    "devDependencies": {
-        "@eslint/css": "^0.14.1",
-        "@eslint/js": "^9.39.2",
-        "@eslint/json": "^1.0.0",
-        "@eslint/markdown": "^7.5.1",
-        "@types/emscripten": "^1.41.5",
-        "@types/node": "^25.1.0",
-        "eslint": "^9.39.2",
-        "eslint-config-prettier": "^10.1.8",
-        "eslint-plugin-perfectionist": "^5.4.0",
-        "eslint-plugin-prettier": "^5.5.5",
-        "globals": "^17.2.0",
-        "jiti": "^2.6.1",
-        "prettier": "3.8.1",
-        "sort-package-json": "^3.6.1",
-        "stylelint": "^16.26.1",
-        "stylelint-config-recess-order": "^7.6.0",
-        "stylelint-config-standard": "^39.0.1",
-        "stylelint-config-standard-scss": "^16.0.0",
-        "stylelint-order": "^7.0.1",
-        "typescript": "~5.9.3",
-        "typescript-eslint": "^8.54.0",
-        "vite": "^7.3.1"
-    }
-}
+{
+    "name": "@nddeps/barcode-scanner",
+    "version": "0.5.0",
+    "private": false,
+    "keywords": [
+        "barcode",
+        "scanner",
+        "barcode-scanner"
+    ],
+    "homepage": "https://github.com/No-Deprecated-Dependencies/barcode-scanner",
+    "repository": {
+        "type": "git",
+        "url": "git+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"
+        },
+        "./worker": {
+            "import": "./dist/worker.js"
+        }
+    },
+    "main": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "files": [
+        "./dist"
+    ],
+    "scripts": {
+        "build": "vite build && tsc -b",
+        "dev": "vite",
+        "preview": "vite preview"
+    },
+    "dependencies": {
+        "barcode-detector": "^3.0.8",
+        "zxing-wasm": "^2.2.4"
+    },
+    "devDependencies": {
+        "@eslint/css": "^0.14.1",
+        "@eslint/js": "^9.39.2",
+        "@eslint/json": "^1.0.0",
+        "@eslint/markdown": "^7.5.1",
+        "@types/emscripten": "^1.41.5",
+        "@types/node": "^25.2.0",
+        "eslint": "^9.39.2",
+        "eslint-config-prettier": "^10.1.8",
+        "eslint-plugin-perfectionist": "^5.4.0",
+        "eslint-plugin-prettier": "^5.5.5",
+        "globals": "^17.2.0",
+        "jiti": "^2.6.1",
+        "prettier": "3.8.1",
+        "sort-package-json": "^3.6.1",
+        "stylelint": "^16.26.1",
+        "stylelint-config-recess-order": "^7.6.0",
+        "stylelint-config-standard": "^39.0.1",
+        "stylelint-config-standard-scss": "^16.0.0",
+        "stylelint-order": "^7.0.1",
+        "typescript": "~5.9.3",
+        "typescript-eslint": "^8.54.0",
+        "vite": "^7.3.1"
+    }
+}

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

@@ -1,43 +0,0 @@
-import { type ScanArea } from './utils';
-type DecodeFailureHandler = (this: State) => Promise<void> | void;
-type DecodeSuccessHandler = (this: State, data: string, area: ScanArea) => Promise<void> | void;
-type LifecycleHook = (this: State) => void;
-type State = {
-    decodeFrameTs: number;
-    isDecodeFrameProcessed: boolean;
-    isDestroyed: boolean;
-    isVideoActive: boolean;
-    isVideoPaused: boolean;
-    scanArea: ScanArea;
-    scanRate: number;
-    video: HTMLVideoElement;
-};
-declare function createBarcodeScanner(video: HTMLVideoElement, { debug, getScanArea, handleDecodeFailure, handleDecodeSuccess, lifecycle, scanRate, }?: {
-    debug?: boolean;
-    getScanArea?: (video: HTMLVideoElement) => ScanArea;
-    handleDecodeFailure?: DecodeFailureHandler;
-    handleDecodeSuccess?: DecodeSuccessHandler;
-    lifecycle?: {
-        onBeforeCreate?: LifecycleHook;
-        onBeforeDecode?: LifecycleHook;
-        onBeforeStart?: LifecycleHook;
-        onBeforeStop?: LifecycleHook;
-        onCreate?: LifecycleHook;
-        onDecode?: LifecycleHook;
-        onStart?: LifecycleHook;
-        onStop?: LifecycleHook;
-    };
-    scanRate?: number;
-}): Promise<{
-    destroy: () => void;
-    pause: () => Promise<void>;
-    start: ({ facingMode, ...rest }?: {
-        facingMode?: "environment" | "user";
-        handleDecodeFailure?: DecodeFailureHandler;
-        handleDecodeSuccess?: DecodeSuccessHandler;
-    }) => Promise<void>;
-    state: State;
-    stop: () => Promise<void>;
-}>;
-export type { DecodeFailureHandler, DecodeSuccessHandler, LifecycleHook, State };
-export { createBarcodeScanner };

package/dist/create-watchable.d.ts

@@ -1,5 +0,0 @@
-declare function createWatchable<T extends object>(init: T): {
-    state: T;
-    watch: <T_1>(source: () => T_1, callback: (newValue: T_1) => void) => () => void;
-};
-export { createWatchable };

package/dist/create-worker.d.ts

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

package/dist/index.d.ts

@@ -1,4 +0,0 @@
-import { createBarcodeScanner } from './create-barcode-scanner';
-export * from './utils';
-export { createBarcodeScanner };
-export default createBarcodeScanner;

package/dist/index.js

@@ -1,289 +0,0 @@
-function x(t) {
-  const r = new EventTarget(), a = new Proxy(t, {
-    get(i, o, c) {
-      return Reflect.get(i, o, c);
-    },
-    set(i, o, c, s) {
-      const d = Reflect.set(i, o, c, s);
-      return r.dispatchEvent(new CustomEvent("change")), d;
-    }
-  });
-  function n(i, o) {
-    let c = i();
-    function s() {
-      const d = i();
-      JSON.stringify(d) !== JSON.stringify(c) && (c = d, o(d));
-    }
-    return r.addEventListener("change", s), () => r.removeEventListener("change", s);
-  }
-  return {
-    state: a,
-    watch: n
-  };
-}
-const O = 1e3 * 32, F = 1e3 * 16;
-function T() {
-  const t = new Worker(new URL(
-    /* @vite-ignore */
-    "" + new URL("worker.js", import.meta.url).href,
-    import.meta.url
-  ), { type: "module" }), r = new Promise((n, i) => {
-    const o = setTimeout(() => {
-      i(new Error("Worker load timeout"));
-    }, O);
-    t.addEventListener(
-      "message",
-      ({ data: { payload: c, type: s } }) => {
-        s === "init" && (clearTimeout(o), c.status === "success" ? n(!0) : i(new Error("Worker failed to load")));
-      },
-      {
-        once: !0
-      }
-    );
-  });
-  async function a(n) {
-    await r;
-    const i = `${performance.now()}-${Math.random().toString(36).slice(2)}`;
-    return new Promise((o, c) => {
-      const s = setTimeout(() => {
-        t.removeEventListener("message", d), c(new Error("Decode timeout"));
-      }, F), d = ({ data: { payload: w, type: g } }) => {
-        g !== "decode" || w.uuid !== i || (clearTimeout(s), t.removeEventListener("message", d), o(w.data));
-      };
-      t.addEventListener("message", d), t.postMessage({ payload: { data: n, uuid: i }, type: "decode" });
-    });
-  }
-  return {
-    decode: a,
-    worker: t
-  };
-}
-async function V() {
-  try {
-    return (await navigator.permissions.query({ name: "camera" })).state === "granted";
-  } catch {
-    return (await navigator.mediaDevices.enumerateDevices()).filter((a) => a.deviceId && a.kind === "videoinput").length > 0;
-  }
-}
-async function H() {
-  if (await V())
-    return !0;
-  try {
-    const r = (await navigator.mediaDevices.getUserMedia({ video: !0 })).getTracks();
-    for (const a of r)
-      a.stop();
-    return !0;
-  } catch {
-    return !1;
-  }
-}
-function k(t) {
-  const r = Math.round(0.6666666666666666 * Math.min(t.videoWidth, t.videoHeight));
-  return {
-    height: r,
-    width: r,
-    x: Math.round((t.videoWidth - r) / 2),
-    y: Math.round((t.videoHeight - r) / 2)
-  };
-}
-function A(t, r) {
-  const a = window.getComputedStyle(t), [n, i] = a.objectPosition.split(" ").map(
-    (o, c) => o.endsWith("%") ? (c === 0 ? t.offsetWidth - r.width : t.offsetHeight - r.height) * parseFloat(o) / 100 : parseFloat(o)
-  );
-  return {
-    x: n,
-    y: i
-  };
-}
-function W(t) {
-  const r = window.getComputedStyle(t), a = { height: t.offsetHeight, width: t.offsetWidth }, n = a.width / a.height, i = { height: t.videoHeight, width: t.videoWidth }, o = i.width / i.height;
-  switch (r.objectFit) {
-    case "contain":
-      return {
-        height: o < n ? t.offsetHeight : t.offsetWidth / o,
-        width: o < n ? t.offsetHeight * o : t.offsetWidth
-      };
-    case "cover":
-      return {
-        height: o > n ? t.offsetHeight : t.offsetWidth / o,
-        width: o > n ? t.offsetHeight * o : t.offsetWidth
-      };
-    case "fill":
-      return a;
-    case "none":
-      return i;
-    case "scale-down":
-      return {
-        height: Math.min(
-          o < n ? t.offsetHeight : t.offsetWidth / o,
-          t.videoHeight
-        ),
-        width: Math.min(
-          o < n ? t.offsetHeight * o : t.offsetWidth,
-          t.videoWidth
-        )
-      };
-    default:
-      return i;
-  }
-}
-function L(t) {
-  return "BarcodeDetector" in t;
-}
-function j(t, r) {
-  const a = /scaleX\(-1\)/.test(t.style.transform), n = W(t), i = A(t, n), o = a ? t.videoWidth - r.x - r.width : r.x, c = r.y;
-  return {
-    height: r.height / t.videoHeight * n.height,
-    width: r.width / t.videoWidth * n.width,
-    x: o / t.videoWidth * n.width + i.x,
-    y: c / t.videoHeight * n.height + i.y
-  };
-}
-function C(t, r) {
-  const a = /scaleX\(-1\)/.test(t.style.transform), n = W(t), i = A(t, n), o = a ? n.width - (r.x - i.x) - r.width : r.x - i.x, c = r.y - i.y, s = t.videoHeight / n.height, d = t.videoWidth / n.width;
-  return {
-    height: r.height * s,
-    width: r.width * d,
-    x: o * d,
-    y: c * s
-  };
-}
-function U(t) {
-  return new Promise((r) => setTimeout(r, t));
-}
-async function B(t, {
-  debug: r,
-  getScanArea: a = k,
-  handleDecodeFailure: n = () => {
-  },
-  handleDecodeSuccess: i = () => {
-  },
-  lifecycle: o = {},
-  scanRate: c = 24
-} = {}) {
-  if (!(t instanceof HTMLVideoElement))
-    throw new Error("video is not a HTMLVideoElement");
-  if (!(i instanceof Function))
-    throw new Error("handleDecodeSuccess is not a function");
-  if (!(n instanceof Function))
-    throw new Error("handleDecodeFailure is not a function");
-  const s = document.createElement("canvas"), d = s.getContext("2d", { willReadFrequently: !0 });
-  if (!d)
-    throw new Error("canvas context is not supported");
-  const { decode: w, worker: g } = T(), { state: e } = x({
-    decodeFrameTs: performance.now(),
-    isDecodeFrameProcessed: !1,
-    isDestroyed: !1,
-    isVideoActive: !1,
-    isVideoPaused: !1,
-    scanArea: a(t),
-    scanRate: c,
-    video: t
-  }), v = t.requestVideoFrameCallback?.bind(t) ?? requestAnimationFrame;
-  e.video.autoplay = !0, e.video.disablePictureInPicture = !0, e.video.hidden = !1, e.video.muted = !0, e.video.playsInline = !0, o.onCreate && o.onCreate.call(e);
-  function b(h, u) {
-    v(m);
-    async function m() {
-      if (e.isDestroyed || e.isVideoActive === !1)
-        return;
-      if (
-        // Skip if the time since the last request frame is less than the scan rate
-        performance.now() - e.decodeFrameTs < 1e3 / e.scanRate || // Skip if the frame is already processed
-        e.isDecodeFrameProcessed || // Skip if the video is not ready
-        e.video.readyState <= 1
-      ) {
-        v(m);
-        return;
-      }
-      e.isDecodeFrameProcessed = !0, e.scanArea = a(e.video), o.onBeforeDecode && o.onBeforeDecode.call(e), s.height = e.scanArea.height, s.width = e.scanArea.width, d.clearRect(0, 0, s.width, s.height), d.drawImage(
-        e.video,
-        e.scanArea.x,
-        e.scanArea.y,
-        e.scanArea.width,
-        e.scanArea.height,
-        0,
-        0,
-        s.width,
-        s.height
-      );
-      const l = d.getImageData(0, 0, s.width, s.height);
-      r && window.dispatchEvent(
-        new CustomEvent("barcode-scanner:decode-frame", {
-          detail: {
-            imageData: l
-          }
-        })
-      );
-      try {
-        const f = await w(l);
-        if (f) {
-          const p = f.cornerPoints.map((E) => E.x), y = f.cornerPoints.map((E) => E.y), P = {
-            height: Math.max(...y) - Math.min(...y),
-            width: Math.max(...p) - Math.min(...p),
-            x: Math.min(...p) + e.scanArea.x,
-            y: Math.min(...y) + e.scanArea.y
-          };
-          await Promise.resolve(h.call(e, f.rawValue, P));
-        } else
-          await Promise.resolve(u.call(e));
-      } catch (f) {
-        console.warn("Failed to decode barcode"), f && console.error(f);
-      } finally {
-        o.onDecode && o.onDecode.call(e), e.decodeFrameTs = performance.now(), e.isDecodeFrameProcessed = !1, v(m);
-      }
-    }
-  }
-  function R() {
-    e.isDestroyed || (D(), g.terminate(), e.isDestroyed = !0);
-  }
-  async function S() {
-    if (e.isVideoActive === !1 || e.isVideoPaused || e.isDestroyed)
-      return;
-    e.video.pause(), s.height = e.video.videoHeight, s.width = e.video.videoWidth, d.drawImage(e.video, 0, 0, s.width, s.height, 0, 0, s.width, s.height);
-    const h = await new Promise((u, m) => {
-      s.toBlob(
-        (l) => {
-          l ? u(l) : m(new Error("Failed to convert canvas to blob"));
-        },
-        "image/jpeg",
-        0.9
-      );
-    });
-    e.video.poster.startsWith("blob:") && URL.revokeObjectURL(e.video.poster), e.video.poster = URL.createObjectURL(h), e.video.srcObject instanceof MediaStream && e.video.srcObject.getTracks().forEach((u) => u.stop()), e.isVideoPaused = !0, e.video.srcObject = null;
-  }
-  async function M({
-    facingMode: h = "environment",
-    ...u
-  } = {}) {
-    if (o.onBeforeStart && o.onBeforeStart.call(e), !await H())
-      throw new Error("No camera access");
-    e.video.srcObject instanceof MediaStream || (e.video.srcObject = await navigator.mediaDevices.getUserMedia({
-      video: {
-        facingMode: h
-      }
-    }), await e.video.play(), e.isVideoActive = !0, e.isVideoPaused = !1, e.scanArea = a(e.video), e.video.style.transform = h === "user" ? "scaleX(-1)" : "none", o.onStart && o.onStart.call(e), b(u.handleDecodeSuccess ?? i, u.handleDecodeFailure ?? n));
-  }
-  async function D() {
-    e.isVideoActive === !1 || e.isDestroyed || (o.onBeforeStop && o.onBeforeStop.call(e), e.video.srcObject instanceof MediaStream && e.video.srcObject.getTracks().forEach((h) => h.stop()), e.video.poster.startsWith("blob:") && URL.revokeObjectURL(e.video.poster), e.isVideoActive = !1, e.isVideoPaused = !1, e.video.poster = "", e.video.srcObject = null, o.onStop && o.onStop.call(e));
-  }
-  return {
-    destroy: R,
-    pause: S,
-    start: M,
-    state: e,
-    stop: D
-  };
-}
-export {
-  B as createBarcodeScanner,
-  B as default,
-  H as getCameraAccess,
-  k as getScanArea,
-  A as getVideoRenderOffset,
-  W as getVideoRenderSize,
-  V as hasCameraAccess,
-  L as isBarcodeDetectorAvailable,
-  j as translateAreaToVideoRender,
-  C as translateAreaToVideoSource,
-  U as wait
-};

package/dist/utils/get-camera-access.d.ts

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

package/dist/utils/get-scan-area.d.ts

@@ -1,9 +0,0 @@
-type ScanArea = {
-    height: number;
-    width: number;
-    x: number;
-    y: number;
-};
-declare function getScanArea(video: HTMLVideoElement): ScanArea;
-export type { ScanArea };
-export { getScanArea };

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

@@ -1,8 +0,0 @@
-import type { RenderSize } from './get-video-render-size';
-type RenderOffset = {
-    x: number;
-    y: number;
-};
-declare function getVideoRenderOffset(video: HTMLVideoElement, renderSize: RenderSize): RenderOffset;
-export type { RenderOffset };
-export { getVideoRenderOffset };

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

@@ -1,7 +0,0 @@
-type RenderSize = {
-    height: number;
-    width: number;
-};
-declare function getVideoRenderSize(video: HTMLVideoElement): RenderSize;
-export type { RenderSize };
-export { getVideoRenderSize };

package/dist/utils/has-camera-access.d.ts

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

package/dist/utils/index.d.ts

@@ -1,9 +0,0 @@
-export * from './get-camera-access';
-export * from './get-scan-area';
-export * from './get-video-render-offset';
-export * from './get-video-render-size';
-export * from './has-camera-access';
-export * from './is-barcode-detector-available';
-export * from './translate-area-to-video-render';
-export * from './translate-area-to-video-source';
-export * from './wait';

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

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

package/dist/utils/translate-area-to-video-render.d.ts

@@ -1,3 +0,0 @@
-import type { ScanArea } from './get-scan-area';
-declare function translateAreaToVideoRender(video: HTMLVideoElement, area: ScanArea): ScanArea;
-export { translateAreaToVideoRender };

package/dist/utils/translate-area-to-video-source.d.ts

@@ -1,3 +0,0 @@
-import type { ScanArea } from './get-scan-area';
-declare function translateAreaToVideoSource(video: HTMLVideoElement, area: ScanArea): ScanArea;
-export { translateAreaToVideoSource };

package/dist/utils/wait.d.ts

@@ -1,2 +0,0 @@
-declare function wait(ms: number): Promise<unknown>;
-export { wait };