jscanify 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 ColonelParrot
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,97 @@
+<p align="center">
+    <img src="docs/images/logo-full.png" height="100">
+</p>
+
+<p align="center">
+Open-source pure Javascript implemented mobile document scanner. Powered with <a href="https://docs.opencv.org/3.4/d5/d10/tutorial_js_root.html">opencv.js</a><br/><br/>
+Available on <a href="https://www.npmjs.com/package/jscanify">npm</a> or via cdn
+</p>
+
+**Features**:
+
+- paper detection & highlighting
+- paper scanning with distortion correction
+
+| Image Highlighting                                | Scanned Result                                  |
+| ------------------------------------------------- | ----------------------------------------------- |
+| <img src="docs/images/highlight-paper1.png"> | <img src="docs/images/scanned-paper1.png"> |
+| <img src="docs/images/highlight-paper2.png"> | <img src="docs/images/scanned-paper2.png"> |
+
+## Quickstart
+
+### Import
+
+npm:
+
+```js
+$ npm i jscanify
+import jscanify from 'jscanify'
+```
+
+cdn:
+
+```html
+<script src="https://docs.opencv.org/4.7.0/opencv.js" async></script>
+<!-- warning: loading OpenCV can take some time. Load asynchronously -->
+<script src="https://cdn.jsdelivr.net/gh/ColonelParrot/jscanify@master/src/jscanify.min.js"></script>
+```
+
+### Highlight Paper in Image
+
+```html
+<img src="/path/to/your/image.png" id="image" />
+```
+
+```js
+const scanner = new jscanify();
+image.onload = function () {
+  const highlightedCanvas = scanner.highlightPaper(image);
+  document.body.appendChild(highlightedCanvas);
+};
+```
+
+### Extract Paper
+
+```js
+const scanner = new jscanify();
+const paperWidth = 500;
+const paperHeight = 1000;
+image.onload = function () {
+  scanner.extractPaper(image, paperWidth, paperHeight, (resultCanvas) => {
+    document.body.appendChild(resultCanvas);
+  });
+};
+```
+
+### Highlighting Paper in User Camera
+
+The following code continuously reads from the user's camera and highlights the paper:
+
+```html
+<video id="video"></video>
+<canvas id="canvas"></canvas>  <!-- original video -->
+<canvas id="result"></canvas>  <!-- highlighted video -->
+```
+
+```js
+const scanner = new jscanify();
+const canvasCtx = canvas.getContext("2d");
+const resultCtx = result.getContext("2d");
+navigator.mediaDevices.getUserMedia({ video: true }).then((stream) => {
+  video.srcObject = stream;
+  video.onloadedmetadata = () => {
+    video.play();
+
+    setInterval(() => {
+      canvasCtx.drawImage(video, 0, 0);
+      const resultCanvas = scanner.highlightPaper(canvas);
+      resultCtx.drawImage(resultCanvas, 0, 0);
+    }, 10);
+  };
+});
+```
+
+To export the paper to a PDF, see [here](https://stackoverflow.com/questions/23681325/convert-canvas-to-pdf)
+### Notes
+- for optimal paper detection, the paper should be placed on a flat surface with a solid background color
+- we recommend wrapping your code using `jscanify` in a window `load` event listener to ensure OpenCV is loaded

package/docs/index.css

@@ -0,0 +1,142 @@
+@import url("https://fonts.googleapis.com/css?family=Lato:100,200,300,400,500,600,700,800,900");
+
+html,
+body {
+  margin: 0;
+  font-family: "Lato";
+}
+
+#hero {
+  width: 100%;
+  overflow: hidden;
+  background-image: url("images/galaxy.png");
+  background-size: cover;
+  background-position: 0 -170px;
+  text-align: center;
+  color: white;
+  padding: 50px 0;
+}
+
+#hero h2 {
+  font-weight: 300;
+  margin: 0 20px;
+  margin-top: 15px;
+}
+
+#hero img {
+  height: 100px;
+  max-width: 80%;
+  height: auto;
+}
+
+.view-on .view-on-option {
+  padding: 11px 16px;
+  border-radius: 8px;
+  background: white;
+  color: black;
+  text-decoration: none;
+  font-family: "Lato";
+  font-size: 16px;
+  display: inline-flex;
+  align-items: center;
+}
+
+.view-on .view-on-option svg {
+  margin-right: 8px;
+}
+
+#content {
+  max-width: 700px;
+  margin: auto;
+  margin-top: 30px;
+  padding: 0 30px;
+  padding-bottom: 30px;
+}
+
+#demo #demo-images .image-container {
+  width: 150px;
+  height: 150px;
+  border-radius: 5px;
+  overflow: hidden;
+  cursor: pointer;
+  margin-bottom: 20px;
+}
+
+#demo #demo-images .image-container.selected {
+  box-shadow: 0 0 0 6px #1e85ff;
+}
+
+#demo #demo-images .image-container img {
+  width: 150px;
+  height: 150px;
+}
+
+#demo {
+  display: flex;
+}
+
+#arrow {
+  margin: 20px;
+  display: flex;
+  align-items: center;
+}
+
+#arrow::before {
+  content: "\2192";
+  font-size: 35px;
+}
+
+#demo-result {
+  flex: 1;
+  border: 3px solid #ededed;
+  border-radius: 5px;
+  background-color: #f7f7f7;
+  padding: 20px;
+  box-sizing: border-box;
+
+  height: 320px;
+  overflow: auto;
+}
+
+#demo-result canvas {
+  max-width: 100%;
+}
+
+code {
+  background-color: #f1f1f1 !important;
+  border-radius: 5px;
+}
+
+/* content: 2193 when screen smol */
+
+@media only screen and (max-width: 600px) {
+  #demo{
+    display: block;
+  }
+
+  #demo-images{
+    display: flex;
+    justify-content: center;
+  }
+
+  #demo #demo-images .image-container, #demo #demo-images .image-container img{
+    height: 100px;
+    width: 100px;
+  }
+
+  #demo #demo-images .image-container:first-of-type{
+    margin-right: 50px;
+  }
+
+  #demo-title{
+    text-align: center;
+  }
+  #arrow{
+    margin-top: 0;
+    justify-content: center;
+  }
+
+  #arrow::before{
+    content: "\2193";
+  }
+}

