web-wasm-barcode-reader 1.0.0

package/README.md

@@ -0,0 +1,212 @@
+# Web WASM Barcode Reader
+
+A browser-based barcode scanner powered by [ZBar](https://zbar.sourceforge.net/) compiled to WebAssembly. Works on any browser, including Safari/iOS where the native [Barcode Detection API](https://developer.mozilla.org/en-US/docs/Web/API/Barcode_Detection_API) isn't available.
+
+Built with TypeScript, Vite, and a wrapper-ready `BarcodeScanner` class designed for easy integration into React, Vue, or any frontend framework.
+
+Based on the blog post: [Using the ZBar barcode scanning suite in the browser with WebAssembly](https://barkeywolf.consulting/posts/barcode-scanner-webassembly/).
+
+## Features
+
+- **Real-time camera scanning** with configurable scan region and interval
+- **Rotation-based skew correction** — scans at 0°, +30°, and -30° with early exit, so tilted barcodes are detected without perfect alignment
+- **Animated CSS overlay** — dark viewfinder mask, corner brackets, and a sweeping laser line (replaces the old static PNG)
+- **Audible beep** on detection (base64-encoded, no external file)
+- **Torch toggle** for devices that support flashlight control
+- **Debug preview panel** — shows all three rotation passes side-by-side with detection highlighting
+- **Framework-agnostic** — `BarcodeScanner` class with `start()`/`stop()` lifecycle, constructor has no side effects (React strict-mode safe)
+
+## Supported Barcode Formats
+
+ZBar supports the following symbologies:
+
+| 1D | 2D |
+|---|---|
+| EAN-13, EAN-8 | QR Code |
+| UPC-A, UPC-E | |
+| ISBN-10, ISBN-13 | |
+| Code 128, Code 39, Code 93 | |
+| Interleaved 2 of 5 (I25) | |
+| DataBar | |
+
+> **Note:** Data Matrix, PDF417, and Aztec codes are not supported by ZBar.
+
+## Quick Start
+
+```sh
+npm install
+npm run dev
+```
+
+Open the URL shown by Vite (typically `http://localhost:5173`). Grant camera access and point at a barcode within the scan region.
+
+### Production Build
+
+```sh
+npm run build
+npm run preview
+```
+
+The build output goes to `dist/`. Type-checking runs automatically before the Vite build.
+
+## Project Structure
+
+```
+web-wasm-barcode-reader/
+├── public/
+│   ├── a.out.js              # Emscripten JS glue (pre-compiled)
+│   └── a.out.wasm            # ZBar WASM binary (pre-compiled)
+├── src/
+│   ├── scanner.ts            # BarcodeScanner class — core lifecycle + scan loop
+│   ├── overlay.ts            # Animated CSS scan overlay (mask, brackets, laser)
+│   ├── main.ts               # Demo entry point
+│   └── types/
+│       └── emscripten.d.ts   # TypeScript declarations for the Emscripten Module
+├── index.html                # Demo page
+├── index2.html               # Standalone OCR/MRZ experiment (Tesseract.js)
+├── scan.c                    # C source — ZBar image scanning + WASM buffer management
+├── library.js                # Emscripten JS library — bridges WASM results to JS
+├── package.json
+├── tsconfig.json             # strict: true, noImplicitAny: true
+└── vite.config.ts
+```
+
+## Architecture
+
+### How a Scan Works
+
+```
+Camera frame
+    │
+    ├─ drawImage() ──► Offscreen canvas (crop scan region from video)
+    │                      │
+    │                      ├─ Rotate 0°  ──► grayscale ──► WASM scan_image()
+    │                      ├─ Rotate +30° ──► grayscale ──► WASM scan_image()  (only if 0° missed)
+    │                      └─ Rotate -30° ──► grayscale ──► WASM scan_image()  (only if ±30° missed)
+    │
+    └─ On detection: polygon overlay + beep + onDetect callback
+```
+
+### WASM Bridge
+
+The scanner communicates with ZBar through three C functions exposed via Emscripten:
+
+| C function | Purpose |
+|---|---|
+| `create_buffer(w, h)` | `malloc` a buffer on the WASM heap for image data |
+| `scan_image(ptr, w, h)` | Run ZBar on grayscale pixels at `ptr`. Calls `js_output_result` on hit. |
+| `destroy_buffer(ptr)` | `free` a buffer (unused — ZBar frees it internally via `zbar_image_free_data`) |
+
+`library.js` defines `js_output_result`, which reads symbol name, data, and polygon coordinates from the WASM heap and forwards them to `Module.processResult` — a callback set by the `BarcodeScanner` class.
+
+> **Important:** `scan_image` registers the buffer with `zbar_image_free_data` as the cleanup handler, so ZBar frees the buffer when the image is destroyed. A fresh buffer must be allocated for every `scan_image` call — reusing a pointer is use-after-free.
+
+## API
+
+### `BarcodeScanner`
+
+```typescript
+import { BarcodeScanner } from './scanner';
+
+const scanner = new BarcodeScanner({
+  container: document.getElementById('scanner-mount')!,
+  onDetect: (result) => {
+    console.log(result.symbol, result.data);
+  },
+});
+
+await scanner.start();
+// later...
+scanner.stop();
+```
+
+### `ScannerOptions`
+
+| Option | Type | Default | Description |
+|---|---|---|---|
+| `container` | `HTMLElement` | *required* | Element to mount the scanner into |
+| `onDetect` | `(result: ScanResult) => void` | *required* | Called on each barcode detection |
+| `onError` | `(error: Error) => void` | `console.error` | Called on unrecoverable errors |
+| `scanInterval` | `number` | `150` | Milliseconds between scan attempts |
+| `beepOnDetect` | `boolean` | `true` | Play an audible beep on detection |
+| `facingMode` | `'environment' \| 'user'` | `'environment'` | Camera facing mode |
+| `scanRegion` | `{ width: number; height: number }` | `{ width: 0.702, height: 0.242 }` | Scan region as fraction of container |
+| `previewCanvas` | `HTMLCanvasElement` | `undefined` | Optional canvas for rotation debug preview |
+
+### `ScanResult`
+
+| Field | Type | Description |
+|---|---|---|
+| `symbol` | `string` | Barcode symbology (e.g. `"EAN-13"`, `"QR-Code"`) |
+| `data` | `string` | Decoded barcode content |
+| `polygon` | `number[]` | Flat `[x1, y1, x2, y2, ...]` bounding polygon in container coordinates |
+
+### Methods
+
+| Method | Description |
+|---|---|
+| `start(): Promise<void>` | Initialize camera, WASM, and start scanning |
+| `stop(): void` | Stop scanning, release camera, remove DOM elements |
+| `toggleTorch(): Promise<boolean>` | Toggle flashlight, returns new state |
+| `isRunning: boolean` | Whether the scanner is currently active |
+
+## Framework Integration
+
+The `BarcodeScanner` constructor has **no side effects** — it only stores configuration. This makes it safe to use with React strict mode, Vue lifecycle hooks, etc.
+
+### React Example
+
+```tsx
+import { useEffect, useRef } from 'react';
+import { BarcodeScanner } from './scanner';
+
+function Scanner({ onScan }: { onScan: (data: string) => void }) {
+  const mountRef = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    const scanner = new BarcodeScanner({
+      container: mountRef.current!,
+      onDetect: (result) => onScan(result.data),
+    });
+    scanner.start();
+    return () => scanner.stop();
+  }, [onScan]);
+
+  return <div ref={mountRef} style={{ width: 400, height: 400 }} />;
+}
+```
+
+## Recompiling the WASM Module
+
+The `public/a.out.js` and `public/a.out.wasm` files are pre-compiled. To rebuild them, you need [Emscripten](https://emscripten.org/) and ZBar installed:
+
+```sh
+emcc scan.c \
+  -s WASM=1 \
+  -s EXPORTED_FUNCTIONS='["_scan_image", "_create_buffer", "_destroy_buffer"]' \
+  -s EXPORTED_RUNTIME_METHODS='["cwrap", "UTF8ToString"]' \
+  --js-library library.js \
+  -lzbar \
+  -o public/a.out.js
+```
+
+The exact flags may vary depending on your Emscripten version and ZBar installation path.
+
+## Scripts
+
+| Script | Command | Description |
+|---|---|---|
+| `dev` | `npm run dev` | Start Vite dev server with HMR |
+| `build` | `npm run build` | Type-check + production build to `dist/` |
+| `preview` | `npm run preview` | Serve the production build locally |
+
+## Browser Requirements
+
+- **getUserMedia** (camera access) — all modern browsers
+- **WebAssembly** — all modern browsers
+- **OffscreenCanvas** — Chrome 69+, Firefox 105+, Safari 16.4+
+- HTTPS or localhost (required for camera access)
+
+## License
+
+See the [ZBar license](http://zbar.sourceforge.net/about.html) for the scanning library. The JavaScript/TypeScript wrapper code in this repository is unlicensed.

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { BarcodeScanner } from './scanner';
+export type { ScannerOptions, ScanResult } from './scanner';
+export { createOverlay, removeOverlay } from './overlay';
+export type { ScanRegion } from './overlay';

package/dist/overlay.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Programmatic scan overlay — replaces the static barcodelayout.png.
+ *
+ * Creates a dark viewfinder mask with a transparent scan region,
+ * L-shaped corner brackets, and an animated sweeping laser line.
+ * All styling is injected via a single <style> tag (deduplicated).
+ */
+export interface ScanRegion {
+    /** Fraction of container width (0–1). */
+    widthRatio: number;
+    /** Fraction of container height (0–1). */
+    heightRatio: number;
+}
+/**
+ * Create the overlay DOM tree inside `container`.
+ *
+ * Returns the overlay root element so the caller can remove it later.
+ * The scan region is positioned relative to the container using the
+ * provided width/height ratios (e.g. 0.702 × 0.242 matches the original
+ * barcodelayout.png proportions).
+ */
+export declare function createOverlay(container: HTMLElement, scanRegion: ScanRegion): HTMLElement;
+/** Remove the overlay and clean up. */
+export declare function removeOverlay(overlayRoot: HTMLElement): void;

package/dist/scanner.d.ts

@@ -0,0 +1,116 @@
+/**
+ * BarcodeScanner — wrapper-ready barcode scanning class.
+ *
+ * Manages the full lifecycle: DOM setup, camera stream, WASM loading,
+ * scan loop with rotation-based skew correction, and cleanup.
+ * Designed for easy integration into React/Vue/vanilla wrappers.
+ *
+ * Constructor is side-effect-free (React strict-mode safe).
+ * Call start() to activate, stop() to tear down.
+ */
+export interface ScannerOptions {
+    /** Container element the scanner will mount into. */
+    container: HTMLElement;
+    /** Called on every successful barcode detection. */
+    onDetect: (result: ScanResult) => void;
+    /** Called on unrecoverable errors (camera denied, WASM load failure, etc.). */
+    onError?: (error: Error) => void;
+    /** Milliseconds between scan attempts. Default: 150. */
+    scanInterval?: number;
+    /** Play an audible beep on detection. Default: true. */
+    beepOnDetect?: boolean;
+    /** Camera facing mode. Default: 'environment'. */
+    facingMode?: 'environment' | 'user';
+    /**
+     * Scan region as a fraction of the container dimensions.
+     * Default: { width: 0.702, height: 0.242 } — matches the original barcode layout.
+     */
+    scanRegion?: {
+        width: number;
+        height: number;
+    };
+    /**
+     * Optional canvas to render a live preview of what each rotation pass
+     * sees. Shows all three angles (0°, +30°, -30°) stacked vertically.
+     * The detected angle gets a green highlight.
+     */
+    previewCanvas?: HTMLCanvasElement;
+}
+export interface ScanResult {
+    /** Barcode symbology (e.g. "EAN-13", "QR-Code"). */
+    symbol: string;
+    /** Decoded barcode data string. */
+    data: string;
+    /** Flat polygon coordinates [x1,y1,x2,y2,...] in container-relative pixels. */
+    polygon: number[];
+}
+export declare class BarcodeScanner {
+    private readonly container;
+    private readonly onDetect;
+    private readonly onError;
+    private readonly scanInterval;
+    private readonly beepOnDetect;
+    private readonly facingMode;
+    private readonly regionWidth;
+    private readonly regionHeight;
+    private _isRunning;
+    private video;
+    private polyCanvas;
+    private polyCtx;
+    private offscreen;
+    private offCtx;
+    private overlayRoot;
+    private stream;
+    private timerId;
+    private wasmApi;
+    private beepAudio;
+    private previewCanvas;
+    private previewCtx;
+    private cameraWidth;
+    private cameraHeight;
+    private barcodeWidth;
+    private barcodeHeight;
+    private barcodeOffsetX;
+    private barcodeOffsetY;
+    /** Tracks whether we detected a barcode in the current scan tick. */
+    private detectedThisTick;
+    get isRunning(): boolean;
+    constructor(options: ScannerOptions);
+    start(): Promise<void>;
+    stop(): void;
+    /**
+     * Toggle the device torch (flashlight). Returns the new torch state.
+     * Only works on devices that support the torch constraint (most Android phones).
+     */
+    toggleTorch(): Promise<boolean>;
+    private setupDOM;
+    private teardownDOM;
+    /**
+     * Wait for the Emscripten Module to finish initializing.
+     * The script is loaded via a classic <script> tag in index.html,
+     * so by the time start() runs it may already be ready.
+     */
+    private loadWasm;
+    private startCamera;
+    private stopCamera;
+    /**
+     * Wire up Module.processResult so the WASM-side library.js callback
+     * routes detected barcodes back into our class.
+     */
+    private setupResultHandler;
+    private startScanLoop;
+    private stopScanLoop;
+    /**
+     * One scan tick: capture the barcode region, convert to grayscale,
+     * and run through WASM. Uses rotation-based skew correction —
+     * tries 0° first, then ±30° only if no barcode was found.
+     */
+    private scanTick;
+    /**
+     * Convert RGBA pixel data to grayscale using the BT.601 luma formula.
+     * Uses integer arithmetic for speed (same formula as the original index.js).
+     */
+    private toGrayscale;
+    /** Draw a polygon outline on the overlay canvas. */
+    private drawPoly;
+}

package/dist/web-wasm-barcode-reader.js

@@ -0,0 +1,313 @@
+const g = "barcode-scanner-overlay-styles", y = "rgba(0, 0, 0, 0.55)", x = "#00ff88";
+const f = "#00ff88";
+function E() {
+  if (document.getElementById(g)) return;
+  const A = document.createElement("style");
+  A.id = g, A.textContent = `
+    @keyframes scan-sweep {
+      0%, 100% { top: 0; }
+      50% { top: calc(100% - 2px); }
+    }
+
+    .scan-overlay {
+      position: absolute;
+      inset: 0;
+      pointer-events: none;
+      z-index: 10;
+    }
+
+    .scan-overlay__mask {
+      position: absolute;
+      background: ${y};
+    }
+
+    .scan-overlay__region {
+      position: absolute;
+      /* Dimensions set via CSS custom properties from JS */
+      width: var(--scan-w);
+      height: var(--scan-h);
+      left: var(--scan-x);
+      top: var(--scan-y);
+    }
+
+    .scan-overlay__bracket {
+      position: absolute;
+      width: 24px;
+      height: 24px;
+      border-color: ${x};
+      border-style: solid;
+      border-width: 0;
+    }
+
+    /* Four corners: each gets two border sides to form an L-shape */
+    .scan-overlay__bracket--tl {
+      top: -1px; left: -1px;
+      border-top-width: 3px;
+      border-left-width: 3px;
+      border-top-left-radius: 4px;
+    }
+    .scan-overlay__bracket--tr {
+      top: -1px; right: -1px;
+      border-top-width: 3px;
+      border-right-width: 3px;
+      border-top-right-radius: 4px;
+    }
+    .scan-overlay__bracket--bl {
+      bottom: -1px; left: -1px;
+      border-bottom-width: 3px;
+      border-left-width: 3px;
+      border-bottom-left-radius: 4px;
+    }
+    .scan-overlay__bracket--br {
+      bottom: -1px; right: -1px;
+      border-bottom-width: 3px;
+      border-right-width: 3px;
+      border-bottom-right-radius: 4px;
+    }
+
+    .scan-overlay__line {
+      position: absolute;
+      left: 10%;
+      width: 80%;
+      height: 2px;
+      background: ${f};
+      box-shadow: 0 0 8px ${f}, 0 0 24px ${f};
+      animation: scan-sweep 2.5s ease-in-out infinite;
+      border-radius: 1px;
+    }
+  `, document.head.appendChild(A);
+}
+function I(A, t, e, o, i) {
+  const s = [
+    // Top bar: full width, from top to scan region top
+    { top: "0", left: "0", width: "100%", height: e },
+    // Bottom bar: full width, from scan region bottom to container bottom
+    { top: `calc(${e} + ${i})`, left: "0", width: "100%", height: `calc(100% - ${e} - ${i})` },
+    // Left strip: between top and bottom bars
+    { top: e, left: "0", width: t, height: i },
+    // Right strip: between top and bottom bars
+    { top: e, left: `calc(${t} + ${o})`, width: `calc(100% - ${t} - ${o})`, height: i }
+  ];
+  for (const h of s) {
+    const a = document.createElement("div");
+    a.className = "scan-overlay__mask", Object.assign(a.style, h), A.appendChild(a);
+  }
+}
+function S(A, t) {
+  E();
+  const e = document.createElement("div");
+  e.className = "scan-overlay";
+  const o = `${(t.widthRatio * 100).toFixed(2)}%`, i = `${(t.heightRatio * 100).toFixed(2)}%`, s = `${((1 - t.widthRatio) / 2 * 100).toFixed(2)}%`, h = `${((1 - t.heightRatio) / 2 * 100).toFixed(2)}%`;
+  e.style.setProperty("--scan-w", o), e.style.setProperty("--scan-h", i), e.style.setProperty("--scan-x", s), e.style.setProperty("--scan-y", h), I(e, s, h, o, i);
+  const a = document.createElement("div");
+  a.className = "scan-overlay__region";
+  const d = ["tl", "tr", "bl", "br"];
+  for (const r of d) {
+    const c = document.createElement("div");
+    c.className = `scan-overlay__bracket scan-overlay__bracket--${r}`, a.appendChild(c);
+  }
+  const n = document.createElement("div");
+  return n.className = "scan-overlay__line", a.appendChild(n), e.appendChild(a), A.appendChild(e), e;
+}
+function R(A) {
+  A.remove();
+}
+const k = "data:audio/wav;base64,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qJrx4KOQjahZxWbcZgztj2c49nKmkId44S71j0c8eV9yDK6uPRzx5X18eDvjvQ6yKo9ZSS6l//8elePK/Lf//IInrOF/FvDoADYAGBMGb7FtErm5MXMlmPAJQVgWta7Zx2go+8xJ0UiCb8LHHdftWyLJE0QIAIsI+UbXu67dZMjmgDGCGl1H+vpF4NSDckSIkk7Vd+sxEhBQMRU8j/12UIRhzSaUdQ+rQU5kGeFxm+hb1oh6pWWmv3uvmReDl0UnvtapVaIzo1jZbf/pD6ElLqSX+rUmOQNpJFa/r+sa4e/pBlAABoAAAAA3CUgShLdGIxsY7AUABPRrgCABdDuQ5GC7DqPQCgbbJUAoRSUj+NIEig0YfyWUho1VBBBA//uQZB4ABZx5zfMakeAAAAmwAAAAF5F3P0w9GtAAACfAAAAAwLhMDmAYWMgVEG1U0FIGCBgXBXAtfMH10000EEEEEECUBYln03TTTdNBDZopopYvrTTdNa325mImNg3TTPV9q3pmY0xoO6bv3r00y+IDGid/9aaaZTGMuj9mpu9Mpio1dXrr5HERTZSmqU36A3CumzN/9Robv/Xx4v9ijkSRSNLQhAWumap82WRSBUqXStV/YcS+XVLnSS+WLDroqArFkMEsAS+eWmrUzrO0oEmE40RlMZ5+ODIkAyKAGUwZ3mVKmcamcJnMW26MRPgUw6j+LkhyHGVGYjSUUKNpuJUQoOIAyDvEyG8S5yfK6dhZc0Tx1KI/gviKL6qvvFs1+bWtaz58uUNnryq6kt5RzOCkPWlVqVX2a/EEBUdU1KrXLf40GoiiFXK///qpoiDXrOgqDR38JB0bw7SoL+ZB9o1RCkQjQ2CBYZKd/+VJxZRRZlqSkKiws0WFxUyCwsKiMy7hUVFhIaCrNQsKkTIsLivwKKigsj8XYlwt/WKi2N4d//uQRCSAAjURNIHpMZBGYiaQPSYyAAABLAAAAAAAACWAAAAApUF/Mg+0aohSIRobBAsMlO//Kk4soosy1JSFRYWaLC4qZBYWFRGZdwqKiwkNBVmoWFSJkWFxX4FFRQWR+LsS4W/rFRb/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////VEFHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAU291bmRib3kuZGUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMjAwNGh0dHA6Ly93d3cuc291bmRib3kuZGUAAAAAAAAAACU=", u = [0, Math.PI / 6, -Math.PI / 6];
+class Q {
+  constructor(t) {
+    var e, o;
+    this._isRunning = !1, this.video = null, this.polyCanvas = null, this.polyCtx = null, this.offscreen = null, this.offCtx = null, this.overlayRoot = null, this.stream = null, this.timerId = null, this.wasmApi = null, this.beepAudio = null, this.previewCanvas = null, this.previewCtx = null, this.cameraWidth = 0, this.cameraHeight = 0, this.barcodeWidth = 0, this.barcodeHeight = 0, this.barcodeOffsetX = 0, this.barcodeOffsetY = 0, this.detectedThisTick = !1, this.container = t.container, this.onDetect = t.onDetect, this.onError = t.onError ?? ((i) => console.error("[BarcodeScanner]", i)), this.scanInterval = t.scanInterval ?? 150, this.beepOnDetect = t.beepOnDetect ?? !0, this.facingMode = t.facingMode ?? "environment", this.regionWidth = ((e = t.scanRegion) == null ? void 0 : e.width) ?? 0.702, this.regionHeight = ((o = t.scanRegion) == null ? void 0 : o.height) ?? 0.242, this.previewCanvas = t.previewCanvas ?? null;
+  }
+  get isRunning() {
+    return this._isRunning;
+  }
+  // ── Public lifecycle ────────────────────────────────────────────
+  async start() {
+    if (!this._isRunning)
+      try {
+        this.setupDOM(), await this.loadWasm(), await this.startCamera(), this.setupResultHandler(), this.startScanLoop(), this._isRunning = !0;
+      } catch (t) {
+        this.stop();
+        const e = t instanceof Error ? t : new Error(String(t));
+        this.onError(e);
+      }
+  }
+  stop() {
+    this.stopScanLoop(), this.stopCamera(), this.teardownDOM(), this._isRunning = !1;
+  }
+  /**
+   * Toggle the device torch (flashlight). Returns the new torch state.
+   * Only works on devices that support the torch constraint (most Android phones).
+   */
+  async toggleTorch() {
+    var s;
+    const t = (s = this.stream) == null ? void 0 : s.getVideoTracks()[0];
+    if (!t || !t.getCapabilities().torch) return !1;
+    const i = !t.getSettings().torch;
+    return await t.applyConstraints({
+      advanced: [{ torch: i }]
+    }), i;
+  }
+  // ── DOM setup / teardown ────────────────────────────────────────
+  setupDOM() {
+    getComputedStyle(this.container).position === "static" && (this.container.style.position = "relative"), this.cameraWidth = this.container.clientWidth, this.cameraHeight = this.container.clientHeight, this.barcodeWidth = Math.floor(this.cameraWidth * this.regionWidth), this.barcodeHeight = Math.floor(this.cameraHeight * this.regionHeight), this.barcodeOffsetX = Math.floor((this.cameraWidth - this.barcodeWidth) / 2), this.barcodeOffsetY = Math.floor((this.cameraHeight - this.barcodeHeight) / 2), this.video = document.createElement("video"), Object.assign(this.video.style, {
+      width: "100%",
+      height: "100%",
+      objectFit: "cover"
+    }), this.video.setAttribute("autoplay", ""), this.video.setAttribute("muted", ""), this.video.setAttribute("playsinline", ""), this.video.muted = !0, this.container.appendChild(this.video), this.polyCanvas = document.createElement("canvas"), this.polyCanvas.width = this.cameraWidth, this.polyCanvas.height = this.cameraHeight, Object.assign(this.polyCanvas.style, {
+      position: "absolute",
+      left: "0",
+      top: "0",
+      pointerEvents: "none"
+    }), this.container.appendChild(this.polyCanvas), this.polyCtx = this.polyCanvas.getContext("2d"), this.offscreen = new OffscreenCanvas(this.barcodeWidth * 2, this.barcodeHeight * 2), this.offCtx = this.offscreen.getContext("2d", { willReadFrequently: !0 }), this.overlayRoot = S(this.container, {
+      widthRatio: this.regionWidth,
+      heightRatio: this.regionHeight
+    }), this.beepOnDetect && (this.beepAudio = new Audio(k)), this.previewCanvas && (this.previewCanvas.width = this.barcodeWidth * 2, this.previewCanvas.height = this.barcodeHeight * 2 * u.length, this.previewCtx = this.previewCanvas.getContext("2d"));
+  }
+  teardownDOM() {
+    var t, e;
+    this.overlayRoot && (R(this.overlayRoot), this.overlayRoot = null), (t = this.video) == null || t.remove(), this.video = null, (e = this.polyCanvas) == null || e.remove(), this.polyCanvas = null, this.polyCtx = null, this.offscreen = null, this.offCtx = null, this.beepAudio = null, this.previewCtx = null;
+  }
+  // ── WASM loading ────────────────────────────────────────────────
+  /**
+   * Wait for the Emscripten Module to finish initializing.
+   * The script is loaded via a classic <script> tag in index.html,
+   * so by the time start() runs it may already be ready.
+   */
+  loadWasm() {
+    return new Promise((t, e) => {
+      const o = setTimeout(() => e(new Error("WASM load timeout")), 15e3), i = () => {
+        clearTimeout(o);
+        try {
+          const s = Module.cwrap;
+          if (!s) throw new Error("Module.cwrap not available after runtime init");
+          this.wasmApi = {
+            scan_image: s("scan_image", "", ["number", "number", "number"]),
+            create_buffer: s("create_buffer", "number", ["number", "number"]),
+            destroy_buffer: s("destroy_buffer", "", ["number"])
+          }, t();
+        } catch (s) {
+          e(s);
+        }
+      };
+      if (Module.cwrap)
+        i();
+      else {
+        const s = Module.onRuntimeInitialized;
+        Module.onRuntimeInitialized = () => {
+          s == null || s(), i();
+        };
+      }
+    });
+  }
+  // ── Camera ──────────────────────────────────────────────────────
+  async startCamera() {
+    if (!this.video) throw new Error("DOM not set up");
+    const t = this.cameraWidth * 2, e = {
+      video: {
+        width: t,
+        height: t,
+        facingMode: this.facingMode,
+        resizeMode: "crop-and-scale",
+        aspectRatio: { exact: 1 }
+      }
+    };
+    this.stream = await navigator.mediaDevices.getUserMedia(e), this.video.srcObject = this.stream, await this.video.play();
+  }
+  stopCamera() {
+    if (this.stream) {
+      for (const t of this.stream.getTracks())
+        t.stop();
+      this.stream = null;
+    }
+    this.video && (this.video.srcObject = null);
+  }
+  // ── Result handler ──────────────────────────────────────────────
+  /**
+   * Wire up Module.processResult so the WASM-side library.js callback
+   * routes detected barcodes back into our class.
+   */
+  setupResultHandler() {
+    const t = (e, o, i) => {
+      if (!o) return;
+      this.detectedThisTick = !0;
+      const s = [];
+      for (let a = 0; a < i.length; a += 2)
+        s.push(i[a] / 2 + this.barcodeOffsetX), s.push(i[a + 1] / 2 + this.barcodeOffsetY);
+      this.drawPoly(s), this.beepOnDetect && this.beepAudio && this.beepAudio.play().catch(() => {
+      });
+      const h = { symbol: e, data: o, polygon: s };
+      this.onDetect(h);
+    };
+    Module.processResult = t;
+  }
+  // ── Scan loop ───────────────────────────────────────────────────
+  startScanLoop() {
+    this.timerId = setInterval(() => this.scanTick(), this.scanInterval);
+  }
+  stopScanLoop() {
+    this.timerId !== null && (clearInterval(this.timerId), this.timerId = null);
+  }
+  /**
+   * One scan tick: capture the barcode region, convert to grayscale,
+   * and run through WASM. Uses rotation-based skew correction —
+   * tries 0° first, then ±30° only if no barcode was found.
+   */
+  scanTick() {
+    if (!this.video || !this.offCtx || !this.offscreen || !this.wasmApi || !this.polyCtx) return;
+    const t = this.video.videoWidth, e = this.video.videoHeight;
+    if (t === 0 || e === 0) return;
+    const o = t / this.cameraWidth, i = e / this.cameraHeight, s = this.barcodeOffsetX * o, h = this.barcodeOffsetY * i, a = this.barcodeWidth * o, d = this.barcodeHeight * i;
+    this.polyCtx.clearRect(0, 0, this.cameraWidth, this.cameraHeight);
+    const n = this.offscreen.width, r = this.offscreen.height;
+    this.previewCtx && this.previewCtx.clearRect(0, 0, this.previewCanvas.width, this.previewCanvas.height);
+    for (let c = 0; c < u.length; c++) {
+      const p = u[c];
+      if (this.detectedThisTick = !1, this.offCtx.save(), p !== 0 && (this.offCtx.translate(n / 2, r / 2), this.offCtx.rotate(p), this.offCtx.translate(-n / 2, -r / 2)), this.offCtx.drawImage(
+        this.video,
+        s,
+        h,
+        a,
+        d,
+        0,
+        0,
+        n,
+        r
+      ), this.offCtx.restore(), this.previewCtx) {
+        const l = c * r;
+        this.previewCtx.drawImage(this.offscreen, 0, 0, n, r, 0, l, n, r);
+      }
+      const C = this.offCtx.getImageData(0, 0, n, r), w = this.toGrayscale(C.data), m = this.wasmApi.create_buffer(n, r);
+      if (Module.HEAP8.set(w, m), this.wasmApi.scan_image(m, n, r), this.previewCtx) {
+        const l = c * r, v = Math.round(p * 180 / Math.PI), b = `${v >= 0 ? "+" : ""}${v}°`;
+        this.detectedThisTick && (this.previewCtx.strokeStyle = "#00ff88", this.previewCtx.lineWidth = 3, this.previewCtx.strokeRect(1, l + 1, n - 2, r - 2)), this.previewCtx.font = "bold 16px monospace", this.previewCtx.fillStyle = this.detectedThisTick ? "#00ff88" : "rgba(255,255,255,0.7)", this.previewCtx.fillText(b, 8, l + 22);
+      }
+      if (this.detectedThisTick) break;
+    }
+  }
+  /**
+   * Convert RGBA pixel data to grayscale using the BT.601 luma formula.
+   * Uses integer arithmetic for speed (same formula as the original index.js).
+   */
+  toGrayscale(t) {
+    const e = new Uint8Array(t.length / 4);
+    for (let o = 0, i = 0; o < t.length; o += 4, i++)
+      e[i] = t[o] * 66 + t[o + 1] * 129 + t[o + 2] * 25 + 4096 >> 8;
+    return e;
+  }
+  // ── Drawing ─────────────────────────────────────────────────────
+  /** Draw a polygon outline on the overlay canvas. */
+  drawPoly(t) {
+    if (!(!this.polyCtx || t.length < 4)) {
+      this.polyCtx.beginPath(), this.polyCtx.moveTo(t[0], t[1]);
+      for (let e = 2; e < t.length; e += 2)
+        this.polyCtx.lineTo(t[e], t[e + 1]);
+      this.polyCtx.closePath(), this.polyCtx.lineWidth = 2, this.polyCtx.strokeStyle = "#FF0000", this.polyCtx.stroke();
+    }
+  }
+}
+export {
+  Q as BarcodeScanner,
+  S as createOverlay,
+  R as removeOverlay
+};

package/dist/web-wasm-barcode-reader.umd.cjs

@@ -0,0 +1,73 @@
+(function(h,d){typeof exports=="object"&&typeof module<"u"?d(exports):typeof define=="function"&&define.amd?define(["exports"],d):(h=typeof globalThis<"u"?globalThis:h||self,d(h.WebWasmBarcodeReader={}))})(this,(function(h){"use strict";const d="barcode-scanner-overlay-styles",y="rgba(0, 0, 0, 0.55)",x="#00ff88",f="#00ff88";function E(){if(document.getElementById(d))return;const A=document.createElement("style");A.id=d,A.textContent=`
+    @keyframes scan-sweep {
+      0%, 100% { top: 0; }
+      50% { top: calc(100% - 2px); }
+    }
+
+    .scan-overlay {
+      position: absolute;
+      inset: 0;
+      pointer-events: none;
+      z-index: 10;
+    }
+
+    .scan-overlay__mask {
+      position: absolute;
+      background: ${y};
+    }
+
+    .scan-overlay__region {
+      position: absolute;
+      /* Dimensions set via CSS custom properties from JS */
+      width: var(--scan-w);
+      height: var(--scan-h);
+      left: var(--scan-x);
+      top: var(--scan-y);
+    }
+
+    .scan-overlay__bracket {
+      position: absolute;
+      width: 24px;
+      height: 24px;
+      border-color: ${x};
+      border-style: solid;
+      border-width: 0;
+    }
+
+    /* Four corners: each gets two border sides to form an L-shape */
+    .scan-overlay__bracket--tl {
+      top: -1px; left: -1px;
+      border-top-width: 3px;
+      border-left-width: 3px;
+      border-top-left-radius: 4px;
+    }
+    .scan-overlay__bracket--tr {
+      top: -1px; right: -1px;
+      border-top-width: 3px;
+      border-right-width: 3px;
+      border-top-right-radius: 4px;
+    }
+    .scan-overlay__bracket--bl {
+      bottom: -1px; left: -1px;
+      border-bottom-width: 3px;
+      border-left-width: 3px;
+      border-bottom-left-radius: 4px;
+    }
+    .scan-overlay__bracket--br {
+      bottom: -1px; right: -1px;
+      border-bottom-width: 3px;
+      border-right-width: 3px;
+      border-bottom-right-radius: 4px;
+    }
+
+    .scan-overlay__line {
+      position: absolute;
+      left: 10%;
+      width: 80%;
+      height: 2px;
+      background: ${f};
+      box-shadow: 0 0 8px ${f}, 0 0 24px ${f};
+      animation: scan-sweep 2.5s ease-in-out infinite;
+      border-radius: 1px;
+    }
+  `,document.head.appendChild(A)}function I(A,t,e,o,i){const s=[{top:"0",left:"0",width:"100%",height:e},{top:`calc(${e} + ${i})`,left:"0",width:"100%",height:`calc(100% - ${e} - ${i})`},{top:e,left:"0",width:t,height:i},{top:e,left:`calc(${t} + ${o})`,width:`calc(100% - ${t} - ${o})`,height:i}];for(const c of s){const a=document.createElement("div");a.className="scan-overlay__mask",Object.assign(a.style,c),A.appendChild(a)}}function g(A,t){E();const e=document.createElement("div");e.className="scan-overlay";const o=`${(t.widthRatio*100).toFixed(2)}%`,i=`${(t.heightRatio*100).toFixed(2)}%`,s=`${((1-t.widthRatio)/2*100).toFixed(2)}%`,c=`${((1-t.heightRatio)/2*100).toFixed(2)}%`;e.style.setProperty("--scan-w",o),e.style.setProperty("--scan-h",i),e.style.setProperty("--scan-x",s),e.style.setProperty("--scan-y",c),I(e,s,c,o,i);const a=document.createElement("div");a.className="scan-overlay__region";const m=["tl","tr","bl","br"];for(const r of m){const l=document.createElement("div");l.className=`scan-overlay__bracket scan-overlay__bracket--${r}`,a.appendChild(l)}const n=document.createElement("div");return n.className="scan-overlay__line",a.appendChild(n),e.appendChild(a),A.appendChild(e),e}function C(A){A.remove()}const S="data:audio/wav;base64,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qJrx4KOQjahZxWbcZgztj2c49nKmkId44S71j0c8eV9yDK6uPRzx5X18eDvjvQ6yKo9ZSS6l//8elePK/Lf//IInrOF/FvDoADYAGBMGb7FtErm5MXMlmPAJQVgWta7Zx2go+8xJ0UiCb8LHHdftWyLJE0QIAIsI+UbXu67dZMjmgDGCGl1H+vpF4NSDckSIkk7Vd+sxEhBQMRU8j/12UIRhzSaUdQ+rQU5kGeFxm+hb1oh6pWWmv3uvmReDl0UnvtapVaIzo1jZbf/pD6ElLqSX+rUmOQNpJFa/r+sa4e/pBlAABoAAAAA3CUgShLdGIxsY7AUABPRrgCABdDuQ5GC7DqPQCgbbJUAoRSUj+NIEig0YfyWUho1VBBBA//uQZB4ABZx5zfMakeAAAAmwAAAAF5F3P0w9GtAAACfAAAAAwLhMDmAYWMgVEG1U0FIGCBgXBXAtfMH10000EEEEEECUBYln03TTTdNBDZopopYvrTTdNa325mImNg3TTPV9q3pmY0xoO6bv3r00y+IDGid/9aaaZTGMuj9mpu9Mpio1dXrr5HERTZSmqU36A3CumzN/9Robv/Xx4v9ijkSRSNLQhAWumap82WRSBUqXStV/YcS+XVLnSS+WLDroqArFkMEsAS+eWmrUzrO0oEmE40RlMZ5+ODIkAyKAGUwZ3mVKmcamcJnMW26MRPgUw6j+LkhyHGVGYjSUUKNpuJUQoOIAyDvEyG8S5yfK6dhZc0Tx1KI/gviKL6qvvFs1+bWtaz58uUNnryq6kt5RzOCkPWlVqVX2a/EEBUdU1KrXLf40GoiiFXK///qpoiDXrOgqDR38JB0bw7SoL+ZB9o1RCkQjQ2CBYZKd/+VJxZRRZlqSkKiws0WFxUyCwsKiMy7hUVFhIaCrNQsKkTIsLivwKKigsj8XYlwt/WKi2N4d//uQRCSAAjURNIHpMZBGYiaQPSYyAAABLAAAAAAAACWAAAAApUF/Mg+0aohSIRobBAsMlO//Kk4soosy1JSFRYWaLC4qZBYWFRGZdwqKiwkNBVmoWFSJkWFxX4FFRQWR+LsS4W/rFRb/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////VEFHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAU291bmRib3kuZGUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMjAwNGh0dHA6Ly93d3cuc291bmRib3kuZGUAAAAAAAAAACU=",u=[0,Math.PI/6,-Math.PI/6];class R{constructor(t){var e,o;this._isRunning=!1,this.video=null,this.polyCanvas=null,this.polyCtx=null,this.offscreen=null,this.offCtx=null,this.overlayRoot=null,this.stream=null,this.timerId=null,this.wasmApi=null,this.beepAudio=null,this.previewCanvas=null,this.previewCtx=null,this.cameraWidth=0,this.cameraHeight=0,this.barcodeWidth=0,this.barcodeHeight=0,this.barcodeOffsetX=0,this.barcodeOffsetY=0,this.detectedThisTick=!1,this.container=t.container,this.onDetect=t.onDetect,this.onError=t.onError??(i=>console.error("[BarcodeScanner]",i)),this.scanInterval=t.scanInterval??150,this.beepOnDetect=t.beepOnDetect??!0,this.facingMode=t.facingMode??"environment",this.regionWidth=((e=t.scanRegion)==null?void 0:e.width)??.702,this.regionHeight=((o=t.scanRegion)==null?void 0:o.height)??.242,this.previewCanvas=t.previewCanvas??null}get isRunning(){return this._isRunning}async start(){if(!this._isRunning)try{this.setupDOM(),await this.loadWasm(),await this.startCamera(),this.setupResultHandler(),this.startScanLoop(),this._isRunning=!0}catch(t){this.stop();const e=t instanceof Error?t:new Error(String(t));this.onError(e)}}stop(){this.stopScanLoop(),this.stopCamera(),this.teardownDOM(),this._isRunning=!1}async toggleTorch(){var s;const t=(s=this.stream)==null?void 0:s.getVideoTracks()[0];if(!t||!t.getCapabilities().torch)return!1;const i=!t.getSettings().torch;return await t.applyConstraints({advanced:[{torch:i}]}),i}setupDOM(){getComputedStyle(this.container).position==="static"&&(this.container.style.position="relative"),this.cameraWidth=this.container.clientWidth,this.cameraHeight=this.container.clientHeight,this.barcodeWidth=Math.floor(this.cameraWidth*this.regionWidth),this.barcodeHeight=Math.floor(this.cameraHeight*this.regionHeight),this.barcodeOffsetX=Math.floor((this.cameraWidth-this.barcodeWidth)/2),this.barcodeOffsetY=Math.floor((this.cameraHeight-this.barcodeHeight)/2),this.video=document.createElement("video"),Object.assign(this.video.style,{width:"100%",height:"100%",objectFit:"cover"}),this.video.setAttribute("autoplay",""),this.video.setAttribute("muted",""),this.video.setAttribute("playsinline",""),this.video.muted=!0,this.container.appendChild(this.video),this.polyCanvas=document.createElement("canvas"),this.polyCanvas.width=this.cameraWidth,this.polyCanvas.height=this.cameraHeight,Object.assign(this.polyCanvas.style,{position:"absolute",left:"0",top:"0",pointerEvents:"none"}),this.container.appendChild(this.polyCanvas),this.polyCtx=this.polyCanvas.getContext("2d"),this.offscreen=new OffscreenCanvas(this.barcodeWidth*2,this.barcodeHeight*2),this.offCtx=this.offscreen.getContext("2d",{willReadFrequently:!0}),this.overlayRoot=g(this.container,{widthRatio:this.regionWidth,heightRatio:this.regionHeight}),this.beepOnDetect&&(this.beepAudio=new Audio(S)),this.previewCanvas&&(this.previewCanvas.width=this.barcodeWidth*2,this.previewCanvas.height=this.barcodeHeight*2*u.length,this.previewCtx=this.previewCanvas.getContext("2d"))}teardownDOM(){var t,e;this.overlayRoot&&(C(this.overlayRoot),this.overlayRoot=null),(t=this.video)==null||t.remove(),this.video=null,(e=this.polyCanvas)==null||e.remove(),this.polyCanvas=null,this.polyCtx=null,this.offscreen=null,this.offCtx=null,this.beepAudio=null,this.previewCtx=null}loadWasm(){return new Promise((t,e)=>{const o=setTimeout(()=>e(new Error("WASM load timeout")),15e3),i=()=>{clearTimeout(o);try{const s=Module.cwrap;if(!s)throw new Error("Module.cwrap not available after runtime init");this.wasmApi={scan_image:s("scan_image","",["number","number","number"]),create_buffer:s("create_buffer","number",["number","number"]),destroy_buffer:s("destroy_buffer","",["number"])},t()}catch(s){e(s)}};if(Module.cwrap)i();else{const s=Module.onRuntimeInitialized;Module.onRuntimeInitialized=()=>{s==null||s(),i()}}})}async startCamera(){if(!this.video)throw new Error("DOM not set up");const t=this.cameraWidth*2,e={video:{width:t,height:t,facingMode:this.facingMode,resizeMode:"crop-and-scale",aspectRatio:{exact:1}}};this.stream=await navigator.mediaDevices.getUserMedia(e),this.video.srcObject=this.stream,await this.video.play()}stopCamera(){if(this.stream){for(const t of this.stream.getTracks())t.stop();this.stream=null}this.video&&(this.video.srcObject=null)}setupResultHandler(){const t=(e,o,i)=>{if(!o)return;this.detectedThisTick=!0;const s=[];for(let a=0;a<i.length;a+=2)s.push(i[a]/2+this.barcodeOffsetX),s.push(i[a+1]/2+this.barcodeOffsetY);this.drawPoly(s),this.beepOnDetect&&this.beepAudio&&this.beepAudio.play().catch(()=>{});const c={symbol:e,data:o,polygon:s};this.onDetect(c)};Module.processResult=t}startScanLoop(){this.timerId=setInterval(()=>this.scanTick(),this.scanInterval)}stopScanLoop(){this.timerId!==null&&(clearInterval(this.timerId),this.timerId=null)}scanTick(){if(!this.video||!this.offCtx||!this.offscreen||!this.wasmApi||!this.polyCtx)return;const t=this.video.videoWidth,e=this.video.videoHeight;if(t===0||e===0)return;const o=t/this.cameraWidth,i=e/this.cameraHeight,s=this.barcodeOffsetX*o,c=this.barcodeOffsetY*i,a=this.barcodeWidth*o,m=this.barcodeHeight*i;this.polyCtx.clearRect(0,0,this.cameraWidth,this.cameraHeight);const n=this.offscreen.width,r=this.offscreen.height;this.previewCtx&&this.previewCtx.clearRect(0,0,this.previewCanvas.width,this.previewCanvas.height);for(let l=0;l<u.length;l++){const v=u[l];if(this.detectedThisTick=!1,this.offCtx.save(),v!==0&&(this.offCtx.translate(n/2,r/2),this.offCtx.rotate(v),this.offCtx.translate(-n/2,-r/2)),this.offCtx.drawImage(this.video,s,c,a,m,0,0,n,r),this.offCtx.restore(),this.previewCtx){const p=l*r;this.previewCtx.drawImage(this.offscreen,0,0,n,r,0,p,n,r)}const k=this.offCtx.getImageData(0,0,n,r),Q=this.toGrayscale(k.data),b=this.wasmApi.create_buffer(n,r);if(Module.HEAP8.set(Q,b),this.wasmApi.scan_image(b,n,r),this.previewCtx){const p=l*r,w=Math.round(v*180/Math.PI),W=`${w>=0?"+":""}${w}°`;this.detectedThisTick&&(this.previewCtx.strokeStyle="#00ff88",this.previewCtx.lineWidth=3,this.previewCtx.strokeRect(1,p+1,n-2,r-2)),this.previewCtx.font="bold 16px monospace",this.previewCtx.fillStyle=this.detectedThisTick?"#00ff88":"rgba(255,255,255,0.7)",this.previewCtx.fillText(W,8,p+22)}if(this.detectedThisTick)break}}toGrayscale(t){const e=new Uint8Array(t.length/4);for(let o=0,i=0;o<t.length;o+=4,i++)e[i]=t[o]*66+t[o+1]*129+t[o+2]*25+4096>>8;return e}drawPoly(t){if(!(!this.polyCtx||t.length<4)){this.polyCtx.beginPath(),this.polyCtx.moveTo(t[0],t[1]);for(let e=2;e<t.length;e+=2)this.polyCtx.lineTo(t[e],t[e+1]);this.polyCtx.closePath(),this.polyCtx.lineWidth=2,this.polyCtx.strokeStyle="#FF0000",this.polyCtx.stroke()}}}h.BarcodeScanner=R,h.createOverlay=g,h.removeOverlay=C,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "web-wasm-barcode-reader",
+  "version": "1.0.0",
+  "description": "Barcode scanner powered by ZBar compiled to WebAssembly",
+  "keywords": ["barcode", "scanner", "wasm", "webassembly", "zbar", "qr-code"],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/niclasku/web-wasm-barcode-reader.git"
+  },
+  "type": "module",
+  "main": "dist/web-wasm-barcode-reader.umd.cjs",
+  "module": "dist/web-wasm-barcode-reader.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/web-wasm-barcode-reader.js",
+      "require": "./dist/web-wasm-barcode-reader.umd.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "public/a.out.js",
+    "public/a.out.wasm"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --noEmit && vite build",
+    "build:lib": "vite build --config vite.lib.config.ts && tsc --project tsconfig.lib.json",
+    "preview": "vite preview",
+    "prepublishOnly": "npm run build:lib"
+  },
+  "devDependencies": {
+    "typescript": "^5.7.0",
+    "vite": "^6.0.0"
+  }
+}

package/public/a.out.js

@@ -0,0 +1 @@
+var Module=typeof Module!=="undefined"?Module:{};var moduleOverrides={};var key;for(key in Module){if(Module.hasOwnProperty(key)){moduleOverrides[key]=Module[key]}}Module["arguments"]=[];Module["thisProgram"]="./this.program";Module["quit"]=(function(status,toThrow){throw toThrow});Module["preRun"]=[];Module["postRun"]=[];var ENVIRONMENT_IS_WEB=false;var ENVIRONMENT_IS_WORKER=false;var ENVIRONMENT_IS_NODE=false;var ENVIRONMENT_IS_SHELL=false;if(Module["ENVIRONMENT"]){if(Module["ENVIRONMENT"]==="WEB"){ENVIRONMENT_IS_WEB=true}else if(Module["ENVIRONMENT"]==="WORKER"){ENVIRONMENT_IS_WORKER=true}else if(Module["ENVIRONMENT"]==="NODE"){ENVIRONMENT_IS_NODE=true}else if(Module["ENVIRONMENT"]==="SHELL"){ENVIRONMENT_IS_SHELL=true}else{throw new Error("Module['ENVIRONMENT'] value is not valid. must be one of: WEB|WORKER|NODE|SHELL.")}}else{ENVIRONMENT_IS_WEB=typeof window==="object";ENVIRONMENT_IS_WORKER=typeof importScripts==="function";ENVIRONMENT_IS_NODE=typeof process==="object"&&typeof require==="function"&&!ENVIRONMENT_IS_WEB&&!ENVIRONMENT_IS_WORKER;ENVIRONMENT_IS_SHELL=!ENVIRONMENT_IS_WEB&&!ENVIRONMENT_IS_NODE&&!ENVIRONMENT_IS_WORKER}if(ENVIRONMENT_IS_NODE){var nodeFS;var nodePath;Module["read"]=function shell_read(filename,binary){var ret;if(!nodeFS)nodeFS=require("fs");if(!nodePath)nodePath=require("path");filename=nodePath["normalize"](filename);ret=nodeFS["readFileSync"](filename);return binary?ret:ret.toString()};Module["readBinary"]=function readBinary(filename){var ret=Module["read"](filename,true);if(!ret.buffer){ret=new Uint8Array(ret)}assert(ret.buffer);return ret};if(process["argv"].length>1){Module["thisProgram"]=process["argv"][1].replace(/\\/g,"/")}Module["arguments"]=process["argv"].slice(2);if(typeof module!=="undefined"){module["exports"]=Module}process["on"]("uncaughtException",(function(ex){if(!(ex instanceof ExitStatus)){throw ex}}));process["on"]("unhandledRejection",(function(reason,p){process["exit"](1)}));Module["inspect"]=(function(){return"[Emscripten Module object]"})}else if(ENVIRONMENT_IS_SHELL){if(typeof read!="undefined"){Module["read"]=function shell_read(f){return read(f)}}Module["readBinary"]=function readBinary(f){var data;if(typeof readbuffer==="function"){return new Uint8Array(readbuffer(f))}data=read(f,"binary");assert(typeof data==="object");return data};if(typeof scriptArgs!="undefined"){Module["arguments"]=scriptArgs}else if(typeof arguments!="undefined"){Module["arguments"]=arguments}if(typeof quit==="function"){Module["quit"]=(function(status,toThrow){quit(status)})}}else if(ENVIRONMENT_IS_WEB||ENVIRONMENT_IS_WORKER){Module["read"]=function shell_read(url){var xhr=new XMLHttpRequest;xhr.open("GET",url,false);xhr.send(null);return xhr.responseText};if(ENVIRONMENT_IS_WORKER){Module["readBinary"]=function readBinary(url){var xhr=new XMLHttpRequest;xhr.open("GET",url,false);xhr.responseType="arraybuffer";xhr.send(null);return new Uint8Array(xhr.response)}}Module["readAsync"]=function readAsync(url,onload,onerror){var xhr=new XMLHttpRequest;xhr.open("GET",url,true);xhr.responseType="arraybuffer";xhr.onload=function xhr_onload(){if(xhr.status==200||xhr.status==0&&xhr.response){onload(xhr.response);return}onerror()};xhr.onerror=onerror;xhr.send(null)};Module["setWindowTitle"]=(function(title){document.title=title})}Module["print"]=typeof console!=="undefined"?console.log.bind(console):typeof print!=="undefined"?print:null;Module["printErr"]=typeof printErr!=="undefined"?printErr:typeof console!=="undefined"&&console.warn.bind(console)||Module["print"];Module.print=Module["print"];Module.printErr=Module["printErr"];for(key in moduleOverrides){if(moduleOverrides.hasOwnProperty(key)){Module[key]=moduleOverrides[key]}}moduleOverrides=undefined;var STACK_ALIGN=16;function staticAlloc(size){assert(!staticSealed);var ret=STATICTOP;STATICTOP=STATICTOP+size+15&-16;return ret}function alignMemory(size,factor){if(!factor)factor=STACK_ALIGN;var ret=size=Math.ceil(size/factor)*factor;return ret}var functionPointers=new Array(0);var GLOBAL_BASE=1024;var ABORT=0;var EXITSTATUS=0;function assert(condition,text){if(!condition){abort("Assertion failed: "+text)}}function getCFunc(ident){var func=Module["_"+ident];assert(func,"Cannot call unknown function "+ident+", make sure it is exported");return func}var JSfuncs={"stackSave":(function(){stackSave()}),"stackRestore":(function(){stackRestore()}),"arrayToC":(function(arr){var ret=stackAlloc(arr.length);writeArrayToMemory(arr,ret);return ret}),"stringToC":(function(str){var ret=0;if(str!==null&&str!==undefined&&str!==0){var len=(str.length<<2)+1;ret=stackAlloc(len);stringToUTF8(str,ret,len)}return ret})};var toC={"string":JSfuncs["stringToC"],"array":JSfuncs["arrayToC"]};function ccall(ident,returnType,argTypes,args,opts){var func=getCFunc(ident);var cArgs=[];var stack=0;if(args){for(var i=0;i<args.length;i++){var converter=toC[argTypes[i]];if(converter){if(stack===0)stack=stackSave();cArgs[i]=converter(args[i])}else{cArgs[i]=args[i]}}}var ret=func.apply(null,cArgs);if(returnType==="string")ret=Pointer_stringify(ret);else if(returnType==="boolean")ret=Boolean(ret);if(stack!==0){stackRestore(stack)}return ret}function cwrap(ident,returnType,argTypes){argTypes=argTypes||[];var cfunc=getCFunc(ident);var numericArgs=argTypes.every((function(type){return type==="number"}));var numericRet=returnType!=="string";if(numericRet&&numericArgs){return cfunc}return(function(){return ccall(ident,returnType,argTypes,arguments)})}function Pointer_stringify(ptr,length){if(length===0||!ptr)return"";var hasUtf=0;var t;var i=0;while(1){t=HEAPU8[ptr+i>>0];hasUtf|=t;if(t==0&&!length)break;i++;if(length&&i==length)break}if(!length)length=i;var ret="";if(hasUtf<128){var MAX_CHUNK=1024;var curr;while(length>0){curr=String.fromCharCode.apply(String,HEAPU8.subarray(ptr,ptr+Math.min(length,MAX_CHUNK)));ret=ret?ret+curr:curr;ptr+=MAX_CHUNK;length-=MAX_CHUNK}return ret}return UTF8ToString(ptr)}var UTF8Decoder=typeof TextDecoder!=="undefined"?new TextDecoder("utf8"):undefined;function UTF8ArrayToString(u8Array,idx){var endPtr=idx;while(u8Array[endPtr])++endPtr;if(endPtr-idx>16&&u8Array.subarray&&UTF8Decoder){return UTF8Decoder.decode(u8Array.subarray(idx,endPtr))}else{var u0,u1,u2,u3,u4,u5;var str="";while(1){u0=u8Array[idx++];if(!u0)return str;if(!(u0&128)){str+=String.fromCharCode(u0);continue}u1=u8Array[idx++]&63;if((u0&224)==192){str+=String.fromCharCode((u0&31)<<6|u1);continue}u2=u8Array[idx++]&63;if((u0&240)==224){u0=(u0&15)<<12|u1<<6|u2}else{u3=u8Array[idx++]&63;if((u0&248)==240){u0=(u0&7)<<18|u1<<12|u2<<6|u3}else{u4=u8Array[idx++]&63;if((u0&252)==248){u0=(u0&3)<<24|u1<<18|u2<<12|u3<<6|u4}else{u5=u8Array[idx++]&63;u0=(u0&1)<<30|u1<<24|u2<<18|u3<<12|u4<<6|u5}}}if(u0<65536){str+=String.fromCharCode(u0)}else{var ch=u0-65536;str+=String.fromCharCode(55296|ch>>10,56320|ch&1023)}}}}function UTF8ToString(ptr){return UTF8ArrayToString(HEAPU8,ptr)}function stringToUTF8Array(str,outU8Array,outIdx,maxBytesToWrite){if(!(maxBytesToWrite>0))return 0;var startIdx=outIdx;var endIdx=outIdx+maxBytesToWrite-1;for(var i=0;i<str.length;++i){var u=str.charCodeAt(i);if(u>=55296&&u<=57343)u=65536+((u&1023)<<10)|str.charCodeAt(++i)&1023;if(u<=127){if(outIdx>=endIdx)break;outU8Array[outIdx++]=u}else if(u<=2047){if(outIdx+1>=endIdx)break;outU8Array[outIdx++]=192|u>>6;outU8Array[outIdx++]=128|u&63}else if(u<=65535){if(outIdx+2>=endIdx)break;outU8Array[outIdx++]=224|u>>12;outU8Array[outIdx++]=128|u>>6&63;outU8Array[outIdx++]=128|u&63}else if(u<=2097151){if(outIdx+3>=endIdx)break;outU8Array[outIdx++]=240|u>>18;outU8Array[outIdx++]=128|u>>12&63;outU8Array[outIdx++]=128|u>>6&63;outU8Array[outIdx++]=128|u&63}else if(u<=67108863){if(outIdx+4>=endIdx)break;outU8Array[outIdx++]=248|u>>24;outU8Array[outIdx++]=128|u>>18&63;outU8Array[outIdx++]=128|u>>12&63;outU8Array[outIdx++]=128|u>>6&63;outU8Array[outIdx++]=128|u&63}else{if(outIdx+5>=endIdx)break;outU8Array[outIdx++]=252|u>>30;outU8Array[outIdx++]=128|u>>24&63;outU8Array[outIdx++]=128|u>>18&63;outU8Array[outIdx++]=128|u>>12&63;outU8Array[outIdx++]=128|u>>6&63;outU8Array[outIdx++]=128|u&63}}outU8Array[outIdx]=0;return outIdx-startIdx}function stringToUTF8(str,outPtr,maxBytesToWrite){return stringToUTF8Array(str,HEAPU8,outPtr,maxBytesToWrite)}var UTF16Decoder=typeof TextDecoder!=="undefined"?new TextDecoder("utf-16le"):undefined;var WASM_PAGE_SIZE=65536;var ASMJS_PAGE_SIZE=16777216;function alignUp(x,multiple){if(x%multiple>0){x+=multiple-x%multiple}return x}var buffer,HEAP8,HEAPU8,HEAP16,HEAPU16,HEAP32,HEAPU32,HEAPF32,HEAPF64;function updateGlobalBuffer(buf){Module["buffer"]=buffer=buf}function updateGlobalBufferViews(){Module["HEAP8"]=HEAP8=new Int8Array(buffer);Module["HEAP16"]=HEAP16=new Int16Array(buffer);Module["HEAP32"]=HEAP32=new Int32Array(buffer);Module["HEAPU8"]=HEAPU8=new Uint8Array(buffer);Module["HEAPU16"]=HEAPU16=new Uint16Array(buffer);Module["HEAPU32"]=HEAPU32=new Uint32Array(buffer);Module["HEAPF32"]=HEAPF32=new Float32Array(buffer);Module["HEAPF64"]=HEAPF64=new Float64Array(buffer)}var STATIC_BASE,STATICTOP,staticSealed;var STACK_BASE,STACKTOP,STACK_MAX;var DYNAMIC_BASE,DYNAMICTOP_PTR;STATIC_BASE=STATICTOP=STACK_BASE=STACKTOP=STACK_MAX=DYNAMIC_BASE=DYNAMICTOP_PTR=0;staticSealed=false;function abortOnCannotGrowMemory(){abort("Cannot enlarge memory arrays. Either (1) compile with  -s TOTAL_MEMORY=X  with X higher than the current value "+TOTAL_MEMORY+", (2) compile with  -s ALLOW_MEMORY_GROWTH=1  which allows increasing the size at runtime, or (3) if you want malloc to return NULL (0) instead of this abort, compile with  -s ABORTING_MALLOC=0 ")}function enlargeMemory(){abortOnCannotGrowMemory()}var TOTAL_STACK=Module["TOTAL_STACK"]||5242880;var TOTAL_MEMORY=Module["TOTAL_MEMORY"]||16777216;if(TOTAL_MEMORY<TOTAL_STACK)Module.printErr("TOTAL_MEMORY should be larger than TOTAL_STACK, was "+TOTAL_MEMORY+"! (TOTAL_STACK="+TOTAL_STACK+")");if(Module["buffer"]){buffer=Module["buffer"]}else{if(typeof WebAssembly==="object"&&typeof WebAssembly.Memory==="function"){Module["wasmMemory"]=new WebAssembly.Memory({"initial":TOTAL_MEMORY/WASM_PAGE_SIZE,"maximum":TOTAL_MEMORY/WASM_PAGE_SIZE});buffer=Module["wasmMemory"].buffer}else{buffer=new ArrayBuffer(TOTAL_MEMORY)}Module["buffer"]=buffer}updateGlobalBufferViews();function getTotalMemory(){return TOTAL_MEMORY}HEAP32[0]=1668509029;HEAP16[1]=25459;if(HEAPU8[2]!==115||HEAPU8[3]!==99)throw"Runtime error: expected the system to be little-endian!";function callRuntimeCallbacks(callbacks){while(callbacks.length>0){var callback=callbacks.shift();if(typeof callback=="function"){callback();continue}var func=callback.func;if(typeof func==="number"){if(callback.arg===undefined){Module["dynCall_v"](func)}else{Module["dynCall_vi"](func,callback.arg)}}else{func(callback.arg===undefined?null:callback.arg)}}}var __ATPRERUN__=[];var __ATINIT__=[];var __ATMAIN__=[];var __ATEXIT__=[];var __ATPOSTRUN__=[];var runtimeInitialized=false;var runtimeExited=false;function preRun(){if(Module["preRun"]){if(typeof Module["preRun"]=="function")Module["preRun"]=[Module["preRun"]];while(Module["preRun"].length){addOnPreRun(Module["preRun"].shift())}}callRuntimeCallbacks(__ATPRERUN__)}function ensureInitRuntime(){if(runtimeInitialized)return;runtimeInitialized=true;callRuntimeCallbacks(__ATINIT__)}function preMain(){callRuntimeCallbacks(__ATMAIN__)}function exitRuntime(){callRuntimeCallbacks(__ATEXIT__);runtimeExited=true}function postRun(){if(Module["postRun"]){if(typeof Module["postRun"]=="function")Module["postRun"]=[Module["postRun"]];while(Module["postRun"].length){addOnPostRun(Module["postRun"].shift())}}callRuntimeCallbacks(__ATPOSTRUN__)}function addOnPreRun(cb){__ATPRERUN__.unshift(cb)}function addOnPostRun(cb){__ATPOSTRUN__.unshift(cb)}function writeArrayToMemory(array,buffer){HEAP8.set(array,buffer)}var Math_abs=Math.abs;var Math_cos=Math.cos;var Math_sin=Math.sin;var Math_tan=Math.tan;var Math_acos=Math.acos;var Math_asin=Math.asin;var Math_atan=Math.atan;var Math_atan2=Math.atan2;var Math_exp=Math.exp;var Math_log=Math.log;var Math_sqrt=Math.sqrt;var Math_ceil=Math.ceil;var Math_floor=Math.floor;var Math_pow=Math.pow;var Math_imul=Math.imul;var Math_fround=Math.fround;var Math_round=Math.round;var Math_min=Math.min;var Math_max=Math.max;var Math_clz32=Math.clz32;var Math_trunc=Math.trunc;var runDependencies=0;var runDependencyWatcher=null;var dependenciesFulfilled=null;function addRunDependency(id){runDependencies++;if(Module["monitorRunDependencies"]){Module["monitorRunDependencies"](runDependencies)}}function removeRunDependency(id){runDependencies--;if(Module["monitorRunDependencies"]){Module["monitorRunDependencies"](runDependencies)}if(runDependencies==0){if(runDependencyWatcher!==null){clearInterval(runDependencyWatcher);runDependencyWatcher=null}if(dependenciesFulfilled){var callback=dependenciesFulfilled;dependenciesFulfilled=null;callback()}}}Module["preloadedImages"]={};Module["preloadedAudios"]={};var dataURIPrefix="data:application/octet-stream;base64,";function isDataURI(filename){return String.prototype.startsWith?filename.startsWith(dataURIPrefix):filename.indexOf(dataURIPrefix)===0}function integrateWasmJS(){var wasmTextFile="a.out.wast";var wasmBinaryFile="a.out.wasm";var asmjsCodeFile="a.out.temp.asm.js";if(typeof Module["locateFile"]==="function"){if(!isDataURI(wasmTextFile)){wasmTextFile=Module["locateFile"](wasmTextFile)}if(!isDataURI(wasmBinaryFile)){wasmBinaryFile=Module["locateFile"](wasmBinaryFile)}if(!isDataURI(asmjsCodeFile)){asmjsCodeFile=Module["locateFile"](asmjsCodeFile)}}var wasmPageSize=64*1024;var info={"global":null,"env":null,"asm2wasm":{"f64-rem":(function(x,y){return x%y}),"debugger":(function(){debugger})},"parent":Module};var exports=null;function mergeMemory(newBuffer){var oldBuffer=Module["buffer"];if(newBuffer.byteLength<oldBuffer.byteLength){Module["printErr"]("the new buffer in mergeMemory is smaller than the previous one. in native wasm, we should grow memory here")}var oldView=new Int8Array(oldBuffer);var newView=new Int8Array(newBuffer);newView.set(oldView);updateGlobalBuffer(newBuffer);updateGlobalBufferViews()}function fixImports(imports){return imports}function getBinary(){try{if(Module["wasmBinary"]){return new Uint8Array(Module["wasmBinary"])}if(Module["readBinary"]){return Module["readBinary"](wasmBinaryFile)}else{throw"on the web, we need the wasm binary to be preloaded and set on Module['wasmBinary']. emcc.py will do that for you when generating HTML (but not JS)"}}catch(err){abort(err)}}function getBinaryPromise(){if(!Module["wasmBinary"]&&(ENVIRONMENT_IS_WEB||ENVIRONMENT_IS_WORKER)&&typeof fetch==="function"){return fetch(wasmBinaryFile,{credentials:"same-origin"}).then((function(response){if(!response["ok"]){throw"failed to load wasm binary file at '"+wasmBinaryFile+"'"}return response["arrayBuffer"]()})).catch((function(){return getBinary()}))}return new Promise((function(resolve,reject){resolve(getBinary())}))}function doNativeWasm(global,env,providedBuffer){if(typeof WebAssembly!=="object"){Module["printErr"]("no native wasm support detected");return false}if(!(Module["wasmMemory"]instanceof WebAssembly.Memory)){Module["printErr"]("no native wasm Memory in use");return false}env["memory"]=Module["wasmMemory"];info["global"]={"NaN":NaN,"Infinity":Infinity};info["global.Math"]=Math;info["env"]=env;function receiveInstance(instance,module){exports=instance.exports;if(exports.memory)mergeMemory(exports.memory);Module["asm"]=exports;Module["usingWasm"]=true;removeRunDependency("wasm-instantiate")}addRunDependency("wasm-instantiate");if(Module["instantiateWasm"]){try{return Module["instantiateWasm"](info,receiveInstance)}catch(e){Module["printErr"]("Module.instantiateWasm callback failed with error: "+e);return false}}function receiveInstantiatedSource(output){receiveInstance(output["instance"],output["module"])}function instantiateArrayBuffer(receiver){getBinaryPromise().then((function(binary){return WebAssembly.instantiate(binary,info)})).then(receiver).catch((function(reason){Module["printErr"]("failed to asynchronously prepare wasm: "+reason);abort(reason)}))}if(!Module["wasmBinary"]&&typeof WebAssembly.instantiateStreaming==="function"&&!isDataURI(wasmBinaryFile)&&typeof fetch==="function"){WebAssembly.instantiateStreaming(fetch(wasmBinaryFile,{credentials:"same-origin"}),info).then(receiveInstantiatedSource).catch((function(reason){Module["printErr"]("wasm streaming compile failed: "+reason);Module["printErr"]("falling back to ArrayBuffer instantiation");instantiateArrayBuffer(receiveInstantiatedSource)}))}else{instantiateArrayBuffer(receiveInstantiatedSource)}return{}}Module["asmPreload"]=Module["asm"];var asmjsReallocBuffer=Module["reallocBuffer"];var wasmReallocBuffer=(function(size){var PAGE_MULTIPLE=Module["usingWasm"]?WASM_PAGE_SIZE:ASMJS_PAGE_SIZE;size=alignUp(size,PAGE_MULTIPLE);var old=Module["buffer"];var oldSize=old.byteLength;if(Module["usingWasm"]){try{var result=Module["wasmMemory"].grow((size-oldSize)/wasmPageSize);if(result!==(-1|0)){return Module["buffer"]=Module["wasmMemory"].buffer}else{return null}}catch(e){return null}}});Module["reallocBuffer"]=(function(size){if(finalMethod==="asmjs"){return asmjsReallocBuffer(size)}else{return wasmReallocBuffer(size)}});var finalMethod="";Module["asm"]=(function(global,env,providedBuffer){env=fixImports(env);if(!env["table"]){var TABLE_SIZE=Module["wasmTableSize"];if(TABLE_SIZE===undefined)TABLE_SIZE=1024;var MAX_TABLE_SIZE=Module["wasmMaxTableSize"];if(typeof WebAssembly==="object"&&typeof WebAssembly.Table==="function"){if(MAX_TABLE_SIZE!==undefined){env["table"]=new WebAssembly.Table({"initial":TABLE_SIZE,"maximum":MAX_TABLE_SIZE,"element":"anyfunc"})}else{env["table"]=new WebAssembly.Table({"initial":TABLE_SIZE,element:"anyfunc"})}}else{env["table"]=new Array(TABLE_SIZE)}Module["wasmTable"]=env["table"]}if(!env["memoryBase"]){env["memoryBase"]=Module["STATIC_BASE"]}if(!env["tableBase"]){env["tableBase"]=0}var exports;exports=doNativeWasm(global,env,providedBuffer);if(!exports)abort("no binaryen method succeeded. consider enabling more options, like interpreting, if you want that: https://github.com/kripken/emscripten/wiki/WebAssembly#binaryen-methods");return exports})}integrateWasmJS();STATIC_BASE=GLOBAL_BASE;STATICTOP=STATIC_BASE+136976;__ATINIT__.push();var STATIC_BUMP=136976;Module["STATIC_BASE"]=STATIC_BASE;Module["STATIC_BUMP"]=STATIC_BUMP;STATICTOP+=16;function ___assert_fail(condition,filename,line,func){abort("Assertion failed: "+Pointer_stringify(condition)+", at: "+[filename?Pointer_stringify(filename):"unknown filename",line,func?Pointer_stringify(func):"unknown function"])}var SYSCALLS={varargs:0,get:(function(varargs){SYSCALLS.varargs+=4;var ret=HEAP32[SYSCALLS.varargs-4>>2];return ret}),getStr:(function(){var ret=Pointer_stringify(SYSCALLS.get());return ret}),get64:(function(){var low=SYSCALLS.get(),high=SYSCALLS.get();if(low>=0)assert(high===0);else assert(high===-1);return low}),getZero:(function(){assert(SYSCALLS.get()===0)})};function ___syscall140(which,varargs){SYSCALLS.varargs=varargs;try{var stream=SYSCALLS.getStreamFromFD(),offset_high=SYSCALLS.get(),offset_low=SYSCALLS.get(),result=SYSCALLS.get(),whence=SYSCALLS.get();var offset=offset_low;FS.llseek(stream,offset,whence);HEAP32[result>>2]=stream.position;if(stream.getdents&&offset===0&&whence===0)stream.getdents=null;return 0}catch(e){if(typeof FS==="undefined"||!(e instanceof FS.ErrnoError))abort(e);return-e.errno}}function ___syscall146(which,varargs){SYSCALLS.varargs=varargs;try{var stream=SYSCALLS.get(),iov=SYSCALLS.get(),iovcnt=SYSCALLS.get();var ret=0;if(!___syscall146.buffers){___syscall146.buffers=[null,[],[]];___syscall146.printChar=(function(stream,curr){var buffer=___syscall146.buffers[stream];assert(buffer);if(curr===0||curr===10){(stream===1?Module["print"]:Module["printErr"])(UTF8ArrayToString(buffer,0));buffer.length=0}else{buffer.push(curr)}})}for(var i=0;i<iovcnt;i++){var ptr=HEAP32[iov+i*8>>2];var len=HEAP32[iov+(i*8+4)>>2];for(var j=0;j<len;j++){___syscall146.printChar(stream,HEAPU8[ptr+j])}ret+=len}return ret}catch(e){if(typeof FS==="undefined"||!(e instanceof FS.ErrnoError))abort(e);return-e.errno}}function ___syscall54(which,varargs){SYSCALLS.varargs=varargs;try{return 0}catch(e){if(typeof FS==="undefined"||!(e instanceof FS.ErrnoError))abort(e);return-e.errno}}function ___syscall6(which,varargs){SYSCALLS.varargs=varargs;try{var stream=SYSCALLS.getStreamFromFD();FS.close(stream);return 0}catch(e){if(typeof FS==="undefined"||!(e instanceof FS.ErrnoError))abort(e);return-e.errno}}function _emscripten_get_now(){abort()}function _emscripten_get_now_is_monotonic(){return ENVIRONMENT_IS_NODE||typeof dateNow!=="undefined"||(ENVIRONMENT_IS_WEB||ENVIRONMENT_IS_WORKER)&&self["performance"]&&self["performance"]["now"]}var ERRNO_CODES={EPERM:1,ENOENT:2,ESRCH:3,EINTR:4,EIO:5,ENXIO:6,E2BIG:7,ENOEXEC:8,EBADF:9,ECHILD:10,EAGAIN:11,EWOULDBLOCK:11,ENOMEM:12,EACCES:13,EFAULT:14,ENOTBLK:15,EBUSY:16,EEXIST:17,EXDEV:18,ENODEV:19,ENOTDIR:20,EISDIR:21,EINVAL:22,ENFILE:23,EMFILE:24,ENOTTY:25,ETXTBSY:26,EFBIG:27,ENOSPC:28,ESPIPE:29,EROFS:30,EMLINK:31,EPIPE:32,EDOM:33,ERANGE:34,ENOMSG:42,EIDRM:43,ECHRNG:44,EL2NSYNC:45,EL3HLT:46,EL3RST:47,ELNRNG:48,EUNATCH:49,ENOCSI:50,EL2HLT:51,EDEADLK:35,ENOLCK:37,EBADE:52,EBADR:53,EXFULL:54,ENOANO:55,EBADRQC:56,EBADSLT:57,EDEADLOCK:35,EBFONT:59,ENOSTR:60,ENODATA:61,ETIME:62,ENOSR:63,ENONET:64,ENOPKG:65,EREMOTE:66,ENOLINK:67,EADV:68,ESRMNT:69,ECOMM:70,EPROTO:71,EMULTIHOP:72,EDOTDOT:73,EBADMSG:74,ENOTUNIQ:76,EBADFD:77,EREMCHG:78,ELIBACC:79,ELIBBAD:80,ELIBSCN:81,ELIBMAX:82,ELIBEXEC:83,ENOSYS:38,ENOTEMPTY:39,ENAMETOOLONG:36,ELOOP:40,EOPNOTSUPP:95,EPFNOSUPPORT:96,ECONNRESET:104,ENOBUFS:105,EAFNOSUPPORT:97,EPROTOTYPE:91,ENOTSOCK:88,ENOPROTOOPT:92,ESHUTDOWN:108,ECONNREFUSED:111,EADDRINUSE:98,ECONNABORTED:103,ENETUNREACH:101,ENETDOWN:100,ETIMEDOUT:110,EHOSTDOWN:112,EHOSTUNREACH:113,EINPROGRESS:115,EALREADY:114,EDESTADDRREQ:89,EMSGSIZE:90,EPROTONOSUPPORT:93,ESOCKTNOSUPPORT:94,EADDRNOTAVAIL:99,ENETRESET:102,EISCONN:106,ENOTCONN:107,ETOOMANYREFS:109,EUSERS:87,EDQUOT:122,ESTALE:116,ENOTSUP:95,ENOMEDIUM:123,EILSEQ:84,EOVERFLOW:75,ECANCELED:125,ENOTRECOVERABLE:131,EOWNERDEAD:130,ESTRPIPE:86};function ___setErrNo(value){if(Module["___errno_location"])HEAP32[Module["___errno_location"]()>>2]=value;return value}function _clock_gettime(clk_id,tp){var now;if(clk_id===0){now=Date.now()}else if(clk_id===1&&_emscripten_get_now_is_monotonic()){now=_emscripten_get_now()}else{___setErrNo(ERRNO_CODES.EINVAL);return-1}HEAP32[tp>>2]=now/1e3|0;HEAP32[tp+4>>2]=now%1e3*1e3*1e3|0;return 0}function _js_output_result(symbol,data,polygon,polygon_size){const Pointer_stringify=Module["Pointer_stringify"];const resultView=new Int32Array(Module.HEAP32.buffer,polygon,polygon_size*2);const flatCoords=new Int32Array(resultView);const coordinates=flatCoords;const downstreamProcessor=Module["processResult"];if(downstreamProcessor==null){throw new Error("No downstream processing function set")}downstreamProcessor(Pointer_stringify(symbol),Pointer_stringify(data),coordinates)}function _llvm_stackrestore(p){var self=_llvm_stacksave;var ret=self.LLVM_SAVEDSTACKS[p];self.LLVM_SAVEDSTACKS.splice(p,1);stackRestore(ret)}function _llvm_stacksave(){var self=_llvm_stacksave;if(!self.LLVM_SAVEDSTACKS){self.LLVM_SAVEDSTACKS=[]}self.LLVM_SAVEDSTACKS.push(stackSave());return self.LLVM_SAVEDSTACKS.length-1}function _emscripten_memcpy_big(dest,src,num){HEAPU8.set(HEAPU8.subarray(src,src+num),dest);return dest}if(ENVIRONMENT_IS_NODE){_emscripten_get_now=function _emscripten_get_now_actual(){var t=process["hrtime"]();return t[0]*1e3+t[1]/1e6}}else if(typeof dateNow!=="undefined"){_emscripten_get_now=dateNow}else if(typeof self==="object"&&self["performance"]&&typeof self["performance"]["now"]==="function"){_emscripten_get_now=(function(){return self["performance"]["now"]()})}else if(typeof performance==="object"&&typeof performance["now"]==="function"){_emscripten_get_now=(function(){return performance["now"]()})}else{_emscripten_get_now=Date.now}DYNAMICTOP_PTR=staticAlloc(4);STACK_BASE=STACKTOP=alignMemory(STATICTOP);STACK_MAX=STACK_BASE+TOTAL_STACK;DYNAMIC_BASE=alignMemory(STACK_MAX);HEAP32[DYNAMICTOP_PTR>>2]=DYNAMIC_BASE;staticSealed=true;Module["wasmTableSize"]=19;Module["wasmMaxTableSize"]=19;Module.asmGlobalArg={};Module.asmLibraryArg={"abort":abort,"enlargeMemory":enlargeMemory,"getTotalMemory":getTotalMemory,"abortOnCannotGrowMemory":abortOnCannotGrowMemory,"___assert_fail":___assert_fail,"___setErrNo":___setErrNo,"___syscall140":___syscall140,"___syscall146":___syscall146,"___syscall54":___syscall54,"___syscall6":___syscall6,"_clock_gettime":_clock_gettime,"_emscripten_memcpy_big":_emscripten_memcpy_big,"_js_output_result":_js_output_result,"_llvm_stackrestore":_llvm_stackrestore,"_llvm_stacksave":_llvm_stacksave,"DYNAMICTOP_PTR":DYNAMICTOP_PTR,"STACKTOP":STACKTOP};var asm=Module["asm"](Module.asmGlobalArg,Module.asmLibraryArg,buffer);Module["asm"]=asm;var ___errno_location=Module["___errno_location"]=(function(){return Module["asm"]["___errno_location"].apply(null,arguments)});var _create_buffer=Module["_create_buffer"]=(function(){return Module["asm"]["_create_buffer"].apply(null,arguments)});var _destroy_buffer=Module["_destroy_buffer"]=(function(){return Module["asm"]["_destroy_buffer"].apply(null,arguments)});var _scan_image=Module["_scan_image"]=(function(){return Module["asm"]["_scan_image"].apply(null,arguments)});var stackAlloc=Module["stackAlloc"]=(function(){return Module["asm"]["stackAlloc"].apply(null,arguments)});var stackRestore=Module["stackRestore"]=(function(){return Module["asm"]["stackRestore"].apply(null,arguments)});var stackSave=Module["stackSave"]=(function(){return Module["asm"]["stackSave"].apply(null,arguments)});var dynCall_vi=Module["dynCall_vi"]=(function(){return Module["asm"]["dynCall_vi"].apply(null,arguments)});Module["asm"]=asm;Module["cwrap"]=cwrap;Module["Pointer_stringify"]=Pointer_stringify;function ExitStatus(status){this.name="ExitStatus";this.message="Program terminated with exit("+status+")";this.status=status}ExitStatus.prototype=new Error;ExitStatus.prototype.constructor=ExitStatus;var initialStackTop;dependenciesFulfilled=function runCaller(){if(!Module["calledRun"])run();if(!Module["calledRun"])dependenciesFulfilled=runCaller};function run(args){args=args||Module["arguments"];if(runDependencies>0){return}preRun();if(runDependencies>0)return;if(Module["calledRun"])return;function doRun(){if(Module["calledRun"])return;Module["calledRun"]=true;if(ABORT)return;ensureInitRuntime();preMain();if(Module["onRuntimeInitialized"])Module["onRuntimeInitialized"]();postRun()}if(Module["setStatus"]){Module["setStatus"]("Running...");setTimeout((function(){setTimeout((function(){Module["setStatus"]("")}),1);doRun()}),1)}else{doRun()}}Module["run"]=run;function exit(status,implicit){if(implicit&&Module["noExitRuntime"]&&status===0){return}if(Module["noExitRuntime"]){}else{ABORT=true;EXITSTATUS=status;STACKTOP=initialStackTop;exitRuntime();if(Module["onExit"])Module["onExit"](status)}if(ENVIRONMENT_IS_NODE){process["exit"](status)}Module["quit"](status,new ExitStatus(status))}Module["exit"]=exit;function abort(what){if(Module["onAbort"]){Module["onAbort"](what)}if(what!==undefined){Module.print(what);Module.printErr(what);what=JSON.stringify(what)}else{what=""}ABORT=true;EXITSTATUS=1;throw"abort("+what+"). Build with -s ASSERTIONS=1 for more info."}Module["abort"]=abort;if(Module["preInit"]){if(typeof Module["preInit"]=="function")Module["preInit"]=[Module["preInit"]];while(Module["preInit"].length>0){Module["preInit"].pop()()}}Module["noExitRuntime"]=true;run()