@uziee/document-scanner 1.1.0

package/README.md

@@ -0,0 +1,18 @@
+# @uzair2244/document-scanner
+
+A high-performance, lightweight React component for real-time document detection, stability filtering, and perspective-corrected scanning. 
+
+## 🚀 Key Features
+
+* **Real-Time Edge Detection:** Custom pixel-analysis algorithm to identify documents without the overhead of OpenCV.
+* **Anti-Jitter Stability:** Built-in "Stability Counter" that prevents false triggers from noisy backgrounds or rugs.
+* **Bilinear Warp Transformation:** Automatically "flattens" skewed documents into a clean, rectangular A4-proportioned image.
+* **Zero Dependencies:** Runs entirely on native Canvas API—no massive WASM files or external ML models.
+* **High-Res Capture:** Analyzes a low-res stream for performance but captures the final document from the full-resolution camera feed.
+
+---
+
+## 📦 Installation
+
+```bash
+npm install @uzair2244/document-scanner

package/dist/index.es.js

@@ -0,0 +1,748 @@
+import $e, { useRef as z, useState as Ye, useEffect as vr } from "react";
+var he = { exports: {} }, Q = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var We;
+function pr() {
+  if (We)
+    return Q;
+  We = 1;
+  var U = $e, m = Symbol.for("react.element"), V = Symbol.for("react.fragment"), k = Object.prototype.hasOwnProperty, W = U.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, B = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function j(D, v, N) {
+    var E, M = {}, $ = null, J = null;
+    N !== void 0 && ($ = "" + N), v.key !== void 0 && ($ = "" + v.key), v.ref !== void 0 && (J = v.ref);
+    for (E in v)
+      k.call(v, E) && !B.hasOwnProperty(E) && (M[E] = v[E]);
+    if (D && D.defaultProps)
+      for (E in v = D.defaultProps, v)
+        M[E] === void 0 && (M[E] = v[E]);
+    return { $$typeof: m, type: D, key: $, ref: J, props: M, _owner: W.current };
+  }
+  return Q.Fragment = V, Q.jsx = j, Q.jsxs = j, Q;
+}
+var ee = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Me;
+function hr() {
+  return Me || (Me = 1, {}.NODE_ENV !== "production" && function() {
+    var U = $e, m = Symbol.for("react.element"), V = Symbol.for("react.portal"), k = Symbol.for("react.fragment"), W = Symbol.for("react.strict_mode"), B = Symbol.for("react.profiler"), j = Symbol.for("react.provider"), D = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), N = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), M = Symbol.for("react.memo"), $ = Symbol.for("react.lazy"), J = Symbol.for("react.offscreen"), a = Symbol.iterator, f = "@@iterator";
+    function d(e) {
+      if (e === null || typeof e != "object")
+        return null;
+      var r = a && e[a] || e[f];
+      return typeof r == "function" ? r : null;
+    }
+    var s = U.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function l(e) {
+      {
+        for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
+          t[n - 1] = arguments[n];
+        O("error", e, t);
+      }
+    }
+    function O(e, r, t) {
+      {
+        var n = s.ReactDebugCurrentFrame, u = n.getStackAddendum();
+        u !== "" && (r += "%s", t = t.concat([u]));
+        var c = t.map(function(i) {
+          return String(i);
+        });
+        c.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, c);
+      }
+    }
+    var h = !1, y = !1, C = !1, F = !1, Y = !1, P;
+    P = Symbol.for("react.module.reference");
+    function A(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === k || e === B || Y || e === W || e === N || e === E || F || e === J || h || y || C || typeof e == "object" && e !== null && (e.$$typeof === $ || e.$$typeof === M || e.$$typeof === j || e.$$typeof === D || e.$$typeof === v || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      e.$$typeof === P || e.getModuleId !== void 0));
+    }
+    function _(e, r, t) {
+      var n = e.displayName;
+      if (n)
+        return n;
+      var u = r.displayName || r.name || "";
+      return u !== "" ? t + "(" + u + ")" : t;
+    }
+    function R(e) {
+      return e.displayName || "Context";
+    }
+    function b(e) {
+      if (e == null)
+        return null;
+      if (typeof e.tag == "number" && l("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+        return e.displayName || e.name || null;
+      if (typeof e == "string")
+        return e;
+      switch (e) {
+        case k:
+          return "Fragment";
+        case V:
+          return "Portal";
+        case B:
+          return "Profiler";
+        case W:
+          return "StrictMode";
+        case N:
+          return "Suspense";
+        case E:
+          return "SuspenseList";
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case D:
+            var r = e;
+            return R(r) + ".Consumer";
+          case j:
+            var t = e;
+            return R(t._context) + ".Provider";
+          case v:
+            return _(e, e.render, "ForwardRef");
+          case M:
+            var n = e.displayName || null;
+            return n !== null ? n : b(e.type) || "Memo";
+          case $: {
+            var u = e, c = u._payload, i = u._init;
+            try {
+              return b(i(c));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var w = Object.assign, L = 0, G, oe, ge, be, me, ye, Re;
+    function Ee() {
+    }
+    Ee.__reactDisabledLog = !0;
+    function Le() {
+      {
+        if (L === 0) {
+          G = console.log, oe = console.info, ge = console.warn, be = console.error, me = console.group, ye = console.groupCollapsed, Re = console.groupEnd;
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            value: Ee,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
+          });
+        }
+        L++;
+      }
+    }
+    function Ue() {
+      {
+        if (L--, L === 0) {
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: w({}, e, {
+              value: G
+            }),
+            info: w({}, e, {
+              value: oe
+            }),
+            warn: w({}, e, {
+              value: ge
+            }),
+            error: w({}, e, {
+              value: be
+            }),
+            group: w({}, e, {
+              value: me
+            }),
+            groupCollapsed: w({}, e, {
+              value: ye
+            }),
+            groupEnd: w({}, e, {
+              value: Re
+            })
+          });
+        }
+        L < 0 && l("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var ie = s.ReactCurrentDispatcher, se;
+    function re(e, r, t) {
+      {
+        if (se === void 0)
+          try {
+            throw Error();
+          } catch (u) {
+            var n = u.stack.trim().match(/\n( *(at )?)/);
+            se = n && n[1] || "";
+          }
+        return `
+` + se + e;
+      }
+    }
+    var ue = !1, te;
+    {
+      var Ve = typeof WeakMap == "function" ? WeakMap : Map;
+      te = new Ve();
+    }
+    function _e(e, r) {
+      if (!e || ue)
+        return "";
+      {
+        var t = te.get(e);
+        if (t !== void 0)
+          return t;
+      }
+      var n;
+      ue = !0;
+      var u = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var c;
+      c = ie.current, ie.current = null, Le();
+      try {
+        if (r) {
+          var i = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(i.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(i, []);
+            } catch (T) {
+              n = T;
+            }
+            Reflect.construct(e, [], i);
+          } else {
+            try {
+              i.call();
+            } catch (T) {
+              n = T;
+            }
+            e.call(i.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (T) {
+            n = T;
+          }
+          e();
+        }
+      } catch (T) {
+        if (T && n && typeof T.stack == "string") {
+          for (var o = T.stack.split(`
+`), x = n.stack.split(`
+`), p = o.length - 1, g = x.length - 1; p >= 1 && g >= 0 && o[p] !== x[g]; )
+            g--;
+          for (; p >= 1 && g >= 0; p--, g--)
+            if (o[p] !== x[g]) {
+              if (p !== 1 || g !== 1)
+                do
+                  if (p--, g--, g < 0 || o[p] !== x[g]) {
+                    var I = `
+` + o[p].replace(" at new ", " at ");
+                    return e.displayName && I.includes("<anonymous>") && (I = I.replace("<anonymous>", e.displayName)), typeof e == "function" && te.set(e, I), I;
+                  }
+                while (p >= 1 && g >= 0);
+              break;
+            }
+        }
+      } finally {
+        ue = !1, ie.current = c, Ue(), Error.prepareStackTrace = u;
+      }
+      var K = e ? e.displayName || e.name : "", q = K ? re(K) : "";
+      return typeof e == "function" && te.set(e, q), q;
+    }
+    function Ne(e, r, t) {
+      return _e(e, !1);
+    }
+    function Be(e) {
+      var r = e.prototype;
+      return !!(r && r.isReactComponent);
+    }
+    function ne(e, r, t) {
+      if (e == null)
+        return "";
+      if (typeof e == "function")
+        return _e(e, Be(e));
+      if (typeof e == "string")
+        return re(e);
+      switch (e) {
+        case N:
+          return re("Suspense");
+        case E:
+          return re("SuspenseList");
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case v:
+            return Ne(e.render);
+          case M:
+            return ne(e.type, r, t);
+          case $: {
+            var n = e, u = n._payload, c = n._init;
+            try {
+              return ne(c(u), r, t);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var X = Object.prototype.hasOwnProperty, xe = {}, Ce = s.ReactDebugCurrentFrame;
+    function ae(e) {
+      if (e) {
+        var r = e._owner, t = ne(e.type, e._source, r ? r.type : null);
+        Ce.setExtraStackFrame(t);
+      } else
+        Ce.setExtraStackFrame(null);
+    }
+    function qe(e, r, t, n, u) {
+      {
+        var c = Function.call.bind(X);
+        for (var i in e)
+          if (c(e, i)) {
+            var o = void 0;
+            try {
+              if (typeof e[i] != "function") {
+                var x = Error((n || "React class") + ": " + t + " type `" + i + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[i] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw x.name = "Invariant Violation", x;
+              }
+              o = e[i](r, i, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (p) {
+              o = p;
+            }
+            o && !(o instanceof Error) && (ae(u), l("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, i, typeof o), ae(null)), o instanceof Error && !(o.message in xe) && (xe[o.message] = !0, ae(u), l("Failed %s type: %s", t, o.message), ae(null));
+          }
+      }
+    }
+    var Je = Array.isArray;
+    function le(e) {
+      return Je(e);
+    }
+    function He(e) {
+      {
+        var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return t;
+      }
+    }
+    function Ke(e) {
+      try {
+        return we(e), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function we(e) {
+      return "" + e;
+    }
+    function Te(e) {
+      if (Ke(e))
+        return l("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", He(e)), we(e);
+    }
+    var Z = s.ReactCurrentOwner, ze = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, Se, je, ce;
+    ce = {};
+    function Ge(e) {
+      if (X.call(e, "ref")) {
+        var r = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (r && r.isReactWarning)
+          return !1;
+      }
+      return e.ref !== void 0;
+    }
+    function Xe(e) {
+      if (X.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning)
+          return !1;
+      }
+      return e.key !== void 0;
+    }
+    function Ze(e, r) {
+      if (typeof e.ref == "string" && Z.current && r && Z.current.stateNode !== r) {
+        var t = b(Z.current.type);
+        ce[t] || (l('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', b(Z.current.type), e.ref), ce[t] = !0);
+      }
+    }
+    function Qe(e, r) {
+      {
+        var t = function() {
+          Se || (Se = !0, l("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+        };
+        t.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: t,
+          configurable: !0
+        });
+      }
+    }
+    function er(e, r) {
+      {
+        var t = function() {
+          je || (je = !0, l("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+        };
+        t.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: t,
+          configurable: !0
+        });
+      }
+    }
+    var rr = function(e, r, t, n, u, c, i) {
+      var o = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: m,
+        // Built-in properties that belong on the element
+        type: e,
+        key: r,
+        ref: t,
+        props: i,
+        // Record the component responsible for creating this element.
+        _owner: c
+      };
+      return o._store = {}, Object.defineProperty(o._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(o, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: n
+      }), Object.defineProperty(o, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: u
+      }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
+    };
+    function tr(e, r, t, n, u) {
+      {
+        var c, i = {}, o = null, x = null;
+        t !== void 0 && (Te(t), o = "" + t), Xe(r) && (Te(r.key), o = "" + r.key), Ge(r) && (x = r.ref, Ze(r, u));
+        for (c in r)
+          X.call(r, c) && !ze.hasOwnProperty(c) && (i[c] = r[c]);
+        if (e && e.defaultProps) {
+          var p = e.defaultProps;
+          for (c in p)
+            i[c] === void 0 && (i[c] = p[c]);
+        }
+        if (o || x) {
+          var g = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          o && Qe(i, g), x && er(i, g);
+        }
+        return rr(e, o, x, u, n, Z.current, i);
+      }
+    }
+    var fe = s.ReactCurrentOwner, Oe = s.ReactDebugCurrentFrame;
+    function H(e) {
+      if (e) {
+        var r = e._owner, t = ne(e.type, e._source, r ? r.type : null);
+        Oe.setExtraStackFrame(t);
+      } else
+        Oe.setExtraStackFrame(null);
+    }
+    var de;
+    de = !1;
+    function ve(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === m;
+    }
+    function Pe() {
+      {
+        if (fe.current) {
+          var e = b(fe.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+    }
+    function nr(e) {
+      {
+        if (e !== void 0) {
+          var r = e.fileName.replace(/^.*[\\\/]/, ""), t = e.lineNumber;
+          return `
+
+Check your code at ` + r + ":" + t + ".";
+        }
+        return "";
+      }
+    }
+    var ke = {};
+    function ar(e) {
+      {
+        var r = Pe();
+        if (!r) {
+          var t = typeof e == "string" ? e : e.displayName || e.name;
+          t && (r = `
+
+Check the top-level render call using <` + t + ">.");
+        }
+        return r;
+      }
+    }
+    function De(e, r) {
+      {
+        if (!e._store || e._store.validated || e.key != null)
+          return;
+        e._store.validated = !0;
+        var t = ar(r);
+        if (ke[t])
+          return;
+        ke[t] = !0;
+        var n = "";
+        e && e._owner && e._owner !== fe.current && (n = " It was passed a child from " + b(e._owner.type) + "."), H(e), l('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), H(null);
+      }
+    }
+    function Fe(e, r) {
+      {
+        if (typeof e != "object")
+          return;
+        if (le(e))
+          for (var t = 0; t < e.length; t++) {
+            var n = e[t];
+            ve(n) && De(n, r);
+          }
+        else if (ve(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var u = d(e);
+          if (typeof u == "function" && u !== e.entries)
+            for (var c = u.call(e), i; !(i = c.next()).done; )
+              ve(i.value) && De(i.value, r);
+        }
+      }
+    }
+    function or(e) {
+      {
+        var r = e.type;
+        if (r == null || typeof r == "string")
+          return;
+        var t;
+        if (typeof r == "function")
+          t = r.propTypes;
+        else if (typeof r == "object" && (r.$$typeof === v || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        r.$$typeof === M))
+          t = r.propTypes;
+        else
+          return;
+        if (t) {
+          var n = b(r);
+          qe(t, e.props, "prop", n, e);
+        } else if (r.PropTypes !== void 0 && !de) {
+          de = !0;
+          var u = b(r);
+          l("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", u || "Unknown");
+        }
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && l("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function ir(e) {
+      {
+        for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
+          var n = r[t];
+          if (n !== "children" && n !== "key") {
+            H(e), l("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), H(null);
+            break;
+          }
+        }
+        e.ref !== null && (H(e), l("Invalid attribute `ref` supplied to `React.Fragment`."), H(null));
+      }
+    }
+    var Ae = {};
+    function Ie(e, r, t, n, u, c) {
+      {
+        var i = A(e);
+        if (!i) {
+          var o = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (o += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var x = nr(u);
+          x ? o += x : o += Pe();
+          var p;
+          e === null ? p = "null" : le(e) ? p = "array" : e !== void 0 && e.$$typeof === m ? (p = "<" + (b(e.type) || "Unknown") + " />", o = " Did you accidentally export a JSX literal instead of a component?") : p = typeof e, l("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", p, o);
+        }
+        var g = tr(e, r, t, u, c);
+        if (g == null)
+          return g;
+        if (i) {
+          var I = r.children;
+          if (I !== void 0)
+            if (n)
+              if (le(I)) {
+                for (var K = 0; K < I.length; K++)
+                  Fe(I[K], e);
+                Object.freeze && Object.freeze(I);
+              } else
+                l("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+            else
+              Fe(I, e);
+        }
+        if (X.call(r, "key")) {
+          var q = b(e), T = Object.keys(r).filter(function(dr) {
+            return dr !== "key";
+          }), pe = T.length > 0 ? "{key: someKey, " + T.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Ae[q + pe]) {
+            var fr = T.length > 0 ? "{" + T.join(": ..., ") + ": ...}" : "{}";
+            l(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`, pe, q, fr, q), Ae[q + pe] = !0;
+          }
+        }
+        return e === k ? ir(g) : or(g), g;
+      }
+    }
+    function sr(e, r, t) {
+      return Ie(e, r, t, !0);
+    }
+    function ur(e, r, t) {
+      return Ie(e, r, t, !1);
+    }
+    var lr = ur, cr = sr;
+    ee.Fragment = k, ee.jsx = lr, ee.jsxs = cr;
+  }()), ee;
+}
+({}).NODE_ENV === "production" ? he.exports = pr() : he.exports = hr();
+var S = he.exports;
+const gr = ({ onCapture: U }) => {
+  const m = z(null), V = z(null), k = z(null), [W, B] = Ye(!1), j = z(null), D = z([]), v = z(0);
+  vr(() => {
+    k.current || (k.current = document.createElement("canvas"));
+    let a = null;
+    async function f() {
+      try {
+        const s = await navigator.mediaDevices.getUserMedia({
+          video: { facingMode: "environment", width: { ideal: 1920 } }
+        });
+        m.current && (m.current.srcObject = s, m.current.play(), a = requestAnimationFrame(d));
+      } catch (s) {
+        console.error("Camera access error:", s);
+      }
+    }
+    function d() {
+      var s;
+      if (((s = m.current) == null ? void 0 : s.readyState) >= 2) {
+        const l = m.current, O = V.current, h = O.getContext("2d");
+        O.width !== l.videoWidth && (O.width = l.videoWidth, O.height = l.videoHeight), h.drawImage(l, 0, 0);
+        const y = E(l);
+        y ? (j.current && N(y, j.current) ? v.current = Math.min(15, v.current + 1) : v.current = 0, D.current.push(y), D.current.length > 10 && D.current.shift(), j.current = M(D.current), v.current > 5 && B(!0)) : (v.current = Math.max(0, v.current - 2), v.current === 0 && (j.current = null, B(!1))), W && j.current && $(h, j.current);
+      }
+      a = requestAnimationFrame(d);
+    }
+    return f(), () => cancelAnimationFrame(a);
+  }, [W]);
+  const N = (a, f) => Math.abs(a.tl[0] - f.tl[0]) + Math.abs(a.tl[1] - f.tl[1]) < 50, E = (a) => {
+    const d = Math.floor(a.videoWidth * 0.15), s = Math.floor(a.videoHeight * 0.15), l = k.current.getContext("2d");
+    k.current.width = d, k.current.height = s, l.drawImage(a, 0, 0, d, s);
+    const O = l.getImageData(0, 0, d, s).data;
+    let h = [d, s], y = [0, s], C = [d, 0], F = [0, 0], Y = 0;
+    for (let _ = 10; _ < s - 10; _++)
+      for (let R = 10; R < d - 10; R++) {
+        const b = (_ * d + R) * 4, w = O[b], L = O[b + 1], G = O[b + 2];
+        w > 190 && L > 190 && G > 180 && Math.abs(w - L) < 20 && Math.abs(L - G) < 20 && (Y++, R + _ < h[0] + h[1] && (h = [R, _]), R - _ > y[0] - y[1] && (y = [R, _]), R - _ < C[0] - C[1] && (C = [R, _]), R + _ > F[0] + F[1] && (F = [R, _]));
+      }
+    const P = y[0] - h[0], A = C[1] - h[1];
+    return Y < d * s * 0.08 || P < d * 0.3 || A < s * 0.3 ? null : {
+      tl: [h[0] / 0.15, h[1] / 0.15],
+      tr: [y[0] / 0.15, y[1] / 0.15],
+      bl: [C[0] / 0.15, C[1] / 0.15],
+      br: [F[0] / 0.15, F[1] / 0.15]
+    };
+  }, M = (a) => {
+    const f = { tl: [0, 0], tr: [0, 0], bl: [0, 0], br: [0, 0] };
+    return a.forEach((d) => {
+      ["tl", "tr", "bl", "br"].forEach((s) => {
+        f[s][0] += d[s][0] / a.length, f[s][1] += d[s][1] / a.length;
+      });
+    }), f;
+  }, $ = (a, f) => {
+    a.strokeStyle = "#00FF44", a.lineWidth = 12, a.lineCap = "round", a.shadowBlur = 15, a.shadowColor = "#00FF44", a.beginPath(), a.moveTo(...f.tl), a.lineTo(...f.tr), a.lineTo(...f.br), a.lineTo(...f.bl), a.closePath(), a.stroke(), a.shadowBlur = 0;
+  }, J = () => {
+    const a = m.current, f = j.current;
+    if (!a || !f)
+      return;
+    const d = 1240, s = 1754, l = document.createElement("canvas");
+    l.width = d, l.height = s;
+    const O = l.getContext("2d"), h = document.createElement("canvas");
+    h.width = a.videoWidth, h.height = a.videoHeight, h.getContext("2d").drawImage(a, 0, 0);
+    const y = h.getContext("2d").getImageData(0, 0, h.width, h.height), C = O.createImageData(d, s);
+    for (let F = 0; F < s; F++)
+      for (let Y = 0; Y < d; Y++) {
+        const P = Y / d, A = F / s, _ = Math.floor((1 - P) * (1 - A) * f.tl[0] + P * (1 - A) * f.tr[0] + (1 - P) * A * f.bl[0] + P * A * f.br[0]), R = Math.floor((1 - P) * (1 - A) * f.tl[1] + P * (1 - A) * f.tr[1] + (1 - P) * A * f.bl[1] + P * A * f.br[1]), b = (F * d + Y) * 4, w = (R * h.width + _) * 4;
+        C.data[b] = y.data[w], C.data[b + 1] = y.data[w + 1], C.data[b + 2] = y.data[w + 2], C.data[b + 3] = 255;
+      }
+    O.putImageData(C, 0, 0), U(l.toDataURL("image/jpeg", 0.92));
+  };
+  return /* @__PURE__ */ S.jsxs("div", { style: { textAlign: "center", background: "#111", minHeight: "100vh", padding: "20px" }, children: [
+    /* @__PURE__ */ S.jsxs("div", { style: { position: "relative", borderRadius: "30px", overflow: "hidden", border: "5px solid #333", display: "inline-block" }, children: [
+      /* @__PURE__ */ S.jsx("video", { ref: m, style: { display: "none" } }),
+      /* @__PURE__ */ S.jsx("canvas", { ref: V, style: { width: "100%", maxWidth: "500px", display: "block" } }),
+      W && /* @__PURE__ */ S.jsx("div", { style: { position: "absolute", bottom: "20px", left: "50%", transform: "translateX(-50%)", background: "#00FF44", color: "#000", padding: "8px 20px", borderRadius: "20px", fontWeight: "bold" }, children: "READY TO SCAN" })
+    ] }),
+    /* @__PURE__ */ S.jsx("button", { onClick: J, disabled: !W, style: {
+      display: "block",
+      margin: "20px auto",
+      padding: "20px 50px",
+      borderRadius: "50px",
+      border: "none",
+      backgroundColor: W ? "#00FF44" : "#444",
+      color: W ? "#000" : "#888",
+      fontSize: "18px",
+      fontWeight: "bold",
+      cursor: "pointer"
+    }, children: "CROP & SAVE DOCUMENT" })
+  ] });
+};
+function mr() {
+  const [U, m] = Ye(null);
+  return /* @__PURE__ */ S.jsxs("div", { style: { textAlign: "center", padding: "20px", fontFamily: "sans-serif" }, children: [
+    /* @__PURE__ */ S.jsx("h1", { children: "JS Doc Scanner" }),
+    U ? /* @__PURE__ */ S.jsxs("div", { children: [
+      /* @__PURE__ */ S.jsx("h3", { children: "Scanned Result:" }),
+      /* @__PURE__ */ S.jsx("img", { src: U, style: { width: "100%", maxWidth: "400px", border: "2px solid #ccc" } }),
+      /* @__PURE__ */ S.jsx("br", {}),
+      /* @__PURE__ */ S.jsx("button", { onClick: () => m(null), children: "Scan Again" })
+    ] }) : /* @__PURE__ */ S.jsx(gr, { onCapture: (V) => m(V) })
+  ] });
+}
+export {
+  mr as App,
+  gr as DocumentScanner
+};

package/dist/index.umd.js

@@ -0,0 +1,32 @@
+(function(N,E){typeof exports=="object"&&typeof module<"u"?E(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],E):(N=typeof globalThis<"u"?globalThis:N||self,E(N.DocumentScanner={},N.React))})(this,function(N,E){"use strict";var ie={exports:{}},Z={};/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var be;function Ue(){if(be)return Z;be=1;var B=E,m=Symbol.for("react.element"),J=Symbol.for("react.fragment"),k=Object.prototype.hasOwnProperty,M=B.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,K={key:!0,ref:!0,__self:!0,__source:!0};function O(F,v,H){var _,Y={},L=null,G=null;H!==void 0&&(L=""+H),v.key!==void 0&&(L=""+v.key),v.ref!==void 0&&(G=v.ref);for(_ in v)k.call(v,_)&&!K.hasOwnProperty(_)&&(Y[_]=v[_]);if(F&&F.defaultProps)for(_ in v=F.defaultProps,v)Y[_]===void 0&&(Y[_]=v[_]);return{$$typeof:m,type:F,key:L,ref:G,props:Y,_owner:M.current}}return Z.Fragment=J,Z.jsx=O,Z.jsxs=O,Z}var q={};/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var me;function Ve(){return me||(me=1,{}.NODE_ENV!=="production"&&function(){var B=E,m=Symbol.for("react.element"),J=Symbol.for("react.portal"),k=Symbol.for("react.fragment"),M=Symbol.for("react.strict_mode"),K=Symbol.for("react.profiler"),O=Symbol.for("react.provider"),F=Symbol.for("react.context"),v=Symbol.for("react.forward_ref"),H=Symbol.for("react.suspense"),_=Symbol.for("react.suspense_list"),Y=Symbol.for("react.memo"),L=Symbol.for("react.lazy"),G=Symbol.for("react.offscreen"),a=Symbol.iterator,f="@@iterator";function d(e){if(e===null||typeof e!="object")return null;var r=a&&e[a]||e[f];return typeof r=="function"?r:null}var s=B.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function l(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];P("error",e,t)}}function P(e,r,t){{var n=s.ReactDebugCurrentFrame,u=n.getStackAddendum();u!==""&&(r+="%s",t=t.concat([u]));var c=t.map(function(i){return String(i)});c.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,c)}}var h=!1,y=!1,T=!1,A=!1,U=!1,D;D=Symbol.for("react.module.reference");function I(e){return!!(typeof e=="string"||typeof e=="function"||e===k||e===K||U||e===M||e===H||e===_||A||e===G||h||y||T||typeof e=="object"&&e!==null&&(e.$$typeof===L||e.$$typeof===Y||e.$$typeof===O||e.$$typeof===F||e.$$typeof===v||e.$$typeof===D||e.getModuleId!==void 0))}function x(e,r,t){var n=e.displayName;if(n)return n;var u=r.displayName||r.name||"";return u!==""?t+"("+u+")":t}function R(e){return e.displayName||"Context"}function b(e){if(e==null)return null;if(typeof e.tag=="number"&&l("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case k:return"Fragment";case J:return"Portal";case K:return"Profiler";case M:return"StrictMode";case H:return"Suspense";case _:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case F:var r=e;return R(r)+".Consumer";case O:var t=e;return R(t._context)+".Provider";case v:return x(e,e.render,"ForwardRef");case Y:var n=e.displayName||null;return n!==null?n:b(e.type)||"Memo";case L:{var u=e,c=u._payload,i=u._init;try{return b(i(c))}catch{return null}}}return null}var S=Object.assign,V=0,Q,se,Re,Ee,_e,xe,Ce;function we(){}we.__reactDisabledLog=!0;function Be(){{if(V===0){Q=console.log,se=console.info,Re=console.warn,Ee=console.error,_e=console.group,xe=console.groupCollapsed,Ce=console.groupEnd;var e={configurable:!0,enumerable:!0,value:we,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}V++}}function Je(){{if(V--,V===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:S({},e,{value:Q}),info:S({},e,{value:se}),warn:S({},e,{value:Re}),error:S({},e,{value:Ee}),group:S({},e,{value:_e}),groupCollapsed:S({},e,{value:xe}),groupEnd:S({},e,{value:Ce})})}V<0&&l("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var ue=s.ReactCurrentDispatcher,le;function te(e,r,t){{if(le===void 0)try{throw Error()}catch(u){var n=u.stack.trim().match(/\n( *(at )?)/);le=n&&n[1]||""}return`
+`+le+e}}var ce=!1,ne;{var He=typeof WeakMap=="function"?WeakMap:Map;ne=new He}function Te(e,r){if(!e||ce)return"";{var t=ne.get(e);if(t!==void 0)return t}var n;ce=!0;var u=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var c;c=ue.current,ue.current=null,Be();try{if(r){var i=function(){throw Error()};if(Object.defineProperty(i.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(i,[])}catch(j){n=j}Reflect.construct(e,[],i)}else{try{i.call()}catch(j){n=j}e.call(i.prototype)}}else{try{throw Error()}catch(j){n=j}e()}}catch(j){if(j&&n&&typeof j.stack=="string"){for(var o=j.stack.split(`
+`),C=n.stack.split(`
+`),p=o.length-1,g=C.length-1;p>=1&&g>=0&&o[p]!==C[g];)g--;for(;p>=1&&g>=0;p--,g--)if(o[p]!==C[g]){if(p!==1||g!==1)do if(p--,g--,g<0||o[p]!==C[g]){var W=`
+`+o[p].replace(" at new "," at ");return e.displayName&&W.includes("<anonymous>")&&(W=W.replace("<anonymous>",e.displayName)),typeof e=="function"&&ne.set(e,W),W}while(p>=1&&g>=0);break}}}finally{ce=!1,ue.current=c,Je(),Error.prepareStackTrace=u}var $=e?e.displayName||e.name:"",z=$?te($):"";return typeof e=="function"&&ne.set(e,z),z}function Ke(e,r,t){return Te(e,!1)}function ze(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function ae(e,r,t){if(e==null)return"";if(typeof e=="function")return Te(e,ze(e));if(typeof e=="string")return te(e);switch(e){case H:return te("Suspense");case _:return te("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case v:return Ke(e.render);case Y:return ae(e.type,r,t);case L:{var n=e,u=n._payload,c=n._init;try{return ae(c(u),r,t)}catch{}}}return""}var ee=Object.prototype.hasOwnProperty,Se={},je=s.ReactDebugCurrentFrame;function oe(e){if(e){var r=e._owner,t=ae(e.type,e._source,r?r.type:null);je.setExtraStackFrame(t)}else je.setExtraStackFrame(null)}function Ge(e,r,t,n,u){{var c=Function.call.bind(ee);for(var i in e)if(c(e,i)){var o=void 0;try{if(typeof e[i]!="function"){var C=Error((n||"React class")+": "+t+" type `"+i+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[i]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw C.name="Invariant Violation",C}o=e[i](r,i,n,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(p){o=p}o&&!(o instanceof Error)&&(oe(u),l("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",n||"React class",t,i,typeof o),oe(null)),o instanceof Error&&!(o.message in Se)&&(Se[o.message]=!0,oe(u),l("Failed %s type: %s",t,o.message),oe(null))}}}var Xe=Array.isArray;function fe(e){return Xe(e)}function $e(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function Ze(e){try{return Oe(e),!1}catch{return!0}}function Oe(e){return""+e}function Pe(e){if(Ze(e))return l("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",$e(e)),Oe(e)}var re=s.ReactCurrentOwner,qe={key:!0,ref:!0,__self:!0,__source:!0},De,ke,de;de={};function Qe(e){if(ee.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function er(e){if(ee.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function rr(e,r){if(typeof e.ref=="string"&&re.current&&r&&re.current.stateNode!==r){var t=b(re.current.type);de[t]||(l('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',b(re.current.type),e.ref),de[t]=!0)}}function tr(e,r){{var t=function(){De||(De=!0,l("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}}function nr(e,r){{var t=function(){ke||(ke=!0,l("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var ar=function(e,r,t,n,u,c,i){var o={$$typeof:m,type:e,key:r,ref:t,props:i,_owner:c};return o._store={},Object.defineProperty(o._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(o,"_self",{configurable:!1,enumerable:!1,writable:!1,value:n}),Object.defineProperty(o,"_source",{configurable:!1,enumerable:!1,writable:!1,value:u}),Object.freeze&&(Object.freeze(o.props),Object.freeze(o)),o};function or(e,r,t,n,u){{var c,i={},o=null,C=null;t!==void 0&&(Pe(t),o=""+t),er(r)&&(Pe(r.key),o=""+r.key),Qe(r)&&(C=r.ref,rr(r,u));for(c in r)ee.call(r,c)&&!qe.hasOwnProperty(c)&&(i[c]=r[c]);if(e&&e.defaultProps){var p=e.defaultProps;for(c in p)i[c]===void 0&&(i[c]=p[c])}if(o||C){var g=typeof e=="function"?e.displayName||e.name||"Unknown":e;o&&tr(i,g),C&&nr(i,g)}return ar(e,o,C,u,n,re.current,i)}}var ve=s.ReactCurrentOwner,Fe=s.ReactDebugCurrentFrame;function X(e){if(e){var r=e._owner,t=ae(e.type,e._source,r?r.type:null);Fe.setExtraStackFrame(t)}else Fe.setExtraStackFrame(null)}var pe;pe=!1;function he(e){return typeof e=="object"&&e!==null&&e.$$typeof===m}function Ae(){{if(ve.current){var e=b(ve.current.type);if(e)return`
+
+Check the render method of \``+e+"`."}return""}}function ir(e){{if(e!==void 0){var r=e.fileName.replace(/^.*[\\\/]/,""),t=e.lineNumber;return`
+
+Check your code at `+r+":"+t+"."}return""}}var Ie={};function sr(e){{var r=Ae();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
+
+Check the top-level render call using <`+t+">.")}return r}}function We(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=sr(r);if(Ie[t])return;Ie[t]=!0;var n="";e&&e._owner&&e._owner!==ve.current&&(n=" It was passed a child from "+b(e._owner.type)+"."),X(e),l('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,n),X(null)}}function Me(e,r){{if(typeof e!="object")return;if(fe(e))for(var t=0;t<e.length;t++){var n=e[t];he(n)&&We(n,r)}else if(he(e))e._store&&(e._store.validated=!0);else if(e){var u=d(e);if(typeof u=="function"&&u!==e.entries)for(var c=u.call(e),i;!(i=c.next()).done;)he(i.value)&&We(i.value,r)}}}function ur(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===v||r.$$typeof===Y))t=r.propTypes;else return;if(t){var n=b(r);Ge(t,e.props,"prop",n,e)}else if(r.PropTypes!==void 0&&!pe){pe=!0;var u=b(r);l("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",u||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&l("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function lr(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var n=r[t];if(n!=="children"&&n!=="key"){X(e),l("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),X(null);break}}e.ref!==null&&(X(e),l("Invalid attribute `ref` supplied to `React.Fragment`."),X(null))}}var Ye={};function Le(e,r,t,n,u,c){{var i=I(e);if(!i){var o="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(o+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var C=ir(u);C?o+=C:o+=Ae();var p;e===null?p="null":fe(e)?p="array":e!==void 0&&e.$$typeof===m?(p="<"+(b(e.type)||"Unknown")+" />",o=" Did you accidentally export a JSX literal instead of a component?"):p=typeof e,l("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",p,o)}var g=or(e,r,t,u,c);if(g==null)return g;if(i){var W=r.children;if(W!==void 0)if(n)if(fe(W)){for(var $=0;$<W.length;$++)Me(W[$],e);Object.freeze&&Object.freeze(W)}else l("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Me(W,e)}if(ee.call(r,"key")){var z=b(e),j=Object.keys(r).filter(function(hr){return hr!=="key"}),ge=j.length>0?"{key: someKey, "+j.join(": ..., ")+": ...}":"{key: someKey}";if(!Ye[z+ge]){var pr=j.length>0?"{"+j.join(": ..., ")+": ...}":"{}";l(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,ge,z,pr,z),Ye[z+ge]=!0}}return e===k?lr(g):ur(g),g}}function cr(e,r,t){return Le(e,r,t,!0)}function fr(e,r,t){return Le(e,r,t,!1)}var dr=fr,vr=cr;q.Fragment=k,q.jsx=dr,q.jsxs=vr}()),q}({}).NODE_ENV==="production"?ie.exports=Ue():ie.exports=Ve();var w=ie.exports;const ye=({onCapture:B})=>{const m=E.useRef(null),J=E.useRef(null),k=E.useRef(null),[M,K]=E.useState(!1),O=E.useRef(null),F=E.useRef([]),v=E.useRef(0);E.useEffect(()=>{k.current||(k.current=document.createElement("canvas"));let a=null;async function f(){try{const s=await navigator.mediaDevices.getUserMedia({video:{facingMode:"environment",width:{ideal:1920}}});m.current&&(m.current.srcObject=s,m.current.play(),a=requestAnimationFrame(d))}catch(s){console.error("Camera access error:",s)}}function d(){var s;if(((s=m.current)==null?void 0:s.readyState)>=2){const l=m.current,P=J.current,h=P.getContext("2d");P.width!==l.videoWidth&&(P.width=l.videoWidth,P.height=l.videoHeight),h.drawImage(l,0,0);const y=_(l);y?(O.current&&H(y,O.current)?v.current=Math.min(15,v.current+1):v.current=0,F.current.push(y),F.current.length>10&&F.current.shift(),O.current=Y(F.current),v.current>5&&K(!0)):(v.current=Math.max(0,v.current-2),v.current===0&&(O.current=null,K(!1))),M&&O.current&&L(h,O.current)}a=requestAnimationFrame(d)}return f(),()=>cancelAnimationFrame(a)},[M]);const H=(a,f)=>Math.abs(a.tl[0]-f.tl[0])+Math.abs(a.tl[1]-f.tl[1])<50,_=a=>{const d=Math.floor(a.videoWidth*.15),s=Math.floor(a.videoHeight*.15),l=k.current.getContext("2d");k.current.width=d,k.current.height=s,l.drawImage(a,0,0,d,s);const P=l.getImageData(0,0,d,s).data;let h=[d,s],y=[0,s],T=[d,0],A=[0,0],U=0;for(let x=10;x<s-10;x++)for(let R=10;R<d-10;R++){const b=(x*d+R)*4,S=P[b],V=P[b+1],Q=P[b+2];S>190&&V>190&&Q>180&&Math.abs(S-V)<20&&Math.abs(V-Q)<20&&(U++,R+x<h[0]+h[1]&&(h=[R,x]),R-x>y[0]-y[1]&&(y=[R,x]),R-x<T[0]-T[1]&&(T=[R,x]),R+x>A[0]+A[1]&&(A=[R,x]))}const D=y[0]-h[0],I=T[1]-h[1];return U<d*s*.08||D<d*.3||I<s*.3?null:{tl:[h[0]/.15,h[1]/.15],tr:[y[0]/.15,y[1]/.15],bl:[T[0]/.15,T[1]/.15],br:[A[0]/.15,A[1]/.15]}},Y=a=>{const f={tl:[0,0],tr:[0,0],bl:[0,0],br:[0,0]};return a.forEach(d=>{["tl","tr","bl","br"].forEach(s=>{f[s][0]+=d[s][0]/a.length,f[s][1]+=d[s][1]/a.length})}),f},L=(a,f)=>{a.strokeStyle="#00FF44",a.lineWidth=12,a.lineCap="round",a.shadowBlur=15,a.shadowColor="#00FF44",a.beginPath(),a.moveTo(...f.tl),a.lineTo(...f.tr),a.lineTo(...f.br),a.lineTo(...f.bl),a.closePath(),a.stroke(),a.shadowBlur=0},G=()=>{const a=m.current,f=O.current;if(!a||!f)return;const d=1240,s=1754,l=document.createElement("canvas");l.width=d,l.height=s;const P=l.getContext("2d"),h=document.createElement("canvas");h.width=a.videoWidth,h.height=a.videoHeight,h.getContext("2d").drawImage(a,0,0);const y=h.getContext("2d").getImageData(0,0,h.width,h.height),T=P.createImageData(d,s);for(let A=0;A<s;A++)for(let U=0;U<d;U++){const D=U/d,I=A/s,x=Math.floor((1-D)*(1-I)*f.tl[0]+D*(1-I)*f.tr[0]+(1-D)*I*f.bl[0]+D*I*f.br[0]),R=Math.floor((1-D)*(1-I)*f.tl[1]+D*(1-I)*f.tr[1]+(1-D)*I*f.bl[1]+D*I*f.br[1]),b=(A*d+U)*4,S=(R*h.width+x)*4;T.data[b]=y.data[S],T.data[b+1]=y.data[S+1],T.data[b+2]=y.data[S+2],T.data[b+3]=255}P.putImageData(T,0,0),B(l.toDataURL("image/jpeg",.92))};return w.jsxs("div",{style:{textAlign:"center",background:"#111",minHeight:"100vh",padding:"20px"},children:[w.jsxs("div",{style:{position:"relative",borderRadius:"30px",overflow:"hidden",border:"5px solid #333",display:"inline-block"},children:[w.jsx("video",{ref:m,style:{display:"none"}}),w.jsx("canvas",{ref:J,style:{width:"100%",maxWidth:"500px",display:"block"}}),M&&w.jsx("div",{style:{position:"absolute",bottom:"20px",left:"50%",transform:"translateX(-50%)",background:"#00FF44",color:"#000",padding:"8px 20px",borderRadius:"20px",fontWeight:"bold"},children:"READY TO SCAN"})]}),w.jsx("button",{onClick:G,disabled:!M,style:{display:"block",margin:"20px auto",padding:"20px 50px",borderRadius:"50px",border:"none",backgroundColor:M?"#00FF44":"#444",color:M?"#000":"#888",fontSize:"18px",fontWeight:"bold",cursor:"pointer"},children:"CROP & SAVE DOCUMENT"})]})};function Ne(){const[B,m]=E.useState(null);return w.jsxs("div",{style:{textAlign:"center",padding:"20px",fontFamily:"sans-serif"},children:[w.jsx("h1",{children:"JS Doc Scanner"}),B?w.jsxs("div",{children:[w.jsx("h3",{children:"Scanned Result:"}),w.jsx("img",{src:B,style:{width:"100%",maxWidth:"400px",border:"2px solid #ccc"}}),w.jsx("br",{}),w.jsx("button",{onClick:()=>m(null),children:"Scan Again"})]}):w.jsx(ye,{onCapture:J=>m(J)})]})}N.App=Ne,N.DocumentScanner=ye,Object.defineProperty(N,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@uziee/document-scanner",
+  "version": "1.1.0",
+  "description": "A lightweight, zero-dependency React document scanner with real-time edge detection, stability filtering, and perspective correction (bilinear warping) for high-resolution A4 captures.",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.es.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+  },
+  "dependencies": {
+    "lucide-react": "^0.263.1"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-react": "^4.0.0",
+    "vite": "^4.3.9",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "keywords": [
+    "react",
+    "document",
+    "scanner",
+    "opencv",
+    "camera"
+  ],
+  "author": "Uzair Shahid",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/uzair2244/document-scanner.git"
+  }
+}