package/docs/index.html

@@ -0,0 +1,106 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <script async src="https://www.googletagmanager.com/gtag/js?id=G-32CWY3SB1G"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-32CWY3SB1G")</script>
+  <meta charset="UTF-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>jscanify - Javascript mobile document scanner</title>
+  <meta name="description" content="Open-source pure Javascript implemented mobile document scanner." />
+  <meta property="og:title" content="jscanify" />
+  <meta property="og:description" content="Open-source pure Javascript implemented mobile document scanner." />
+  <meta property="og:url" content="https://colonelparrot.github.io/jscanify/" />
+  <meta property="og:image" content="https://colonelparrot.github.io/jscanify/images/logo.png" />
+  <meta property="og:locale" content="en_US" />
+  <link rel="icon" type="image/x-icon" href="favicon.ico" />
+  <link rel="stylesheet" href="index.css" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/a11y-light.min.css"
+    integrity="sha512-WDk6RzwygsN9KecRHAfm9HTN87LQjqdygDmkHSJxVkVI7ErCZ8ZWxP6T8RvBujY1n2/E4Ac+bn2ChXnp5rnnHA=="
+    crossorigin="anonymous" referrerpolicy="no-referrer" async />
+</head>
+
+<body>
+  <div id="hero">
+    <img src="images/logo-full-small.png" />
+    <h2>Open-source pure Javascript implemented mobile document scanner.</h2>
+    <br />
+    <div class="view-on">
+      <a class="view-on-option" href="https://github.com/ColonelParrot/jscanify" target="_blank" style="margin: 10px">
+        <svg width="16" height="16" aria-hidden="true" viewBox="0 0 16 16">
+          <path fill-rule="evenodd"
+            d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z">
+          </path>
+        </svg>
+        View on Github
+      </a>
+      <a class="view-on-option" href="https://nodei.co/npm/jscanify/" target="_blank">
+        <svg xmlns="http://www.w3.org/2000/svg" width="41" height="16" viewBox="0 0 256 100"
+          preserveAspectRatio="xMinYMin meet">
+          <path d="M0 0v85.498h71.166V99.83H128V85.498h128V0H0z" fill="#CB3837"></path>
+          <path
+            d="M42.502 14.332h-28.17v56.834h28.17V28.664h14.332v42.502h14.332V14.332H42.502zM85.498 14.332v71.166h28.664V71.166h28.17V14.332H85.498zM128 56.834h-13.838v-28.17H128v28.17zM184.834 14.332h-28.17v56.834h28.17V28.664h14.332v42.502h14.332V28.664h14.332v42.502h14.332V14.332h-57.328z"
+            fill="#FFF"></path>
+        </svg>
+        View on npm
+      </a>
+    </div>
+  </div>
+  <div id="content">
+    <b>jscanify</b> is an open-source pure Javascript implemented mobile
+    document scanner designed to run in any Javascript environment
+    <u>for free</u>. <br /><br />
+    <b>jscanify</b> is capable of detecting & highlighting documents in an
+    image, as well as undistorting it. It is fast and easy to learn.<br /><br />
+    It can run in the <b>browser</b> or on a server with <b>NodeJS</b>.
+    <br /><br />
+    <hr />
+    <div id="demo-title">
+      <h1 style="margin-bottom: 0">Demo</h1>
+      <p style="margin-top: 0">Select an image below to scan</p>
+    </div>
+    <div id="demo">
+      <div id="demo-images">
+        <div class="image-container">
+          <img src="images/test/test.png" />
+        </div>
+        <div class="image-container" style="margin-bottom: 0">
+          <img src="images/test/test2.avif" />
+        </div>
+      </div>
+      <div id="arrow"></div>
+      <div id="demo-result">
+        Scan results will appear here
+      </div>
+    </div>
+    <br /><br />
+    <hr />
+    <h1>Installation</h1>
+    <pre><code class="language-js">$ npm i jscanify
+import jscanify from 'jscanify'</code></pre>
+    OR
+    <pre><code class="language-html">&lt;script src=&quot;https://docs.opencv.org/4.7.0/opencv.js&quot; async&gt;&lt;/script&gt;
+&lt;script src=&quot;https://cdn.jsdelivr.net/gh/ColonelParrot/jscanify@master/src/jscanify.min.js&quot;&gt;&lt;/script&gt;</code></pre>
+    <h1>Usage</h1>
+    <pre><code class="language-js">const scanner = new jscanify();
+const paperWidth = 500;
+const paperHeight = 1000;
+image.onload = function () {
+  scanner.extractPaper(image, paperWidth, paperHeight, (resultCanvas) => {
+    document.body.appendChild(resultCanvas);
+  });
+};</code></pre>
+  It's that easy! Come check out the <a href="https://github.com/ColonelParrot/jscanify/wiki" target="_blank">documentation</a>!
+  </div>
+  <script src="../src/jscanify.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+  <script src="script.js"></script>
+
+
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"
+    integrity="sha512-bgHRAiTjGrzHzLyKOnpFvaEpGzJet3z4tZnXGjpsCcqOnAH6VGUx9frc5bcIhKTVLEiCO6vEhNAgx5jtLUYrfA=="
+    crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+  <script>hljs.highlightAll();</script>
+</body>
+
+</html>

package/docs/script.js

@@ -0,0 +1,42 @@
+let loadedOpenCV = false
+
+const openCvURL = "https://docs.opencv.org/4.7.0/opencv.js"
+
+function loadOpenCV(onComplete) {
+    if (loadedOpenCV) {
+        onComplete()
+    } else {
+        $('#demo-result').text('Loading OpenCV...')
+        const script = document.createElement("script")
+        script.src = openCvURL
+
+        script.onload = function () {
+            setTimeout(function () {
+                onComplete()
+            }, 1000)
+            loadedOpenCV = true
+        }
+        document.body.appendChild(script)
+    }
+}
+
+const scanner = new jscanify()
+$('#demo-images .image-container').click(function () {
+    $('.image-container.selected').removeClass('selected')
+    $(this).addClass('selected')
+    const imageSrc = $(this).find('img')[0].src
+    console.log(imageSrc)
+    loadOpenCV(function () {
+        $('#demo-result').empty()
+
+        const newImg = document.createElement("img")
+        newImg.src = imageSrc
+
+        scanner.extractPaper(newImg, 386, 500, (resultCanvas) => {
+            $('#demo-result').append(resultCanvas);
+            
+            const highlightedCanvas = scanner.highlightPaper(newImg)
+            $('#demo-result').append(highlightedCanvas);
+        });
+    })
+})

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "jscanify",
+  "version": "1.0.0",
+  "description": "Open-source Javascript mobile document scanner.",
+  "main": "src/jscanify.js",
+  "directories": {
+    "doc": "docs"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ColonelParrot/jscanify.git"
+  },
+  "keywords": [
+    "js",
+    "scanner",
+    "document-scanner"
+  ],
+  "author": "ColonelParrot",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/ColonelParrot/jscanify/issues"
+  },
+  "homepage": "https://colonelparrot.github.io/jscanify/"
+}

package/src/jscanify.js

@@ -0,0 +1,275 @@
+/*! jscanify v1.0.0 | (c) ColonelParrot and other contributors | MIT License */
+
+(function (global, factory) {
+  typeof exports === "object" && typeof module !== "undefined"
+    ? (module.exports = factory())
+    : typeof define === "function" && define.amd
+      ? define(factory)
+      : (global.jscanify = factory());
+})(this, function () {
+  "use strict";
+
+  /**
+   * Calculates distance between two points. Each point must have `x` and `y` property
+   * @param {*} p1 point 1
+   * @param {*} p2 point 2
+   * @returns distance between two points
+   */
+  function distance(p1, p2) {
+    return Math.sqrt((p1.x - p2.x) ** 2 + (p1.y - p2.y) ** 2);
+  }
+
+  class jscanify {
+    constructor() { }
+
+    /**
+     * Finds the contour of the paper within the image
+     * @param {*} img image to process
+     * @returns the biggest contour inside the image
+     */
+    findPaperContour(img) {
+      const imgGray = new cv.Mat();
+      cv.cvtColor(img, imgGray, cv.COLOR_RGBA2GRAY);
+
+      const imgBlur = new cv.Mat();
+      cv.GaussianBlur(
+        imgGray,
+        imgBlur,
+        new cv.Size(5, 5),
+        0,
+        0,
+        cv.BORDER_DEFAULT
+      );
+
+      const imgThresh = new cv.Mat();
+      cv.threshold(
+        imgBlur,
+        imgThresh,
+        0,
+        255,
+        cv.THRESH_BINARY + cv.THRESH_OTSU
+      );
+
+      let contours = new cv.MatVector();
+      let hierarchy = new cv.Mat();
+
+      cv.findContours(
+        imgThresh,
+        contours,
+        hierarchy,
+        cv.RETR_CCOMP,
+        cv.CHAIN_APPROX_SIMPLE
+      );
+      let maxArea = 0;
+      let maxContourIndex = -1;
+      for (let i = 0; i < contours.size(); ++i) {
+        let contourArea = cv.contourArea(contours.get(i));
+        if (contourArea > maxArea) {
+          maxArea = contourArea;
+          maxContourIndex = i;
+        }
+      }
+
+      const maxContour = contours.get(maxContourIndex);
+
+      imgGray.delete();
+      imgBlur.delete();
+      imgThresh.delete();
+      contours.delete();
+      hierarchy.delete();
+      return maxContour;
+    }
+
+    /**
+     * Highlights the paper detected inside the image.
+     * @param {*} image image to process
+     * @param {*} options options for highlighting. Accepts `color` and `thickness` parameter
+     * @returns `HTMLCanvasElement` with original image and paper highlighted
+     */
+    highlightPaper(image, options) {
+      options = options || {};
+      options.color = options.color || "orange";
+      options.thickness = options.thickness || 10;
+      const canvas = document.createElement("canvas");
+      const ctx = canvas.getContext("2d");
+      const img = cv.imread(image);
+
+      const maxContour = this.findPaperContour(img);
+      if (maxContour) {
+        const {
+          topLeftCorner,
+          topRightCorner,
+          bottomLeftCorner,
+          bottomRightCorner,
+        } = this.getCornerPoints(maxContour, img);
+
+        cv.imshow(canvas, img);
+
+        if (
+          topLeftCorner &&
+          topRightCorner &&
+          bottomLeftCorner &&
+          bottomRightCorner
+        ) {
+          ctx.strokeStyle = options.color;
+          ctx.lineWidth = options.thickness;
+          ctx.beginPath();
+          ctx.moveTo(...Object.values(topLeftCorner));
+          ctx.lineTo(...Object.values(topRightCorner));
+          ctx.lineTo(...Object.values(bottomRightCorner));
+          ctx.lineTo(...Object.values(bottomLeftCorner));
+          ctx.lineTo(...Object.values(topLeftCorner));
+          ctx.stroke();
+        }
+      }
+
+      img.delete();
+      return canvas;
+    }
+
+    /**
+     * Extracts and undistorts the image detected within the frame.
+     * @param {*} image image to process
+     * @param {*} resultWidth desired result paper width
+     * @param {*} resultHeight desired result paper height
+     * @param {*} onComplete callback with `HTMLCanvasElement` passed - the unwarped paper
+     * @param {*} cornerPoints optional custom corner points, in case automatic corner points are incorrect
+     */
+    extractPaper(image, resultWidth, resultHeight, onComplete, cornerPoints) {
+      const canvas = document.createElement("canvas");
+
+      const img = cv.imread(image);
+
+      const maxContour = this.findPaperContour(img);
+
+      const {
+        topLeftCorner,
+        topRightCorner,
+        bottomLeftCorner,
+        bottomRightCorner,
+      } = cornerPoints || this.getCornerPoints(maxContour, img);
+      let warpedDst = new cv.Mat();
+
+      let dsize = new cv.Size(resultWidth, resultHeight);
+      let srcTri = cv.matFromArray(4, 1, cv.CV_32FC2, [
+        topLeftCorner.x,
+        topLeftCorner.y,
+        topRightCorner.x,
+        topRightCorner.y,
+        bottomLeftCorner.x,
+        bottomLeftCorner.y,
+        bottomRightCorner.x,
+        bottomRightCorner.y,
+      ]);
+
+      let dstTri = cv.matFromArray(4, 1, cv.CV_32FC2, [
+        0,
+        0,
+        resultWidth,
+        0,
+        0,
+        resultHeight,
+        resultWidth,
+        resultHeight,
+      ]);
+
+      let M = cv.getPerspectiveTransform(srcTri, dstTri);
+      cv.warpPerspective(
+        img,
+        warpedDst,
+        M,
+        dsize,
+        cv.INTER_LINEAR,
+        cv.BORDER_CONSTANT,
+        new cv.Scalar()
+      );
+
+      cv.imshow(canvas, warpedDst);
+
+      const newImg = document.createElement("img");
+      newImg.src = canvas.toDataURL();
+      newImg.onload = function () {
+        // flip unwarped image
+
+        let ctx = canvas.getContext("2d");
+        ctx.clearRect(0, 0, canvas.width, canvas.height);
+        canvas.width = resultWidth;
+        canvas.height = resultHeight;
+        ctx.setTransform(1, 0, 0, -1, 0, canvas.height);
+
+        ctx.drawImage(newImg, 0, 0);
+
+        ctx.setTransform(1, 0, 0, 1, 0, 0);
+
+        img.delete();
+        warpedDst.delete();
+        onComplete(canvas);
+      };
+    }
+    
+    /**
+     * Calculates the corner points of a contour.
+     * @param {*} contour contour from {@link findPaperContour}
+     * @returns object with properties `topLeftCorner`, `topRightCorner`, `bottomLeftCorner`, `bottomRightCorner`, each with `x` and `y` property
+     */
+     getCornerPoints(contour) {
+      let rect = cv.minAreaRect(contour);
+      const center = rect.center;
+
+      let topLeftCorner;
+      let topLeftCornerDist = 0;
+
+      let topRightCorner;
+      let topRightCornerDist = 0;
+
+      let bottomLeftCorner;
+      let bottomLeftCornerDist = 0;
+
+      let bottomRightCorner;
+      let bottomRightCornerDist = 0;
+
+      for (let i = 0; i < contour.data32S.length; i += 2) {
+        const point = { x: contour.data32S[i], y: contour.data32S[i + 1] };
+        const dist = distance(point, center);
+        if (point.x < center.x && point.y > center.y) {
+          // top left
+          if (dist > topLeftCornerDist) {
+            topLeftCorner = point;
+            topLeftCornerDist = dist;
+          }
+        } else if (point.x > center.x && point.y > center.y) {
+          // top right
+          if (dist > topRightCornerDist) {
+            topRightCorner = point;
+            topRightCornerDist = dist;
+          }
+        } else if (point.x < center.x && point.y < center.y) {
+          // bottom left
+          if (dist > bottomLeftCornerDist) {
+            bottomLeftCorner = point;
+            bottomLeftCornerDist = dist;
+          }
+        } else if (point.x > center.x && point.y < center.y) {
+          // bottom right
+          if (dist > bottomRightCornerDist) {
+            bottomRightCorner = point;
+            bottomRightCornerDist = dist;
+          }
+        }
+      }
+
+      return {
+        topLeftCorner,
+        topRightCorner,
+        bottomLeftCorner,
+        bottomRightCorner,
+      };
+    }
+
+  }
+
+  if (typeof module !== "undefined") {
+    module.exports = { jscanify };
+  }
+  return jscanify;
+});