Merge pull request #72 from serratus/feature/webpack

From RequireJS to Webpack

.eslintrc

@@ -0,0 +1,80 @@
+{
+    "settings" : {
+    "ecmascript": 6,
+    "jsx": true
+    },
+    "env": {
+        "browser": true,
+        "node": true
+    },
+    "ecmaFeatures": {
+        "blockBindings": true,
+        "forOf": true,
+        "blockBindings": true,
+        "defaultParams": true,
+        "globalReturn": false,
+        "modules": true,
+        "objectLiteralShorthandMethods": true,
+        "objectLiteralShorthandProperties": true,
+        "templateStrings": true,
+        "spread": true,
+        "jsx": true,
+        "arrowFunctions": true,
+        "classes": true,
+        "destructuring": true,
+        "objectLiteralComputedProperties": true
+    },
+    "globals": {},
+    "rules": {
+        "no-unused-expressions": 1,
+        "no-extra-boolean-cast": 1,
+        "no-multi-spaces": 2,
+        "no-underscore-dangle": 0,
+        "comma-dangle": 2,
+        "camelcase": 0,
+        "curly": 2,
+        "eqeqeq": 2,
+        "guard-for-in": 2,
+        "wrap-iife": 0,
+        "no-use-before-define": [1, "nofunc"],
+        "new-cap": 2,
+        "quotes": 0,
+        "strict": 0,
+        "no-caller": 2,
+        "no-empty": 1,
+        "no-new": 2,
+        "no-plusplus": 0,
+        "no-unused-vars": 1,
+        "no-trailing-spaces": 2,
+
+        // STYLE
+        "max-params": [2, 7],
+        "key-spacing": [1, {
+            beforeColon: false,
+            afterColon: true
+        }],
+        "indent": [2, 4],
+        "brace-style": [2, "1tbs"],
+        "comma-spacing": [2, {before: false, after: true}],
+        "comma-style": [2, "last"],
+        "consistent-this": [1, "self"],
+        "eol-last": 0,
+        "new-cap": 0,
+        "new-parens": 2,
+        "no-array-constructor": 2,
+        "no-mixed-spaces-and-tabs": 2,
+        "no-multiple-empty-lines": 2,
+        "semi-spacing": 2,
+        "dot-notation": 2,
+        "no-spaced-func": 1,
+        "no-shadow": 2,
+        "no-undef": 2,
+        "padded-blocks": [2, "never"],
+        "semi": [2, "always"],
+        "space-after-keywords": [2, "always"],
+        "space-infix-ops": 2,
+        "max-len" : [1, 120],
+        "consistent-return": 2,
+        "yoda": 2
+    }
+}

Gruntfile.js

@@ -1,5 +1,4 @@
 module.exports = function(grunt) {
-
     // Project configuration.
     grunt.initConfig({
         pkg: grunt.file.readJSON('package.json'),
@@ -10,67 +9,14 @@ module.exports = function(grunt) {
             integration: {
                 configFile: 'karma-integration.conf.js'
             }
-        },
-        uglify : {
-            options : {
-                banner : '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n',
-                preserveComments: 'some'
-            },
-            build : {
-                src : 'dist/<%= pkg.name %>.js',
-                dest : 'dist/<%= pkg.name %>.min.js'
-            }
-        },
-        jshint : {
-            all : ['Gruntfile.js', 'src/*.js']
-        },
-        requirejs : {
-            compile : {
-                options : {
-                    almond : true,
-                    wrap : {
-                        startFile : 'build/start.frag',
-                        endFile : 'build/end.frag'
-                    },
-                    "baseUrl" : "src",
-                    "name" : "quagga",
-                    "useStrict": true,
-                    "out" : "dist/quagga.js",
-                    "include" : ['quagga'],
-                    "optimize" : "none",
-                    "findNestedDependencies" : true,
-                    "skipSemiColonInsertion" : true,
-
-                    "shim" : {
-                        "typedefs" : {
-                            "deps" : [],
-                            "exports" : "typedefs"
-                        }
-                    },
-
-                    "paths" : {
-                        "typedefs" : "typedefs",
-                        "gl-matrix": "../node_modules/gl-matrix/dist/gl-matrix-min"
-                    }
-                }
-            }
         }
     });
 
-    // Load the plugin that provides the "uglify" task.
-    grunt.loadNpmTasks('grunt-contrib-jshint');
-    grunt.loadNpmTasks('grunt-contrib-uglify');
-
     grunt.loadNpmTasks('grunt-requirejs');
     grunt.loadNpmTasks('grunt-karma');
 
     grunt.loadTasks('tasks');
 
-    grunt.registerTask('build', ['check', 'requirejs']);
-    grunt.registerTask('check', ['jshint']);
-    grunt.registerTask('dist', ['build', 'uglify', 'uglyasm']);
     grunt.registerTask('test', ['karma']);
     grunt.registerTask('integrationtest', ['karma:integration']);
-
-    grunt.registerTask('default', ['build']);
 };

README.md

@@ -1,7 +1,7 @@
 quaggaJS
 ========
 
-- [Changelog](#changelog) (2015-09-15)
+- [Changelog](#changelog) (2015-10-13)
 
 ## What is QuaggaJS?
 
@@ -90,11 +90,15 @@ You can build the library yourself by simply cloning the repo and typing:
 
 ```console
 > npm install
-> grunt dist
+> npm run build
 ```
 
-This grunt task builds a non optimized version `quagga.js` and a minified
+This npm script builds a non optimized version `quagga.js` and a minified
 version `quagga.min.js` and places both files in the `dist` folder.
+Additionally, a `quagga.map` source-map is placed alongside these files. This
+file is only valid for the non-uglified version `quagga.js` because the
+minified version is altered after compression and does not align with the map
+file any more.
 
 ## API
 
@@ -360,7 +364,7 @@ automatically generated in the coverage/ folder.
 
 ```console
 > npm install
-> grunt test
+> npm run test
 ```
 ## Image Debugging
 
@@ -430,6 +434,13 @@ on the ``singleChannel`` flag in the configuration when using ``decodeSingle``.
 
 ## <a name="changelog">Changelog</a>
 
+### 2015-10-13
+Take a look at the release-notes ([0.8.0]
+(https://github.com/serratus/quaggaJS/releases/tag/v0.8.0))
+
+- Improvements
+  - Replaced RequireJS with webpack
+
 ### 2015-09-15
 Take a look at the release-notes ([0.7.0]
 (https://github.com/serratus/quaggaJS/releases/tag/v0.7.0))

example/file_input.html

@@ -101,7 +101,7 @@
         © Copyright by Christoph Oberhofer
     </p>
 </footer>
-<script src="../src/vendor/jquery-1.9.0.min.js" type="text/javascript"></script>
+<script src="vendor/jquery-1.9.0.min.js" type="text/javascript"></script>
 <script src="../dist/quagga.js" type="text/javascript"></script>
 <script src="file_input.js" type="text/javascript"></script>
 </body>

example/file_input_require.html

@@ -1,101 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8"/>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
-
-    <title>index</title>
-    <meta name="description" content=""/>
-    <meta name="author" content="Christoph Oberhofer"/>
-
-    <meta name="viewport" content="width=device-width; initial-scale=1.0"/>
-    <link rel="stylesheet" type="text/css" href="css/styles.css"/>
-</head>
-
-<body>
-<header>
-    <div class="headline">
-        <h1>QuaggaJS</h1>
-
-        <h2>An advanced barcode-scanner written in JavaScript</h2>
-    </div>
-</header>
-<section id="container" class="container">
-    <h3>Working with file-input</h3>
-
-    <p>This example let's you select an image from your local filesystem.
-        QuaggaJS then tries to decode the barcode using
-        the preferred method (<strong>Code128</strong> or <strong>EAN</strong>).
-        There is no server interaction needed as the
-        file is simply accessed through the <a
-                href="http://www.w3.org/TR/file-upload/">File API</a>.</p>
-
-    <p>This also works great on a wide range of mobile-phones where the camera
-        access through <code>getUserMedia</code> is still very limited.</p>
-
-    <div class="controls">
-        <fieldset class="input-group">
-            <input type="file" capture/>
-            <button>Rerun</button>
-        </fieldset>
-        <fieldset class="reader-config-group">
-            <label>
-                <span>Barcode-Type</span>
-                <select name="decoder_readers">
-                    <option value="code_128" selected="selected">Code 128</option>
-                    <option value="code_39">Code 39</option>
-                    <option value="code_39_vin">Code 39 VIN</option>
-                    <option value="ean">EAN</option>
-                    <option value="ean_8">EAN-8</option>
-                    <option value="upc">UPC</option>
-                    <option value="upc_e">UPC-E</option>
-                    <option value="codabar">Codabar</option>
-                </select>
-            </label>
-            <label>
-                <span>Resolution (long side)</span>
-                <select name="input-stream_size">
-                    <option value="320">320px</option>
-                    <option selected="selected" value="640">640px</option>
-                    <option value="800">800px</option>
-                    <option value="1280">1280px</option>
-                    <option value="1600">1600px</option>
-                    <option value="1920">1920px</option>
-                </select>
-            </label>
-            <label>
-                <span>Patch-Size</span>
-                <select name="locator_patch-size">
-                    <option value="x-small">x-small</option>
-                    <option value="small">small</option>
-                    <option selected="selected" value="medium">medium</option>
-                    <option value="large">large</option>
-                    <option value="x-large">x-large</option>
-                </select>
-            </label>
-            <label>
-                <span>Half-Sample</span>
-                <input type="checkbox" checked="checked"
-                       name="locator_half-sample" />
-            </label>
-            <label>
-                <span>Single Channel</span>
-                <input type="checkbox" name="input-stream_single-channel" />
-            </label>
-        </fieldset>
-    </div>
-    <div id="result_strip">
-        <ul class="thumbnails"></ul>
-    </div>
-    <div id="interactive" class="viewport"></div>
-    <div id="debug" class="detection"></div>
-</section>
-<footer>
-    <p>
-        &copy; Copyright by Christoph Oberhofer
-    </p>
-</footer>
-<script src="../src/vendor/jquery-1.9.0.min.js" type="text/javascript"></script>
-<script data-main="file_input_require.js" src="../node_modules/requirejs/require.js"></script>
-</body>
-</html>

example/file_input_require.js

@@ -1,161 +0,0 @@
-requirejs.config({
-    "baseUrl" : "../src",
-    "shim" : {
-        "typedefs" : {
-            "deps" : [],
-            "exports" : "typedefs"
-        }
-    },
-
-    "paths" : {
-        "typedefs" : "typedefs",
-        "gl-matrix": "../node_modules/gl-matrix/dist/gl-matrix-min"
-    }
-});
-
-requirejs(['quagga'], function(Quagga) {
-    var App = {
-        init: function() {
-            App.attachListeners();
-        },
-        attachListeners: function() {
-            var self = this;
-
-            $(".controls input[type=file]").on("change", function(e) {
-                if (e.target.files && e.target.files.length) {
-                    App.decode(URL.createObjectURL(e.target.files[0]));
-                }
-            });
-
-            $(".controls button").on("click", function(e) {
-                var input = document.querySelector(".controls input[type=file]");
-                if (input.files && input.files.length) {
-                    App.decode(URL.createObjectURL(input.files[0]));
-                }
-            });
-
-            $(".controls .reader-config-group").on("change", "input, select", function(e) {
-                e.preventDefault();
-                var $target = $(e.target),
-                    value = $target.attr("type") === "checkbox" ? $target.prop("checked") : $target.val(),
-                    name = $target.attr("name"),
-                    state = self._convertNameToState(name);
-
-                console.log("Value of "+ state + " changed to " + value);
-                self.setState(state, value);
-            });
-        },
-        _accessByPath: function(obj, path, val) {
-            var parts = path.split('.'),
-                depth = parts.length,
-                setter = (typeof val !== "undefined") ? true : false;
-
-            return parts.reduce(function(o, key, i) {
-                if (setter && (i + 1) === depth) {
-                    o[key] = val;
-                }
-                return key in o ? o[key] : {};
-            }, obj);
-        },
-        _convertNameToState: function(name) {
-            return name.replace("_", ".").split("-").reduce(function(result, value) {
-                return result + value.charAt(0).toUpperCase() + value.substring(1);
-            });
-        },
-        detachListeners: function() {
-            $(".controls input[type=file]").off("change");
-            $(".controls .reader-config-group").off("change", "input, select");
-            $(".controls button").off("click");
-        },
-        decode: function(src) {
-            var self = this,
-                config = $.extend({}, self.state, {src: src});
-
-            Quagga.decodeSingle(config, function(result) {});
-        },
-        setState: function(path, value) {
-            var self = this;
-
-            if (typeof self._accessByPath(self.inputMapper, path) === "function") {
-                value = self._accessByPath(self.inputMapper, path)(value);
-            }
-
-            self._accessByPath(self.state, path, value);
-
-            console.log(JSON.stringify(self.state));
-            App.detachListeners();
-            App.init();
-        },
-        inputMapper: {
-            inputStream: {
-                size: function(value){
-                    return parseInt(value);
-                }
-            },
-            numOfWorkers: function(value) {
-                return parseInt(value);
-            },
-            decoder: {
-                readers: function(value) {
-                    return [value + "_reader"];
-                }
-            }
-        },
-        state: {
-            inputStream: {
-                size: 640,
-                singleChannel: false
-            },
-            locator: {
-                patchSize: "medium",
-                halfSample: true,
-                showCanvas: true
-            },
-            numOfWorkers: 0,
-            decoder: {
-                readers: ["code_128_reader"],
-                showFrequency: true,
-                showPattern: true
-            },
-            locate: true,
-            src: null
-        }
-    };
-
-    App.init();
-
-    Quagga.onProcessed(function(result) {
-        var drawingCtx = Quagga.canvas.ctx.overlay,
-            drawingCanvas = Quagga.canvas.dom.overlay;
-
-        if (result) {
-            if (result.boxes) {
-                drawingCtx.clearRect(0, 0, parseInt(drawingCanvas.getAttribute("width")), parseInt(drawingCanvas.getAttribute("height")));
-                result.boxes.filter(function (box) {
-                    return box !== result.box;
-                }).forEach(function (box) {
-                    Quagga.ImageDebug.drawPath(box, {x: 0, y: 1}, drawingCtx, {color: "green", lineWidth: 2});
-                });
-            }
-
-            if (result.box) {
-                Quagga.ImageDebug.drawPath(result.box, {x: 0, y: 1}, drawingCtx, {color: "#00F", lineWidth: 2});
-            }
-
-            if (result.codeResult && result.codeResult.code) {
-                Quagga.ImageDebug.drawPath(result.line, {x: 'x', y: 'y'}, drawingCtx, {color: 'red', lineWidth: 3});
-            }
-        }
-    });
-
-    Quagga.onDetected(function(result) {
-        var code = result.codeResult.code,
-            $node,
-            canvas = Quagga.canvas.dom.image;
-
-        $node = $('<li><div class="thumbnail"><div class="imgWrapper"><img /></div><div class="caption"><h4 class="code"></h4></div></div></li>');
-        $node.find("img").attr("src", canvas.toDataURL());
-        $node.find("h4.code").html(code + " (" + result.codeResult.format + ")");
-        $("#result_strip ul.thumbnails").prepend($node);
-    });
-});

karma-integration.conf.js

@@ -1,25 +1,45 @@
+var path = require('path');
+
 module.exports = function(config) {
     config.set({
         basePath: '',
-    frameworks: ['mocha', 'requirejs', 'chai', 'sinon', 'sinon-chai'],
+        frameworks: ['mocha', 'chai', 'sinon', 'sinon-chai'],
         files: [
-      'test-main.js',
+            'test/test-main-integration.js',
-      'src/typedefs.js',
+            {pattern: 'test/integration/**/*.js', included: false},
-      {pattern: 'node_modules/async/lib/async.js', included: false},
+            {pattern: 'test/fixtures/**/*.*', included: false}
-      {pattern: 'node_modules/gl-matrix/dist/gl-matrix-min.js', included: false},
-      {pattern: 'src/*.js', included: false},
-      {pattern: 'spec/**/*integration.spec.js', included: false},
-      {pattern: 'test/**/*.*', included: false}
         ],
+        preprocessors: {
+            'test/test-main-integration.js': ['webpack']
+        },
+        webpack: {
+            module: {
+                preLoaders: [
+                    {
+                        test: /\.js$/,
                         exclude: [
+                            /node_modules/
                         ],
+                        loader: 'babel'
+                    }
+                ]
+            },
+            resolve: {
+              extensions: ['', '.js', '.jsx'],
+              alias: {
+                  'input_stream$': path.resolve(__dirname, 'src/input_stream'),
+                  'frame_grabber$': path.resolve(__dirname, 'src/frame_grabber')
+              }
+            }
+        },
         plugins: [
             'karma-chrome-launcher',
             'karma-mocha',
             'karma-requirejs',
             'karma-chai',
             'karma-sinon',
-        'karma-sinon-chai'
+            'karma-sinon-chai',
+            require('karma-webpack')
         ],
         reporters: ['progress'],
         port: 9876,

karma.conf.js

@@ -1,31 +1,53 @@
+var path = require('path');
+
 module.exports = function(config) {
     config.set({
         basePath: '',
-    frameworks: ['mocha', 'requirejs', 'chai', 'sinon', 'sinon-chai'],
+        frameworks: ['source-map-support', 'mocha', 'chai', 'sinon', 'sinon-chai'],
         files: [
-      'test-main.js',
+            'test/test-main.js',
-      'src/typedefs.js',
+            {pattern: 'test/spec/**/*.js', included: false}
-      {pattern: 'node_modules/async/lib/async.js', included: false},
-      {pattern: 'node_modules/gl-matrix/dist/gl-matrix-min.js', included: false},
-      {pattern: 'src/*.js', included: false},
-      {pattern: 'spec/**/*.js', included: false},
-      {pattern: 'test/**/*.*', included: false}
-    ],
-    exclude: [
-        'spec/**/*integration.spec.js'
         ],
         preprocessors: {
-        'src/*.js': ['coverage']
+            'test/test-main.js': ['webpack']
+        },
+        webpack: {
+            module: {
+                preLoaders: [
+                    {
+                        test: /\.js$/,
+                        exclude: [
+                            /node_modules/
+                        ],
+                        loader: 'babel'
+                    },
+                    {
+                        test: /\.js$/,
+                        include: [
+                            path.resolve('src')
+                        ],
+                        exclude: /node_modules/,
+                        loader: 'isparta'
+                    }
+                ]
+            },
+            resolve: {
+                extensions: ['', '.js', '.jsx'],
+                alias: {
+                    'input_stream$': path.resolve(__dirname, 'src/input_stream'),
+                    'frame_grabber$': path.resolve(__dirname, 'src/frame_grabber')
+                }
+            },
         },
         plugins: [
             'karma-chrome-launcher',
             'karma-coverage',
             'karma-mocha',
-        'karma-requirejs',
             'karma-chai',
             'karma-sinon',
             'karma-sinon-chai',
-        'karma-phantomjs-launcher'
+            'karma-source-map-support',
+            require('karma-webpack')
         ],
         reporters: ['progress', 'coverage'],
         port: 9876,

lib/frame_grabber.js

@@ -1,10 +1,5 @@
-/* jshint undef: true, unused: true, browser:true, devel: true */
+const CVUtils = require('../src/cv_utils'),
-/* global define */
+      Ndarray = require("ndarray"),
-
-define(["cv_utils"], function(CVUtils) {
-    "use strict";
-
-    var Ndarray = require("ndarray"),
       Interp2D = require("ndarray-linear-interpolate").d2;
 
 var FrameGrabber = {};
@@ -97,5 +92,4 @@ define(["cv_utils"], function(CVUtils) {
     return _that;
 };
 
-    return (FrameGrabber);
+module.exports = FrameGrabber;
-});

lib/input_stream.js

@@ -1,10 +1,4 @@
-/* jshint undef: true, unused: true, browser:true, devel: true */
+const GetPixels = require("get-pixels");
-/* global define */
-
-define(function() {
-    "use strict";
-
-    var GetPixels = require("get-pixels");
 
 var InputStream = {};
 
@@ -156,5 +150,4 @@ define(function() {
     return that;
 };
 
-    return (InputStream);
+module.exports = InputStream;
-});

package.json

@@ -1,18 +1,23 @@
 {
   "name": "quagga",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "An advanced barcode-scanner written in JavaScript",
   "main": "lib/quagga.js",
-  "browser": "dist/quagga.js",
+  "browser": "dist/quagga.min.js",
   "devDependencies": {
     "async": "^1.4.2",
+    "babel-core": "^5.8.25",
+    "babel-eslint": "^4.1.3",
+    "babel-loader": "^5.3.2",
     "chai": "^3.2.0",
+    "core-js": "^1.2.1",
     "grunt": "^0.4.5",
     "grunt-contrib-jshint": "^0.11.3",
     "grunt-contrib-nodeunit": "^0.4.1",
     "grunt-contrib-uglify": "^0.9.2",
     "grunt-karma": "^0.12.1",
     "grunt-requirejs": "^0.4.2",
+    "isparta-loader": "^1.0.0",
     "karma": "^0.13.9",
     "karma-chai": "0.1.0",
     "karma-chrome-launcher": "^0.2.0",
@@ -22,14 +27,20 @@
     "karma-requirejs": "~0.2.2",
     "karma-sinon": "^1.0.4",
     "karma-sinon-chai": "~0.2.0",
+    "karma-source-map-support": "^1.1.0",
+    "karma-webpack": "^1.7.0",
     "mocha": "^2.3.2",
-    "sinon": "^1.16.1"
+    "sinon": "^1.16.1",
+    "webpack": "^1.12.2"
   },
   "directories": {
     "doc": "doc"
   },
   "scripts": {
-    "test": "karma start"
+    "test": "grunt test",
+    "integrationtest": "grunt integrationtest",
+    "build": "webpack && webpack --config webpack.config.min.js && grunt uglyasm && webpack --config webpack.node.config.js",
+    "watch": "webpack --watch"
   },
   "repository": {
     "type": "git",
@@ -56,8 +67,8 @@
   "dependencies": {
     "get-pixels": "^3.2.3",
     "gl-matrix": "^2.3.1",
+    "lodash": "^3.10.1",
     "ndarray": "^1.0.18",
-    "ndarray-linear-interpolate": "^1.0.0",
+    "ndarray-linear-interpolate": "^1.0.0"
-    "requirejs": "^2.1.20"
   }
 }

plugins/umd.js

@@ -0,0 +1,33 @@
+var ConcatSource = require("webpack-core/lib/ConcatSource");
+var OriginalSource = require("webpack-core/lib/OriginalSource");
+
+function MyUmdPlugin(options) {
+	this.name = options.library;
+}
+module.exports = MyUmdPlugin;
+MyUmdPlugin.prototype.apply = function(compiler) {
+    compiler.plugin("this-compilation", function(compilation) {
+    	var mainTemplate = compilation.mainTemplate;
+    	compilation.templatesPlugin("render-with-entry", function(source, chunk, hash) {
+
+            var amdFactory = "factory";
+    		return new ConcatSource(new OriginalSource(
+    			"(function webpackUniversalModuleDefinition(root, factory) {\n" +
+    			"	if(typeof exports === 'object' && typeof module === 'object')\n" +
+    			"		module.exports = factory(factory.toString());\n" +
+    			"	else if(typeof exports === 'object')\n" +
+    			"		exports[\"" + this.name + "\"] = factory(factory.toString());\n" +
+    			"	else\n" +
+    			"		root[\"" + this.name + "\"] = factory(factory.toString());\n" +
+    			"})(this, function(__factorySource__) {\nreturn ", "webpack/myModuleDefinition"), source, "\n});\n");
+    	}.bind(this));
+    	mainTemplate.plugin("global-hash-paths", function(paths) {
+    		if(this.name) paths = paths.concat(this.name);
+    		return paths;
+    	}.bind(this));
+    	mainTemplate.plugin("hash", function(hash) {
+    		hash.update("umd");
+    		hash.update(this.name + "");
+    	}.bind(this));
+    }.bind(this));
+};

spec/array_helper.spec.js

@@ -1,53 +0,0 @@
-define(['array_helper'], function(ArrayHelper){
-    describe('init', function() {
-        it('initializes an array with the given value', function() {
-            var input = [0, 0, 0];
-            ArrayHelper.init(input, 5);
-            expect(input).to.deep.equal([5, 5, 5]);
-        });
-    });
-
-    describe('shuffle', function() {
-        before(function() {
-            sinon.stub(Math, 'random').returns(0.5);
-        });
-
-        after(function() {
-            sinon.restore(Math);
-        });
-        it('shuffles the content of an array', function() {
-            var input = [1, 2, 3];
-            expect(ArrayHelper.shuffle(input)).to.deep.equal([3, 1, 2]);
-        });
-    });
-
-    describe('toPointList', function() {
-        it('converts an Array to a List of poitns', function() {
-            var input = [[1, 2], [2, 2], [3, 2]];
-            expect(ArrayHelper.toPointList(input)).to.equal("[[1,2],\r\n[2,2],\r\n[3,2]]");
-        });
-    });
-
-    describe('threshold', function() {
-        it('returns all elements above the given threshold', function() {
-            var input = [1, 2, 3];
-            expect(ArrayHelper.threshold(input, 2, function(score) { 
-                return score * 1.5;
-            })).to.deep.equal([2, 3]);
-        });
-    });
-
-    describe('maxIndex', function() {
-        it('gets the index of the biggest element in the array', function() {
-            var input = [1, 2, 3];
-            expect(ArrayHelper.maxIndex(input)).to.equal(2);
-        });
-    });
-
-    describe('max', function() {
-        it('gets the biggest element in the array', function() {
-            var input = [1, 3, 2];
-            expect(ArrayHelper.max(input)).to.equal(3);
-        });
-    });
-});

spec/barcode_locator.spec.js

@@ -1,131 +0,0 @@
-
-define(['barcode_locator', 'config', 'html_utils'],
-    function(BarcodeLocator, Config, HtmlUtils){
-
-    describe('checkImageConstraints', function() {
-        var config,
-            inputStream,
-            imageSize,
-            streamConfig = {};
-
-        beforeEach(function() {
-            imageSize = {
-                x: 640, y: 480
-            };
-            config = HtmlUtils.mergeObjects({}, Config);
-            inputStream = {
-                getWidth: function() {
-                    return imageSize.x;
-                },
-                getHeight: function() {
-                    return imageSize.y;
-                },
-                setWidth: function() {},
-                setHeight: function() {},
-                setTopRight: function() {},
-                setCanvasSize: function() {},
-                getConfig: function() {
-                    return streamConfig;
-                }
-            };
-            sinon.stub(inputStream, "setWidth", function(width) {
-                imageSize.x = width;
-            });
-            sinon.stub(inputStream, "setHeight", function(height) {
-                imageSize.y = height;
-            });
-            sinon.stub(inputStream, "setTopRight");
-            sinon.stub(inputStream, "setCanvasSize");
-        });
-
-        afterEach(function() {
-            inputStream.setWidth.restore();
-            inputStream.setHeight.restore();
-        });
-
-        it('should not adjust the image-size if not needed', function() {
-            var expected = {x: imageSize.x, y: imageSize.y};
-            BarcodeLocator.checkImageConstraints(inputStream, config.locator);
-            expect(inputStream.getWidth()).to.be.equal(expected.x);
-            expect(inputStream.getHeight()).to.be.equal(expected.y);
-        });
-
-        it('should adjust the image-size', function() {
-            var expected = {x: imageSize.x, y: imageSize.y};
-
-            config.locator.halfSample = true;
-            imageSize.y += 1;
-            BarcodeLocator.checkImageConstraints(inputStream, config.locator);
-            expect(inputStream.getWidth()).to.be.equal(expected.x);
-            expect(inputStream.getHeight()).to.be.equal(expected.y);
-        });
-
-        it('should adjust the image-size', function() {
-            var expected = {x: imageSize.x, y: imageSize.y};
-
-            imageSize.y += 1;
-            config.locator.halfSample = false;
-            BarcodeLocator.checkImageConstraints(inputStream, config.locator);
-            expect(inputStream.getHeight()).to.be.equal(expected.y);
-            expect(inputStream.getWidth()).to.be.equal(expected.x);
-        });
-
-        it("should take the defined area into account", function() {
-            var expectedSize = {
-                    x: 420,
-                    y: 315
-                },
-                expectedTopRight = {
-                    x: 115,
-                    y: 52
-                },
-                expectedCanvasSize = {
-                    x: 640,
-                    y: 480
-                };
-
-            streamConfig.area = {
-                top: "11%",
-                right: "15%",
-                bottom: "20%",
-                left: "18%"
-            };
-
-            config.locator.halfSample = false;
-            BarcodeLocator.checkImageConstraints(inputStream, config.locator);
-            expect(inputStream.getHeight()).to.be.equal(expectedSize.y);
-            expect(inputStream.getWidth()).to.be.equal(expectedSize.x);
-            expect(inputStream.setTopRight.getCall(0).args[0]).to.deep.equal(expectedTopRight);
-            expect(inputStream.setCanvasSize.getCall(0).args[0]).to.deep.equal(expectedCanvasSize);
-        });
-
-        it("should return the original size if set to full image", function() {
-            var expectedSize = {
-                    x: 640,
-                    y: 480
-                },
-                expectedTopRight = {
-                    x: 0,
-                    y: 0
-                },
-                expectedCanvasSize = {
-                    x: 640,
-                    y: 480
-                };
-
-            streamConfig.area = {
-                top: "0%",
-                right: "0%",
-                bottom: "0%",
-                left: "0%"
-            };
-
-            config.locator.halfSample = false;
-            BarcodeLocator.checkImageConstraints(inputStream, config.locator);
-            expect(inputStream.getHeight()).to.be.equal(expectedSize.y);
-            expect(inputStream.getWidth()).to.be.equal(expectedSize.x);
-            expect(inputStream.setTopRight.getCall(0).args[0]).to.deep.equal(expectedTopRight);
-            expect(inputStream.setCanvasSize.getCall(0).args[0]).to.deep.equal(expectedCanvasSize);
-        });
-    });
-});

spec/camera_access.spec.js

@@ -1,123 +0,0 @@
-define(['camera_access'], function(CameraAccess){
-    var originalURL,
-        originalMediaStreamTrack,
-        video,
-        stream;
-
-    beforeEach(function() {
-        var tracks = [{
-            stop: function() {}
-        }];
-        
-        originalURL = window.URL;
-        originalMediaStreamTrack = window.MediaStreamTrack;
-        window.MediaStreamTrack = {};
-        window.URL = null;
-        
-        
-        stream = {
-            getVideoTracks: function() {
-                return tracks;
-            }
-        };
-        sinon.spy(tracks[0], "stop");
-
-        video = {
-            src: null,
-            addEventListener: function() {
-                
-            },
-            removeEventListener: function() {
-
-            },
-            play: function() {
-                
-            },
-            videoWidth: 320,
-            videoHeight: 480
-        };
-        sinon.stub(video, "addEventListener", function(event, cb) {
-            cb();
-        });
-        sinon.stub(video, "play");
-    });
-    
-    afterEach(function() {
-        window.URL = originalURL;
-        window.MediaStreamTrack = originalMediaStreamTrack;
-    });
-    
-    describe('success', function() {
-        beforeEach(function() {
-            sinon.stub(navigator, "getUserMedia", function(constraints, success) {
-                success(stream);
-            });
-        });
-
-        afterEach(function() {
-            navigator.getUserMedia.restore();
-        });
-        describe('request', function () {
-            it('should request the camera', function (done) {
-                CameraAccess.request(video, {}, function () {
-                    expect(navigator.getUserMedia.calledOnce).to.equal(true);
-                    expect(video.src).to.deep.equal(stream);
-                    done();
-                });
-            });
-        });
-
-        describe('release', function () {
-            it('should release the camera', function (done) {
-                CameraAccess.request(video, {}, function () {
-                    expect(video.src).to.deep.equal(stream);
-                    CameraAccess.release();
-                    expect(video.src.getVideoTracks()).to.have.length(1);
-                    expect(video.src.getVideoTracks()[0].stop.calledOnce).to.equal(true);
-                    done();
-                });
-            });
-        });
-    });
-
-    describe('failure', function() {
-        describe("permission denied", function(){
-            before(function() {
-                sinon.stub(navigator, "getUserMedia", function(constraints, success, failure) {
-                    failure(new Error());
-                });
-            });
-
-            after(function() {
-                navigator.getUserMedia.restore();
-            });
-
-            it('should throw if getUserMedia not available', function(done) {
-                CameraAccess.request(video, {}, function(err) {
-                    expect(err).to.be.defined;
-                    done();
-                });
-            });
-        });
-
-        describe("not available", function(){
-            var originalGetUserMedia;
-
-            before(function() {
-                originalGetUserMedia = navigator.getUserMedia;
-                navigator.getUserMedia = undefined;
-            });
-
-            after(function() {
-                navigator.getUserMedia = originalGetUserMedia;
-            });
-
-            it('should throw if getUserMedia not available', function(done) {
-                CameraAccess.request(video, {}, function(err) {
-                    expect(err).to.be.defined;
-                    done();
-                });
-            });
-        });
-    });
-});

spec/cv_utils.spec.js

@@ -1,145 +0,0 @@
-
-define(['cv_utils'], function(CVUtils){
-    describe('imageRef', function() {
-        it('gets the image Reference for a coordinate', function() {
-            var res = CVUtils.imageRef(1, 2);
-            expect(res.x).to.equal(1);
-            expect(res.y).to.equal(2);
-            expect(res.toVec2()[0]).to.equal(1);
-        });
-    });
-
-    describe('calculatePatchSize', function() {
-        it('should not throw an error in case of valid image size', function() {
-            var expected = {x: 32, y: 32},
-                patchSize = CVUtils.calculatePatchSize("medium", {x: 640, y: 480});
-
-            expect(patchSize).to.be.deep.equal(expected);
-        });
-
-        it('should thow an error if image size it not valid', function() {
-            var expected = {x: 32, y: 32},
-                patchSize = CVUtils.calculatePatchSize("medium", {x: 640, y: 480});
-
-            expect(patchSize).to.be.deep.equal(expected);
-        });
-    });
-
-    describe('_parseCSSDimensionValues', function() {
-        it("should convert a percentual value correctly", function() {
-            var expected = {
-                    value: 10,
-                    unit: "%"
-                },
-                result = CVUtils._parseCSSDimensionValues("10%");
-
-            expect(result).to.be.deep.equal(expected);
-        });
-
-        it("should convert a 0% value correctly", function() {
-            var expected = {
-                    value: 100,
-                    unit: "%"
-                },
-                result = CVUtils._parseCSSDimensionValues("100%");
-
-            expect(result).to.be.deep.equal(expected);
-        });
-
-        it("should convert a 100% value correctly", function() {
-            var expected = {
-                    value: 0,
-                    unit: "%"
-                },
-                result = CVUtils._parseCSSDimensionValues("0%");
-
-            expect(result).to.be.deep.equal(expected);
-        });
-
-        it("should convert a pixel value to percentage", function() {
-            var expected = {
-                    value: 26.3,
-                    unit: "%"
-                },
-                result = CVUtils._parseCSSDimensionValues("26.3px");
-
-            console.log(result);
-            expect(result).to.be.deep.equal(expected);
-        });
-    });
-
-    describe("_dimensionsConverters", function(){
-        var context;
-
-        beforeEach(function() {
-            context = {
-                width: 640,
-                height: 480
-            };
-        });
-
-        it("should convert a top-value correclty", function() {
-            var expected = 48,
-                result = CVUtils._dimensionsConverters.top({value: 10, unit: "%"}, context);
-
-            expect(result).to.be.equal(expected);
-        });
-
-        it("should convert a right-value correclty", function() {
-            var expected = 640 - 128,
-                result = CVUtils._dimensionsConverters.right({value: 20, unit: "%"}, context);
-
-            expect(result).to.be.equal(expected);
-        });
-
-        it("should convert a bottom-value correclty", function() {
-            var expected = 480 - 77,
-                result = CVUtils._dimensionsConverters.bottom({value: 16, unit: "%"}, context);
-
-            expect(result).to.be.equal(expected);
-        });
-
-        it("should convert a left-value correclty", function() {
-            var expected = 57,
-                result = CVUtils._dimensionsConverters.left({value: 9, unit: "%"}, context);
-
-            expect(result).to.be.equal(expected);
-        });
-    });
-
-    describe("computeImageArea", function() {
-        it("should calculate an image-area", function() {
-            var expected = {
-                    sx: 115,
-                    sy: 48,
-                    sw: 429,
-                    sh: 336
-                },
-                result = CVUtils.computeImageArea(640, 480, {
-                    top: "10%",
-                    right: "15%",
-                    bottom: "20%",
-                    left: "18%"
-                });
-
-            expect(result).to.be.deep.equal(expected);
-        });
-
-        it("should calculate full image-area", function() {
-            var expected = {
-                    sx: 0,
-                    sy: 0,
-                    sw: 640,
-                    sh: 480
-                },
-                result = CVUtils.computeImageArea(640, 480, {
-                    top: "0%",
-                    right: "0%",
-                    bottom: "0%",
-                    left: "0%"
-                });
-
-            expect(result).to.be.deep.equal(expected);
-        });
-    });
-});

spec/events.spec.js

@@ -1,114 +0,0 @@
-define(['events'], function(Events){
-    beforeEach(function() {
-        Events.unsubscribe();
-    });
-    describe("subscribe", function() {
-        
-        
-        it("should call one callback for a single event", function() {
-            var callbackA = sinon.stub(),
-                callbackB = sinon.stub();
-                
-            Events.subscribe("test", callbackA);
-            Events.subscribe("test", callbackB);
-            Events.publish("test");
-            
-            expect(callbackA.calledOnce).to.be.equal(true);
-            expect(callbackB.calledOnce).to.be.equal(true);
-        });
-        
-        it("should call one callback twice if published twice", function() {
-            var callback = sinon.stub();
-            
-            Events.subscribe("test", callback);
-            
-            Events.publish("test");
-            Events.publish("test");
-            
-            expect(callback.calledTwice).to.be.equal(true);
-        });
-        
-        it("should call the callback asynchronuously", function(done) {
-            var test = {
-                    callback: function() {
-                        
-                    }
-                };
-            
-            sinon.stub(test, "callback", function() {
-                expect(test.callback.calledOnce).to.be.true;
-                done();
-            });
-            Events.subscribe("test", test.callback, true);
-            Events.publish("test");
-            expect(test.callback.called).to.be.false;
-        });
-    });
-    
-    describe("once", function() {
-        it("should call the callback once, even when published twice", function() {
-            var callbackA = sinon.stub(),
-                callbackB = sinon.stub();
-                
-            Events.once("test", callbackA);
-            Events.subscribe("test", callbackB);
-            
-            Events.publish("test");
-            Events.publish("test");
-            
-            expect(callbackA.calledOnce).to.be.equal(true);
-            expect(callbackB.calledTwice).to.be.equal(true);
-        });
-    });
-    
-    describe("unsubscribe", function() {
-        it("should unsubscribe all callbacks from a single event", function() {
-            var callbackA = sinon.stub(),
-                callbackB = sinon.stub(),
-                callbackC = sinon.stub();
-                
-            Events.subscribe("test", callbackA);
-            Events.subscribe("test", callbackB);
-            Events.subscribe("testC", callbackC);
-            
-            Events.publish("test");
-            
-            expect(callbackC.called).to.be.equal(false);
-            expect(callbackA.calledOnce).to.be.equal(true);
-            expect(callbackB.calledOnce).to.be.equal(true);
-            
-            Events.publish("testC");
-            
-            expect(callbackC.calledOnce).to.be.equal(true);
-            expect(callbackA.calledOnce).to.be.equal(true);
-            expect(callbackB.calledOnce).to.be.equal(true);
-            
-            Events.unsubscribe("test");
-            Events.publish("test");
-            
-            expect(callbackC.calledOnce).to.be.equal(true);
-            expect(callbackA.calledOnce).to.be.equal(true);
-            expect(callbackB.calledOnce).to.be.equal(true);
-        });
-        
-        it("should unsubscribe a single callback from a single event", function() {
-            var callbackA = sinon.stub(),
-                callbackB = sinon.stub();
-                
-            Events.subscribe("test", callbackA);
-            Events.subscribe("test", callbackB);
-            
-            Events.publish("test");
-            
-            expect(callbackA.calledOnce).to.be.equal(true);
-            expect(callbackB.calledOnce).to.be.equal(true);
-            
-            
-            Events.unsubscribe("test", callbackB);
-            Events.publish("test");
-            
-            expect(callbackA.calledTwice).to.be.equal(true);
-            expect(callbackB.calledOnce).to.be.equal(true);
-        });
-    });
-});

spec/integration.spec.js

@@ -1,248 +0,0 @@
-
-
-define(['quagga', 'async'], function(Quagga, async) {
-    describe('decodeSingle', function () {
-        var baseFolder = "base/test/fixtures/";
-
-        function generateConfig() {
-            return {
-                inputStream: {
-                    size: 640
-                },
-                locator: {
-                    patchSize: "medium",
-                    halfSample: true
-                },
-                numOfWorkers: 0,
-                decoder: {
-                    readers: ["ean_reader"]
-                },
-                locate: true,
-                src: null
-            };
-        }
-
-        this.timeout(10000);
-
-        function _runTestSet(testSet, config) {
-            var readers = config.decoder.readers.slice(),
-                format,
-                folder;
-
-            if (typeof readers[0] === 'string'){
-                format = readers[0];
-            } else {
-                format = readers[0].format;
-            }
-
-            folder = baseFolder + format.split('_').slice(0, -1).join('_') + "/";
-
-            it('should decode ' + folder + " correctly", function(done) {
-                async.eachSeries(testSet, function (sample, callback) {
-                    config.src = folder + sample.name;
-                    config.readers = readers;
-                    Quagga.decodeSingle(config, function(result) {
-                        console.log(sample.name);
-                        expect(result.codeResult.code).to.equal(sample.result);
-                        expect(result.codeResult.format).to.equal(sample.format);
-                        callback();
-                    });
-                }, function() {
-                    done();
-                });
-            });
-        }
-
-        describe("EAN", function() {
-            var config = generateConfig(),
-                testSet = [
-                    {"name": "image-001.jpg", "result": "3574660239843"},
-                    {"name": "image-002.jpg", "result": "8032754490297"},
-                    {"name": "image-003.jpg", "result": "4006209700068"},
-                    /* {"name": "image-004.jpg", "result": "9002233139084"}, */
-                    /* {"name": "image-005.jpg", "result": "8004030044005"}, */
-                    {"name": "image-006.jpg", "result": "4003626011159"},
-                    {"name": "image-007.jpg", "result": "2111220009686"},
-                    {"name": "image-008.jpg", "result": "9000275609022"},
-                    {"name": "image-009.jpg", "result": "9004593978587"},
-                    {"name": "image-010.jpg", "result": "9002244845578"}
-                ];
-
-            testSet.forEach(function(sample) {
-                sample.format = "ean_13";
-            });
-
-            config.decoder.readers = ['ean_reader'];
-            _runTestSet(testSet, config);
-        });
-
-        describe("Code128", function() {
-            var config = generateConfig(),
-                testSet = [
-                    {"name": "image-001.jpg", "result": "0001285112001000040801"},
-                    // {"name": "image-002.jpg", "result": "FANAVF1461710"},
-                    // {"name": "image-003.jpg", "result": "673023"},
-                    // {"name": "image-004.jpg", "result": "010210150301625334"},
-                    {"name": "image-005.jpg", "result": "419055603900009001012999"},
-                    {"name": "image-006.jpg", "result": "419055603900009001012999"},
-                    {"name": "image-007.jpg", "result": "T 000003552345"},
-                    {"name": "image-008.jpg", "result": "FANAVF1461710"},
-                    {"name": "image-009.jpg", "result": "0001285112001000040801"},
-                    {"name": "image-010.jpg", "result": "673023"}
-                ];
-
-            testSet.forEach(function(sample) {
-                sample.format = "code_128";
-            });
-
-            config.decoder.readers = ['code_128_reader'];
-            _runTestSet(testSet, config);
-        });
-
-        describe("Code39", function() {
-            var config = generateConfig(),
-                testSet = [
-                    {"name": "image-001.jpg", "result": "B3% $DAD$"},
-                    {"name": "image-003.jpg", "result": "CODE39"},
-                    {"name": "image-004.jpg", "result": "QUAGGAJS"},
-                    /* {"name": "image-005.jpg", "result": "CODE39"}, */
-                    {"name": "image-006.jpg", "result": "2/4-8/16-32"},
-                    {"name": "image-007.jpg", "result": "2/4-8/16-32"},
-                    {"name": "image-008.jpg", "result": "CODE39"},
-                    {"name": "image-009.jpg", "result": "2/4-8/16-32"},
-                    {"name": "image-010.jpg", "result": "CODE39"}
-                ];
-
-            testSet.forEach(function(sample) {
-                sample.format = "code_39";
-            });
-
-            config.decoder.readers = ['code_39_reader'];
-            _runTestSet(testSet, config);
-        });
-
-        describe("EAN-8", function() {
-            var config = generateConfig(),
-                testSet = [
-                    {"name": "image-001.jpg", "result": "42191605"},
-                    {"name": "image-002.jpg", "result": "42191605"},
-                    {"name": "image-003.jpg", "result": "90311208"},
-                    {"name": "image-004.jpg", "result": "24057257"},
-                    {"name": "image-005.jpg", "result": "90162602"},
-                    {"name": "image-006.jpg", "result": "24036153"},
-                    {"name": "image-007.jpg", "result": "42176817"},
-                    {"name": "image-008.jpg", "result": "42191605"},
-                    {"name": "image-009.jpg", "result": "42242215"},
-                    {"name": "image-010.jpg", "result": "42184799"}
-                ];
-
-            testSet.forEach(function(sample) {
-                sample.format = "ean_8";
-            });
-
-            config.decoder.readers = ['ean_8_reader'];
-            _runTestSet(testSet, config);
-        });
-
-        describe("UPC", function() {
-            var config = generateConfig(),
-                testSet = [
-                    {"name": "image-001.jpg", "result": "882428015268"},
-                    {"name": "image-002.jpg", "result": "882428015268"},
-                    {"name": "image-003.jpg", "result": "882428015084"},
-                    {"name": "image-004.jpg", "result": "882428015343"},
-                    {"name": "image-005.jpg", "result": "882428015343"},
-                    /* {"name": "image-006.jpg", "result": "882428015046"}, */
-                    {"name": "image-007.jpg", "result": "882428015084"},
-                    {"name": "image-008.jpg", "result": "882428015046"},
-                    {"name": "image-009.jpg", "result": "039047013551"},
-                    {"name": "image-010.jpg", "result": "039047013551"}
-                ];
-
-            testSet.forEach(function(sample) {
-                sample.format = "upc_a";
-            });
-
-            config.decoder.readers = ['upc_reader'];
-            _runTestSet(testSet, config);
-        });
-
-        describe("UPC-E", function() {
-            var config = generateConfig(),
-                testSet = [
-                    {"name": "image-001.jpg", "result": "04965802"},
-                    {"name": "image-002.jpg", "result": "04965802"},
-                    {"name": "image-003.jpg", "result": "03897425"},
-                    {"name": "image-004.jpg", "result": "05096893"},
-                    {"name": "image-005.jpg", "result": "05096893"},
-                    {"name": "image-006.jpg", "result": "05096893"},
-                    {"name": "image-007.jpg", "result": "03897425"},
-                    {"name": "image-008.jpg", "result": "01264904"},
-                    /*{"name": "image-009.jpg", "result": "01264904"},*/
-                    {"name": "image-010.jpg", "result": "01264904"}
-                ];
-
-            testSet.forEach(function(sample) {
-                sample.format = "upc_e";
-            });
-
-            config.decoder.readers = ['upc_e_reader'];
-            _runTestSet(testSet, config);
-        });
-
-        describe("Codabar", function() {
-            var config = generateConfig(),
-                testSet = [
-                    {"name": "image-001.jpg", "result": "A10/53+17-70D"},
-                    {"name": "image-002.jpg", "result": "B546745735B"},
-                    {"name": "image-003.jpg", "result": "C$399.95A"},
-                    {"name": "image-004.jpg", "result": "B546745735B"},
-                    {"name": "image-005.jpg", "result": "C$399.95A"},
-                    {"name": "image-006.jpg", "result": "B546745735B"},
-                    {"name": "image-007.jpg", "result": "C$399.95A"},
-                    {"name": "image-008.jpg", "result": "A16:9/4:3/3:2D"},
-                    {"name": "image-009.jpg", "result": "C$399.95A"},
-                    {"name": "image-010.jpg", "result": "C$399.95A"}
-                ];
-
-            testSet.forEach(function(sample) {
-                sample.format = "codabar";
-            });
-
-            config.decoder.readers = ['codabar_reader'];
-            _runTestSet(testSet, config);
-        });
-
-        describe("I2of5 with localization", function() {
-            var config = {
-                inputStream: {
-                    size: 800,
-                        singleChannel: false
-                },
-                locator: {
-                    patchSize: "small",
-                        halfSample: false
-                },
-                numOfWorkers: 0,
-                    decoder: {
-                    readers: ["i2of5_reader"],
-                },
-                locate: true,
-                    src: null
-            }, testSet = [
-                {"name": "image-001.jpg", "result": "2167361334"},
-                {"name": "image-002.jpg", "result": "2167361334"},
-                {"name": "image-003.jpg", "result": "2167361334"},
-                {"name": "image-004.jpg", "result": "2167361334"},
-                {"name": "image-005.jpg", "result": "2167361334"}
-            ];
-
-            testSet.forEach(function(sample) {
-                sample.format = "i2of5";
-            });
-
-            _runTestSet(testSet, config);
-
-        });
-    });
-});

spec/result_collector.spec.js

@@ -1,103 +0,0 @@
-
-define(['result_collector', 'image_debug'], function(ResultCollector, ImageDebug) {
-    var canvasMock,
-        imageSize,
-        config;
-
-    beforeEach(function() {
-        imageSize = {x: 320, y: 240};
-        config = {
-            capture: true,
-            capacity: 20,
-            blacklist: [{code: "3574660239843", format: "ean_13"}],
-            filter: function(codeResult) {
-                return true;
-            }
-        };
-        canvasMock = {
-            getContext: function() {
-                return {};
-            },
-            toDataURL: sinon.spy(),
-            width: 0,
-            height: 0
-        };
-        sinon.stub(document, "createElement", function(type) {
-            if (type === "canvas") {
-                return canvasMock;
-            }
-        });
-    });
-
-    afterEach(function() {
-        document.createElement.restore();
-    });
-
-
-    describe('create', function () {
-        it("should return a new collector", function() {
-            ResultCollector.create(config);
-            expect(document.createElement.calledOnce).to.be.equal(true);
-            expect(document.createElement.getCall(0).args[0]).to.equal("canvas");
-        });
-    });
-
-    describe('addResult', function() {
-        beforeEach(function() {
-            sinon.stub(ImageDebug, "drawImage", function() {});
-        });
-
-        afterEach(function() {
-            ImageDebug.drawImage.restore();
-        });
-
-        it("should not add result if capacity is full", function(){
-            config.capacity = 1;
-            var collector = ResultCollector.create(config);
-            collector.addResult([], imageSize, {});
-            collector.addResult([], imageSize, {});
-            collector.addResult([], imageSize, {});
-            expect(collector.getResults()).to.have.length(1);
-        });
-
-        it("should only add results which match constraints", function(){
-            var collector = ResultCollector.create(config),
-                results;
-
-            collector.addResult([], imageSize, {code: "423423443", format: "ean_13"});
-            collector.addResult([], imageSize, {code: "3574660239843", format: "ean_13"});
-            collector.addResult([], imageSize, {code: "3574660239843", format: "code_128"});
-
-            results = collector.getResults();
-            expect(results).to.have.length(2);
-
-            results.forEach(function(result) {
-                expect(result).not.to.deep.equal(config.blacklist[0]);
-            });
-        });
-
-        it("should add result if no filter is set", function() {
-            delete config.filter;
-            var collector = ResultCollector.create(config);
-
-            collector.addResult([], imageSize, {code: "423423443", format: "ean_13"});
-            expect(collector.getResults()).to.have.length(1);
-        });
-
-        it("should not add results if filter returns false", function() {
-            config.filter = function(){ return false };
-            var collector = ResultCollector.create(config);
-
-            collector.addResult([], imageSize, {code: "423423443", format: "ean_13"});
-            expect(collector.getResults()).to.have.length(0);
-        });
-
-        it("should add result if no blacklist is set", function() {
-            delete config.blacklist;
-            var collector = ResultCollector.create(config);
-
-            collector.addResult([], imageSize, {code: "3574660239843", format: "ean_13"});
-            expect(collector.getResults()).to.have.length(1);
-        });
-    });
-});

src/array_helper.js

@@ -1,10 +1,4 @@
-/* jshint undef: true, unused: true, browser:true, devel: true */
+export default {
-/* global define */
-
-define(function() {
-    "use strict";
-
-    return {
     init: function(arr, val) {
         var l = arr.length;
         while (l--) {
@@ -83,4 +77,3 @@ define(function() {
         return sum;
     }
 };
-}); 

src/barcode_decoder.js

@@ -1,33 +1,16 @@
-/* jshint undef: true, unused: true, browser:true, devel: true */
+import Bresenham from './bresenham';
-/* global define */
+import ImageDebug from './image_debug';
+import Code128Reader from './code_128_reader';
+import EANReader from './ean_reader';
+import Code39Reader from './code_39_reader';
+import Code39VINReader from './code_39_vin_reader';
+import CodabarReader from './codabar_reader';
+import UPCReader from './upc_reader';
+import EAN8Reader from './ean_8_reader';
+import UPCEReader from './upc_e_reader';
+import I2of5Reader from './i2of5_reader';
 
-define([
+const READERS = {
-    "bresenham",
-    "image_debug",
-    'code_128_reader',
-    'ean_reader',
-    'code_39_reader',
-    'code_39_vin_reader',
-    'codabar_reader',
-    'upc_reader',
-    'ean_8_reader',
-    'upc_e_reader',
-    'i2of5_reader'
-], function(
-    Bresenham,
-    ImageDebug,
-    Code128Reader,
-    EANReader,
-    Code39Reader,
-    Code39VINReader,
-    CodabarReader,
-    UPCReader,
-    EAN8Reader,
-    UPCEReader,
-    I2of5Reader) {
-    "use strict";
-
-    var readers = {
     code_128_reader: Code128Reader,
     ean_reader: EANReader,
     ean_8_reader: EAN8Reader,
@@ -38,7 +21,7 @@ define([
     upc_e_reader: UPCEReader,
     i2of5_reader: I2of5Reader
 };
-    var BarcodeDecoder = {
+export default {
     create: function(config, inputImageWrapper) {
         var _canvas = {
                 ctx: {
@@ -91,18 +74,19 @@ define([
         function initReaders() {
             config.readers.forEach(function(readerConfig) {
                 var reader,
-                        config = {};
+                    configuration = {};
 
                 if (typeof readerConfig === 'object') {
                     reader = readerConfig.format;
-                        config = readerConfig.config;
+                    configuration = readerConfig.config;
                 } else if (typeof readerConfig === 'string') {
                     reader = readerConfig;
                 }
-                    _barcodeReaders.push(new readers[reader](config));
+                console.log("Before registering reader: ", reader);
+                _barcodeReaders.push(new READERS[reader](configuration));
             });
             console.log("Registered Readers: " + _barcodeReaders
-                    .map(function(reader) {return JSON.stringify({format: reader.FORMAT, config: reader.config});})
+                .map((reader) => JSON.stringify({format: reader.FORMAT, config: reader.config}))
                 .join(', '));
         }
 
@@ -147,7 +131,8 @@ define([
 
             // check if inside image
             extendLine(ext);
-                while (ext > 1 && (!inputImageWrapper.inImageWithBorder(line[0], 0) || !inputImageWrapper.inImageWithBorder(line[1], 0))) {
+            while (ext > 1 && (!inputImageWrapper.inImageWithBorder(line[0], 0)
+                    || !inputImageWrapper.inImageWithBorder(line[1], 0))) {
                 ext -= Math.ceil(ext / 2);
                 extendLine(-ext);
             }
@@ -188,7 +173,6 @@ define([
                 codeResult: result,
                 barcodeLine: barcodeLine
             };
-
         }
 
         /**
@@ -300,6 +284,3 @@ define([
         };
     }
 };
-
-    return (BarcodeDecoder);
-});

src/barcode_locator.js

@@ -1,8 +1,11 @@
-/* jshint undef: true, unused: true, browser:true, devel: true */
+import ImageWrapper from './image_wrapper';
-/* global define */
+import CVUtils from './cv_utils';
-
+import Rasterizer from './rasterizer';
-define("barcode_locator", ["image_wrapper", "cv_utils", "rasterizer", "tracer", "skeletonizer", "array_helper", "image_debug", "gl-matrix"],
+import Tracer from './tracer';
-function(ImageWrapper, CVUtils, Rasterizer, Tracer, skeletonizer, ArrayHelper, ImageDebug, glMatrix) {
+import skeletonizer from './skeletonizer';
+import ArrayHelper from './array_helper';
+import ImageDebug from './image_debug';
+import glMatrix from 'gl-matrix';
 
 var _config,
     _currentImageWrapper,
@@ -26,8 +29,7 @@ function(ImageWrapper, CVUtils, Rasterizer, Tracer, skeletonizer, ArrayHelper, I
     _inputImageWrapper,
     _skeletonizer,
     vec2 = glMatrix.vec2,
-        mat2 = glMatrix.mat2,
+    mat2 = glMatrix.mat2;
-        self = this;
 
 function initBuffers() {
     var skeletonImageData;
@@ -51,9 +53,12 @@ function(ImageWrapper, CVUtils, Rasterizer, Tracer, skeletonizer, ArrayHelper, I
     _labelImageWrapper = new ImageWrapper(_patchSize, undefined, Array, true);
 
     skeletonImageData = new ArrayBuffer(64 * 1024);
-        _subImageWrapper = new ImageWrapper(_patchSize, new Uint8Array(skeletonImageData, 0, _patchSize.x * _patchSize.y));
+    _subImageWrapper = new ImageWrapper(_patchSize,
-        _skelImageWrapper = new ImageWrapper(_patchSize, new Uint8Array(skeletonImageData, _patchSize.x * _patchSize.y * 3, _patchSize.x * _patchSize.y), undefined, true);
+        new Uint8Array(skeletonImageData, 0, _patchSize.x * _patchSize.y));
-        _skeletonizer = skeletonizer(self, {
+    _skelImageWrapper = new ImageWrapper(_patchSize,
+        new Uint8Array(skeletonImageData, _patchSize.x * _patchSize.y * 3, _patchSize.x * _patchSize.y),
+        undefined, true);
+    _skeletonizer = skeletonizer((typeof window !== 'undefined') ? window : (typeof self !== 'undefined') ? self : global, {
         size: _patchSize.x
     }, skeletonImageData);
 
@@ -84,7 +89,18 @@ function(ImageWrapper, CVUtils, Rasterizer, Tracer, skeletonizer, ArrayHelper, I
  * @returns {Array} The minimal bounding box
  */
 function boxFromPatches(patches) {
-        var overAvg, i, j, patch, transMat, minx = _binaryImageWrapper.size.x, miny = _binaryImageWrapper.size.y, maxx = -_binaryImageWrapper.size.x, maxy = -_binaryImageWrapper.size.y, box, scale;
+    var overAvg,
+        i,
+        j,
+        patch,
+        transMat,
+        minx =
+        _binaryImageWrapper.size.x,
+        miny = _binaryImageWrapper.size.y,
+        maxx = -_binaryImageWrapper.size.x,
+        maxy = -_binaryImageWrapper.size.y,
+        box,
+        scale;
 
     // draw all patches which are to be taken into consideration
     overAvg = 0;
@@ -187,7 +203,6 @@ function(ImageWrapper, CVUtils, Rasterizer, Tracer, skeletonizer, ArrayHelper, I
         patch;
     for (i = 0; i < _numPatches.x; i++) {
         for (j = 0; j < _numPatches.y; j++) {
-
             x = _subImageWrapper.size.x * i;
             y = _subImageWrapper.size.y * j;
 
@@ -201,7 +216,8 @@ function(ImageWrapper, CVUtils, Rasterizer, Tracer, skeletonizer, ArrayHelper, I
             rasterResult = rasterizer.rasterize(0);
 
             if (_config.showLabels) {
-                    _labelImageWrapper.overlay(_canvasContainer.dom.binary, Math.floor(360 / rasterResult.count), {x : x, y : y});
+                _labelImageWrapper.overlay(_canvasContainer.dom.binary, Math.floor(360 / rasterResult.count),
+                    {x: x, y: y});
             }
 
             // calculate moments from the skeletonized patch
@@ -215,7 +231,8 @@ function(ImageWrapper, CVUtils, Rasterizer, Tracer, skeletonizer, ArrayHelper, I
     if (_config.showFoundPatches) {
         for ( i = 0; i < patchesFound.length; i++) {
             patch = patchesFound[i];
-                ImageDebug.drawRect(patch.pos, _subImageWrapper.size, _canvasContainer.ctx.binary, {color: "#99ff00", lineWidth: 2});
+            ImageDebug.drawRect(patch.pos, _subImageWrapper.size, _canvasContainer.ctx.binary,
+                {color: "#99ff00", lineWidth: 2});
         }
     }
 
@@ -295,7 +312,8 @@ function(ImageWrapper, CVUtils, Rasterizer, Tracer, skeletonizer, ArrayHelper, I
                     patch = patches[j];
                     hsv[0] = (topLabels[i].label / (maxLabel + 1)) * 360;
                     CVUtils.hsv2rgb(hsv, rgb);
-                        ImageDebug.drawRect(patch.pos, _subImageWrapper.size, _canvasContainer.ctx.binary, {color: "rgb(" + rgb.join(",") + ")", lineWidth: 2});
+                    ImageDebug.drawRect(patch.pos, _subImageWrapper.size, _canvasContainer.ctx.binary,
+                        {color: "rgb(" + rgb.join(",") + ")", lineWidth: 2});
                 }
             }
         }
@@ -343,7 +361,6 @@ function(ImageWrapper, CVUtils, Rasterizer, Tracer, skeletonizer, ArrayHelper, I
 function describePatch(moments, patchPos, x, y) {
     var k,
         avg,
-            sum = 0,
         eligibleMoments = [],
         matchingMoments,
         patch,
@@ -360,7 +377,6 @@ function(ImageWrapper, CVUtils, Rasterizer, Tracer, skeletonizer, ArrayHelper, I
 
         // if at least 2 moments are found which have at least minComponentWeights covered
         if (eligibleMoments.length >= 2) {
-                sum = eligibleMoments.length;
             matchingMoments = similarMoments(eligibleMoments);
             avg = 0;
             // determine the similarity of the moments
@@ -370,7 +386,9 @@ function(ImageWrapper, CVUtils, Rasterizer, Tracer, skeletonizer, ArrayHelper, I
 
             // Only two of the moments are allowed not to fit into the equation
             // add the patch to the set
-                if (matchingMoments.length > 1 && matchingMoments.length >= (eligibleMoments.length / 4) * 3 && matchingMoments.length > moments.length / 4) {
+            if (matchingMoments.length > 1
+                    && matchingMoments.length >= (eligibleMoments.length / 4) * 3
+                    && matchingMoments.length > moments.length / 4) {
                 avg /= matchingMoments.length;
                 patch = {
                     index: patchPos[1] * _numPatches.x + patchPos[0],
@@ -378,7 +396,12 @@ function(ImageWrapper, CVUtils, Rasterizer, Tracer, skeletonizer, ArrayHelper, I
                         x: x,
                         y: y
                     },
-                        box : [vec2.clone([x, y]), vec2.clone([x + _subImageWrapper.size.x, y]), vec2.clone([x + _subImageWrapper.size.x, y + _subImageWrapper.size.y]), vec2.clone([x, y + _subImageWrapper.size.y])],
+                    box: [
+                        vec2.clone([x, y]),
+                        vec2.clone([x + _subImageWrapper.size.x, y]),
+                        vec2.clone([x + _subImageWrapper.size.x, y + _subImageWrapper.size.y]),
+                        vec2.clone([x, y + _subImageWrapper.size.y])
+                    ],
                     moments: matchingMoments,
                     rad: avg,
                     vec: vec2.clone([Math.cos(avg), Math.sin(avg)])
@@ -414,10 +437,16 @@ function(ImageWrapper, CVUtils, Rasterizer, Tracer, skeletonizer, ArrayHelper, I
     }
 
     function trace(currentIdx) {
-            var x, y, currentPatch, patch, idx, dir, current = {
+        var x,
+            y,
+            currentPatch,
+            idx,
+            dir,
+            current = {
                 x: currentIdx % _patchLabelGrid.size.x,
                 y: (currentIdx / _patchLabelGrid.size.x) | 0
-            }, similarity;
+            },
+            similarity;
 
         if (currentIdx < _patchLabelGrid.data.length) {
             currentPatch = _imageToPatchGrid.data[currentIdx];
@@ -434,9 +463,8 @@ function(ImageWrapper, CVUtils, Rasterizer, Tracer, skeletonizer, ArrayHelper, I
                     continue;
                 }
 
-                    patch = _imageToPatchGrid.data[idx];
                 if (_patchLabelGrid.data[idx] === 0) {
-                        similarity = Math.abs(vec2.dot(patch.vec, currentPatch.vec));
+                    similarity = Math.abs(vec2.dot(_imageToPatchGrid.data[idx].vec, currentPatch.vec));
                     if (similarity > threshold) {
                         trace(idx);
                     }
@@ -471,7 +499,8 @@ function(ImageWrapper, CVUtils, Rasterizer, Tracer, skeletonizer, ArrayHelper, I
                 patch = _imageToPatchGrid.data[j];
                 hsv[0] = (_patchLabelGrid.data[j] / (label + 1)) * 360;
                 CVUtils.hsv2rgb(hsv, rgb);
-                    ImageDebug.drawRect(patch.pos, _subImageWrapper.size, _canvasContainer.ctx.binary, {color: "rgb(" + rgb.join(",") + ")", lineWidth: 2});
+                ImageDebug.drawRect(patch.pos, _subImageWrapper.size, _canvasContainer.ctx.binary,
+                    {color: "rgb(" + rgb.join(",") + ")", lineWidth: 2});
             }
         }
     }
@@ -479,7 +508,7 @@ function(ImageWrapper, CVUtils, Rasterizer, Tracer, skeletonizer, ArrayHelper, I
     return label;
 }
 
-    return {
+export default {
     init: function(inputImageWrapper, config) {
         _config = config;
         _inputImageWrapper = inputImageWrapper;
@@ -557,5 +586,3 @@ function(ImageWrapper, CVUtils, Rasterizer, Tracer, skeletonizer, ArrayHelper, I
             ") must a multiple of " + patchSize.x);
     }
 };
-});
-

src/barcode_reader.js

@@ -1,10 +1,3 @@
-/* jshint undef: true, unused: true, browser:true, devel: true */
-/* global define */
-
-define(
-    function() {
-        "use strict";
-        
 function BarcodeReader(config) {
     this._row = [];
     this.config = config || {};
@@ -226,6 +219,4 @@ define(
 
 BarcodeReader.CONFIG_KEYS = {};
 
-        return (BarcodeReader);
+export default BarcodeReader;
-    }
-);

src/bresenham.js

@@ -1,8 +1,6 @@
-/* jshint undef: true, unused: true, browser:true, devel: true */
+import CVUtils from './cv_utils';
-/* global define */
+import ImageWrapper from './image_wrapper';
 
-define(["cv_utils", "image_wrapper"], function(CVUtils, ImageWrapper) {
-    "use strict";
 var Bresenham = {};
 
 var Slope = {
@@ -112,7 +110,6 @@ define(["cv_utils", "image_wrapper"], function(CVUtils, ImageWrapper) {
  * @param {Object} result {line, min, max}
  */
 Bresenham.toBinaryLine = function(result) {
-
     var min = result.min,
         max = result.max,
         line = result.line,
@@ -213,5 +210,4 @@ define(["cv_utils", "image_wrapper"], function(CVUtils, ImageWrapper) {
     }
 };
 
-    return (Bresenham);
+export default Bresenham;
-}); 

src/camera_access.js

@@ -1,8 +1,5 @@
-/* jshint undef: true, unused: true, browser:true, devel: true */
+const merge = require('lodash/object/merge');
-/* global define, MediaStreamTrack */
 
-define(["html_utils"], function(HtmlUtils) {
-    "use strict";
 var streamRef,
     loadedDataHandler;
 
@@ -75,7 +72,7 @@ define(["html_utils"], function(HtmlUtils) {
             audio: false,
             video: true
         },
-            videoConstraints = HtmlUtils.mergeObjects({
+        videoConstraints = merge({
             width: 640,
             height: 480,
             minAspectRatio: 0,
@@ -86,9 +83,9 @@ define(["html_utils"], function(HtmlUtils) {
     if ( typeof MediaStreamTrack !== 'undefined' && typeof MediaStreamTrack.getSources !== 'undefined') {
         MediaStreamTrack.getSources(function(sourceInfos) {
             var videoSourceId;
-                for (var i = 0; i != sourceInfos.length; ++i) {
+            for (var i = 0; i < sourceInfos.length; ++i) {
                 var sourceInfo = sourceInfos[i];
-                    if (sourceInfo.kind == "video" && sourceInfo.facing == videoConstraints.facing) {
+                if (sourceInfo.kind === "video" && sourceInfo.facing === videoConstraints.facing) {
                     videoSourceId = sourceInfo.id;
                 }
             }
@@ -128,7 +125,7 @@ define(["html_utils"], function(HtmlUtils) {
     });
 }
 
-    return {
+export default {
     request: function(video, constraints, callback) {
         request(video, constraints, callback);
     },
@@ -140,4 +137,3 @@ define(["html_utils"], function(HtmlUtils) {
         streamRef = null;
     }
 };
-});

src/cluster.js

@@ -1,28 +1,24 @@
-/* jshint undef: true, unused: true, browser:true, devel: true */
+import {vec2} from 'gl-matrix';
-/* global define */
-
-define(["gl-matrix"], function(glMatrix) {
-    "use strict";
-
-    var vec2 = glMatrix.vec2;
     /**
      * Creates a cluster for grouping similar orientations of datapoints
      */
-    var Cluster = {
+export default {
     create: function(point, threshold) {
-            var points = [], center = {
+        var points = [],
+            center = {
                 rad: 0,
                 vec: vec2.clone([0, 0])
-            }, pointMap = {};
+            },
+            pointMap = {};
 
         function init() {
             add(point);
             updateCenter();
         }
 
-            function add(point) {
+        function add(pointToAdd) {
-                pointMap[point.id] = point;
+            pointMap[pointToAdd.id] = pointToAdd;
-                points.push(point);
+            points.push(pointToAdd);
         }
 
         function updateCenter() {
@@ -37,15 +33,15 @@ define(["gl-matrix"], function(glMatrix) {
         init();
 
         return {
-                add : function(point) {
+            add: function(pointToAdd) {
-                    if (!pointMap[point.id]) {
+                if (!pointMap[pointToAdd.id]) {
-                        add(point);
+                    add(pointToAdd);
                     updateCenter();
                 }
             },
-                fits : function(point) {
+            fits: function(otherPoint) {
                 // check cosine similarity to center-angle
-                    var similarity = Math.abs(vec2.dot(point.point.vec, center.vec));
+                var similarity = Math.abs(vec2.dot(otherPoint.point.vec, center.vec));
                 if (similarity > threshold) {
                     return true;
                 }
@@ -59,14 +55,11 @@ define(["gl-matrix"], function(glMatrix) {
             }
         };
     },
-        createPoint : function(point, id, property) {
+    createPoint: function(newPoint, id, property) {
         return {
-                rad : point[property],
+            rad: newPoint[property],
-                point : point,
+            point: newPoint,
             id: id
         };
     }
 };
-
-    return (Cluster);
-});

src/codabar_reader.js

@@ -1,12 +1,4 @@
-/* jshint undef: true, unused: true, browser:true, devel: true */
+import BarcodeReader from './barcode_reader';
-/* global define */
-
-define(
-    [
-        "./barcode_reader"
-    ],
-    function(BarcodeReader) {
-        "use strict";
 
 function CodabarReader() {
     BarcodeReader.call(this);
@@ -16,7 +8,8 @@ define(
 var properties = {
     ALPHABETH_STRING: {value: "0123456789-$:/.+ABCD"},
     ALPHABET: {value: [48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 45, 36, 58, 47, 46, 43, 65, 66, 67, 68]},
-            CHARACTER_ENCODINGS: {value: [0x003, 0x006, 0x009, 0x060, 0x012, 0x042, 0x021, 0x024, 0x030, 0x048, 0x00c, 0x018, 0x045, 0x051, 0x054, 0x015, 0x01A, 0x029, 0x00B, 0x00E]},
+    CHARACTER_ENCODINGS: {value: [0x003, 0x006, 0x009, 0x060, 0x012, 0x042, 0x021, 0x024, 0x030, 0x048, 0x00c, 0x018,
+        0x045, 0x051, 0x054, 0x015, 0x01A, 0x029, 0x00B, 0x00E]},
     START_END: {value: [0x01A, 0x029, 0x00B, 0x00E]},
     MIN_ENCODED_CHARS: {value: 4},
     MAX_ACCEPTABLE: {value: 2.0},
@@ -86,8 +79,10 @@ define(
 };
 
 CodabarReader.prototype._verifyWhitespace = function(startCounter, endCounter) {
-            if ((startCounter - 1 <= 0) || this._counters[startCounter-1] >= (this._calculatePatternLength(startCounter) / 2.0)) {
+    if ((startCounter - 1 <= 0)
-                if ((endCounter + 8 >= this._counters.length) || this._counters[endCounter+7] >= (this._calculatePatternLength(endCounter) / 2.0)) {
+            || this._counters[startCounter - 1] >= (this._calculatePatternLength(startCounter) / 2.0)) {
+        if ((endCounter + 8 >= this._counters.length)
+                || this._counters[endCounter + 7] >= (this._calculatePatternLength(endCounter) / 2.0)) {
             return true;
         }
     }
@@ -137,10 +132,11 @@ define(
     }
 
     ["space", "bar"].forEach(function(key) {
-                var kind = categorization[key];
+        var newkind = categorization[key];
-                kind.wide.min = Math.floor((kind.narrow.size/kind.narrow.counts + kind.wide.size / kind.wide.counts) / 2);
+        newkind.wide.min =
-                kind.narrow.max = Math.ceil(kind.wide.min);
+            Math.floor((newkind.narrow.size / newkind.narrow.counts + newkind.wide.size / newkind.wide.counts) / 2);
-                kind.wide.max = Math.ceil((kind.wide.size * self.MAX_ACCEPTABLE + self.PADDING) / kind.wide.counts);
+        newkind.narrow.max = Math.ceil(newkind.wide.min);
+        newkind.wide.max = Math.ceil((newkind.wide.size * self.MAX_ACCEPTABLE + self.PADDING) / newkind.wide.counts);
     });
 
     return categorization;
@@ -289,6 +285,4 @@ define(
     }
 };
 
-        return (CodabarReader);
+export default CodabarReader;
-    }
-);

src/code_128_reader.js

@@ -1,12 +1,4 @@
-/* jshint undef: true, unused: true, browser:true, devel: true */
+import BarcodeReader from './barcode_reader';
-/* global define */
-
-define(
-     [
-        "./barcode_reader"
-    ],
-    function(BarcodeReader) {
-        "use strict";
 
 function Code128Reader() {
     BarcodeReader.call(this);
@@ -255,8 +247,7 @@ define(
         rawResult = [],
         decodedCodes = [],
         shiftNext = false,
-                unshift,
+        unshift;
-                lastCharacterWasPrintable;
 
     if (startInfo === null) {
         return null;
@@ -322,9 +313,6 @@ define(
                 if (code.code < 96) {
                     result.push(String.fromCharCode(32 + code.code));
                 } else {
-                            if (code.code != self.STOP_CODE) {
-                                lastCharacterWasPrintable = false;
-                            }
                     switch (code.code) {
                     case self.CODE_SHIFT:
                         shiftNext = true;
@@ -363,7 +351,7 @@ define(
             done = true;
         }
         if (unshift) {
-                    codeset = codeset == self.CODE_A ? self.CODE_B : self.CODE_A;
+            codeset = codeset === self.CODE_A ? self.CODE_B : self.CODE_A;
         }
     }
 
@@ -380,7 +368,7 @@ define(
     // checksum
     // Does not work correctly yet!!! startcode - endcode?
     checksum -= multiplier * rawResult[rawResult.length - 1];
-            if (checksum % 103 != rawResult[rawResult.length - 1]) {
+    if (checksum % 103 !== rawResult[rawResult.length - 1]) {
         return null;
     }
 
@@ -391,8 +379,6 @@ define(
     // remove last code from result (checksum)
     result.splice(result.length - 1, 1);
 
-
-
     return {
         code: result.join(""),
         start: startInfo.start,
@@ -418,6 +404,4 @@ define(
     return null;
 };
 
-        return (Code128Reader);
+export default Code128Reader;
-    }
-);

src/code_39_reader.js

@@ -1,13 +1,5 @@
-/* jshint undef: true, unused: true, browser:true, devel: true */
+import BarcodeReader from './barcode_reader';
-/* global define */
+import ArrayHelper from './array_helper';
-
-define(
-    [
-        "./barcode_reader",
-        "./array_helper"
-    ],
-    function(BarcodeReader, ArrayHelper) {
-        "use strict";
 
 function Code39Reader() {
     BarcodeReader.call(this);
@@ -15,8 +7,12 @@ define(
 
 var properties = {
     ALPHABETH_STRING: {value: "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ-. *$/+%"},
-            ALPHABET: {value: [48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82, 83, 84, 85, 86, 87, 88, 89, 90, 45, 46, 32, 42, 36, 47, 43, 37]},
+    ALPHABET: {value: [48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78,
-            CHARACTER_ENCODINGS: {value: [0x034, 0x121, 0x061, 0x160, 0x031, 0x130, 0x070, 0x025, 0x124, 0x064, 0x109, 0x049, 0x148, 0x019, 0x118, 0x058, 0x00D, 0x10C, 0x04C, 0x01C, 0x103, 0x043, 0x142, 0x013, 0x112, 0x052, 0x007, 0x106, 0x046, 0x016, 0x181, 0x0C1, 0x1C0, 0x091, 0x190, 0x0D0, 0x085, 0x184, 0x0C4, 0x094, 0x0A8, 0x0A2, 0x08A, 0x02A]},
+        79, 80, 81, 82, 83, 84, 85, 86, 87, 88, 89, 90, 45, 46, 32, 42, 36, 47, 43, 37]},
+    CHARACTER_ENCODINGS: {value: [0x034, 0x121, 0x061, 0x160, 0x031, 0x130, 0x070, 0x025, 0x124, 0x064, 0x109, 0x049,
+        0x148, 0x019, 0x118, 0x058, 0x00D, 0x10C, 0x04C, 0x01C, 0x103, 0x043, 0x142, 0x013, 0x112, 0x052, 0x007, 0x106,
+        0x046, 0x016, 0x181, 0x0C1, 0x1C0, 0x091, 0x190, 0x0D0, 0x085, 0x184, 0x0C4, 0x094, 0x0A8, 0x0A2, 0x08A, 0x02A
+    ]},
     ASTERISK: {value: 0x094},
     FORMAT: {value: "code_39", writeable: false}
 };
@@ -187,7 +183,6 @@ define(
             counter[counterPos]++;
         } else {
             if (counterPos === counter.length - 1) {
-
                 // find start pattern
                 if (self._toPattern(counter) === self.ASTERISK) {
                     whiteSpaceMustStart = Math.floor(Math.max(0, patternStart - ((i - patternStart) / 4)));
@@ -216,6 +211,4 @@ define(
     return null;
 };
 
-        return (Code39Reader);
+export default Code39Reader;
-    }
-);

src/code_39_vin_reader.js

@@ -1,12 +1,4 @@
-/* jshint undef: true, unused: true, browser:true, devel: true */
+import Code39Reader from './code_39_reader';
-/* global define */
-
-define(
-    [
-        "./code_39_reader"
-    ],
-    function(Code39Reader) {
-        "use strict";
 
 function Code39VINReader() {
     Code39Reader.call(this);
@@ -31,7 +23,7 @@ define(
     var code = result.code;
 
     if (!code) {
-                return;
+        return null;
     }
 
     code = code.replace(patterns.IOQ, '');
@@ -54,6 +46,4 @@ define(
     return !!code;
 };
 
-        return (Code39VINReader);
+export default Code39VINReader;
-    }
-);

src/config.js

@@ -1,10 +1,6 @@
-/**
+export default {
- * The basic configuration
+    inputStream: {
- */
+        name: "Live",
-
-define(function(){
-  var config = {
-      inputStream: { name: "Live",
         type: "LiveStream",
         constraints: {
             width: 640,
@@ -55,6 +51,3 @@ define(function(){
         }
     }
 };
-
-   return config;
-});

src/cv_utils.js

@@ -1,22 +1,8 @@
-/* jshint undef: true, unused: true, browser:true, devel: true */
+import Cluster2 from './cluster';
-/* global define */
+import ArrayHelper from './array_helper';
+import {vec2, vec3} from 'gl-matrix';
 
-define(['cluster', "array_helper", "gl-matrix"], function(Cluster2, ArrayHelper, glMatrix) {
+var CVUtils = {};
-
-    "use strict";
-    /*
-    * cv_utils.js
-    * Collection of CV functions and libraries
-    */
-
-    /**
-     * Namespace for various CV alorithms
-     * @class Represents a collection of useful CV algorithms/functions
-     */
-
-    var CVUtils = {},
-        vec2 = glMatrix.vec2,
-        vec3 = glMatrix.vec3;
 
 /**
  * @param x x-coordinate
@@ -79,7 +65,8 @@ define(['cluster', "array_helper", "gl-matrix"], function(Cluster2, ArrayHelper,
         posC = y * width;
         posD = (y - 1) * width;
         for ( x = 1; x < width; x++) {
-                integralImageData[posA] += imageData[posA] + integralImageData[posB] + integralImageData[posC] - integralImageData[posD];
+            integralImageData[posA] +=
+                imageData[posA] + integralImageData[posB] + integralImageData[posC] - integralImageData[posD];
             posA++;
             posB++;
             posC++;
@@ -261,12 +248,12 @@ define(['cluster', "array_helper", "gl-matrix"], function(Cluster2, ArrayHelper,
         property = "rad";
     }
 
-        function addToCluster(point) {
+    function addToCluster(newPoint) {
         var found = false;
         for ( k = 0; k < clusters.length; k++) {
             cluster = clusters[k];
-                if (cluster.fits(point)) {
+            if (cluster.fits(newPoint)) {
-                    cluster.add(point);
+                cluster.add(newPoint);
                 found = true;
             }
         }
@@ -280,9 +267,7 @@ define(['cluster', "array_helper", "gl-matrix"], function(Cluster2, ArrayHelper,
             clusters.push(Cluster2.create(point, threshold));
         }
     }
-
     return clusters;
-
 };
 
 CVUtils.Tracer = {
@@ -293,7 +278,10 @@ define(['cluster', "array_helper", "gl-matrix"], function(Cluster2, ArrayHelper,
             var from, to, toIdx, predictedPos, thresholdX = 1, thresholdY = Math.abs(vec[1] / 10), found = false;
 
             function match(pos, predicted) {
-                    if (pos.x > (predicted.x - thresholdX) && pos.x < (predicted.x + thresholdX) && pos.y > (predicted.y - thresholdY) && pos.y < (predicted.y + thresholdY)) {
+                if (pos.x > (predicted.x - thresholdX)
+                        && pos.x < (predicted.x + thresholdX)
+                        && pos.y > (predicted.y - thresholdY)
+                        && pos.y < (predicted.y + thresholdY)) {
                     return true;
                 } else {
                     return false;
@@ -348,9 +336,7 @@ define(['cluster', "array_helper", "gl-matrix"], function(Cluster2, ArrayHelper,
                 result = top;
             }
         }
-
         return result;
-
     }
 };
 
@@ -358,7 +344,17 @@ define(['cluster', "array_helper", "gl-matrix"], function(Cluster2, ArrayHelper,
 CVUtils.ERODE = 2;
 
 CVUtils.dilate = function(inImageWrapper, outImageWrapper) {
-        var v, u, inImageData = inImageWrapper.data, outImageData = outImageWrapper.data, height = inImageWrapper.size.y, width = inImageWrapper.size.x, sum, yStart1, yStart2, xStart1, xStart2;
+    var v,
+        u,
+        inImageData = inImageWrapper.data,
+        outImageData = outImageWrapper.data,
+        height = inImageWrapper.size.y,
+        width = inImageWrapper.size.x,
+        sum,
+        yStart1,
+        yStart2,
+        xStart1,
+        xStart2;
 
     for ( v = 1; v < height - 1; v++) {
         for ( u = 1; u < width - 1; u++) {
@@ -366,17 +362,26 @@ define(['cluster', "array_helper", "gl-matrix"], function(Cluster2, ArrayHelper,
             yStart2 = v + 1;
             xStart1 = u - 1;
             xStart2 = u + 1;
-                sum = inImageData[yStart1 * width + xStart1]/* +   inImageData[yStart1*width+u] */ + inImageData[yStart1 * width + xStart2] +
+            sum = inImageData[yStart1 * width + xStart1] + inImageData[yStart1 * width + xStart2] +
-                /* inImageData[v*width+xStart1]  + */
+            inImageData[v * width + u] +
-                inImageData[v * width + u] + /* inImageData[v*width+xStart2] +*/
+            inImageData[yStart2 * width + xStart1] + inImageData[yStart2 * width + xStart2];
-                inImageData[yStart2 * width + xStart1]/* +   inImageData[yStart2*width+u]*/ + inImageData[yStart2 * width + xStart2];
             outImageData[v * width + u] = sum > 0 ? 1 : 0;
         }
     }
 };
 
 CVUtils.erode = function(inImageWrapper, outImageWrapper) {
-        var v, u, inImageData = inImageWrapper.data, outImageData = outImageWrapper.data, height = inImageWrapper.size.y, width = inImageWrapper.size.x, sum, yStart1, yStart2, xStart1, xStart2;
+    var v,
+        u,
+        inImageData = inImageWrapper.data,
+        outImageData = outImageWrapper.data,
+        height = inImageWrapper.size.y,
+        width = inImageWrapper.size.x,
+        sum,
+        yStart1,
+        yStart2,
+        xStart1,
+        xStart2;
 
     for ( v = 1; v < height - 1; v++) {
         for ( u = 1; u < width - 1; u++) {
@@ -384,10 +389,9 @@ define(['cluster', "array_helper", "gl-matrix"], function(Cluster2, ArrayHelper,
             yStart2 = v + 1;
             xStart1 = u - 1;
             xStart2 = u + 1;
-                sum = inImageData[yStart1 * width + xStart1]/* +   inImageData[yStart1*width+u] */ + inImageData[yStart1 * width + xStart2] +
+            sum = inImageData[yStart1 * width + xStart1] + inImageData[yStart1 * width + xStart2] +
-                /* inImageData[v*width+xStart1]  + */
+            inImageData[v * width + u] +
-                inImageData[v * width + u] + /* inImageData[v*width+xStart2] +*/
+            inImageData[yStart2 * width + xStart1] + inImageData[yStart2 * width + xStart2];
-                inImageData[yStart2 * width + xStart1]/* +   inImageData[yStart2*width+u]*/ + inImageData[yStart2 * width + xStart2];
             outImageData[v * width + u] = sum === 5 ? 1 : 0;
         }
     }
@@ -397,7 +401,10 @@ define(['cluster', "array_helper", "gl-matrix"], function(Cluster2, ArrayHelper,
     if (!resultImageWrapper) {
         resultImageWrapper = aImageWrapper;
     }
-        var length = aImageWrapper.data.length, aImageData = aImageWrapper.data, bImageData = bImageWrapper.data, cImageData = resultImageWrapper.data;
+    var length = aImageWrapper.data.length,
+        aImageData = aImageWrapper.data,
+        bImageData = bImageWrapper.data,
+        cImageData = resultImageWrapper.data;
 
     while (length--) {
         cImageData[length] = aImageData[length] - bImageData[length];
@@ -408,7 +415,10 @@ define(['cluster', "array_helper", "gl-matrix"], function(Cluster2, ArrayHelper,
     if (!resultImageWrapper) {
         resultImageWrapper = aImageWrapper;
     }
-        var length = aImageWrapper.data.length, aImageData = aImageWrapper.data, bImageData = bImageWrapper.data, cImageData = resultImageWrapper.data;
+    var length = aImageWrapper.data.length,
+        aImageData = aImageWrapper.data,
+        bImageData = bImageWrapper.data,
+        cImageData = resultImageWrapper.data;
 
     while (length--) {
         cImageData[length] = aImageData[length] || bImageData[length];
@@ -475,7 +485,19 @@ define(['cluster', "array_helper", "gl-matrix"], function(Cluster2, ArrayHelper,
 
     while (bottomRowIdx < endIdx) {
         for ( i = 0; i < outWidth; i++) {
-                outArray[outImgIdx] = Math.floor(((0.299 * canvasData[topRowIdx * 4 + 0] + 0.587 * canvasData[topRowIdx * 4 + 1] + 0.114 * canvasData[topRowIdx * 4 + 2]) + (0.299 * canvasData[(topRowIdx + 1) * 4 + 0] + 0.587 * canvasData[(topRowIdx + 1) * 4 + 1] + 0.114 * canvasData[(topRowIdx + 1) * 4 + 2]) + (0.299 * canvasData[(bottomRowIdx) * 4 + 0] + 0.587 * canvasData[(bottomRowIdx) * 4 + 1] + 0.114 * canvasData[(bottomRowIdx) * 4 + 2]) + (0.299 * canvasData[(bottomRowIdx + 1) * 4 + 0] + 0.587 * canvasData[(bottomRowIdx + 1) * 4 + 1] + 0.114 * canvasData[(bottomRowIdx + 1) * 4 + 2])) / 4);
+            outArray[outImgIdx] = Math.floor((
+                (0.299 * canvasData[topRowIdx * 4 + 0] +
+                 0.587 * canvasData[topRowIdx * 4 + 1] +
+                 0.114 * canvasData[topRowIdx * 4 + 2]) +
+                (0.299 * canvasData[(topRowIdx + 1) * 4 + 0] +
+                 0.587 * canvasData[(topRowIdx + 1) * 4 + 1] +
+                 0.114 * canvasData[(topRowIdx + 1) * 4 + 2]) +
+                (0.299 * canvasData[(bottomRowIdx) * 4 + 0] +
+                 0.587 * canvasData[(bottomRowIdx) * 4 + 1] +
+                 0.114 * canvasData[(bottomRowIdx) * 4 + 2]) +
+                (0.299 * canvasData[(bottomRowIdx + 1) * 4 + 0] +
+                 0.587 * canvasData[(bottomRowIdx + 1) * 4 + 1] +
+                 0.114 * canvasData[(bottomRowIdx + 1) * 4 + 2])) / 4);
             outImgIdx++;
             topRowIdx = topRowIdx + 2;
             bottomRowIdx = bottomRowIdx + 2;
@@ -483,7 +505,6 @@ define(['cluster', "array_helper", "gl-matrix"], function(Cluster2, ArrayHelper,
         topRowIdx = topRowIdx + inWidth;
         bottomRowIdx = bottomRowIdx + inWidth;
     }
-
 };
 
 CVUtils.computeGray = function(imageData, outArray, config) {
@@ -497,14 +518,16 @@ define(['cluster', "array_helper", "gl-matrix"], function(Cluster2, ArrayHelper,
         }
     } else {
         for (i = 0; i < l; i++) {
-                outArray[i] = Math.floor(0.299 * imageData[i * 4 + 0] + 0.587 * imageData[i * 4 + 1] + 0.114 * imageData[i * 4 + 2]);
+            outArray[i] = Math.floor(
+                0.299 * imageData[i * 4 + 0] + 0.587 * imageData[i * 4 + 1] + 0.114 * imageData[i * 4 + 2]);
         }
     }
 };
 
 CVUtils.loadImageArray = function(src, callback, canvas) {
-        if (!canvas)
+    if (!canvas) {
         canvas = document.createElement('canvas');
+    }
     var img = new Image();
     img.callback = callback;
     img.onload = function() {
@@ -539,7 +562,8 @@ define(['cluster', "array_helper", "gl-matrix"], function(Cluster2, ArrayHelper,
     var outImgIdx = 0;
     while (bottomRowIdx < endIdx) {
         for (var i = 0; i < outWidth; i++) {
-                outImg[outImgIdx] = Math.floor((inImg[topRowIdx] + inImg[topRowIdx + 1] + inImg[bottomRowIdx] + inImg[bottomRowIdx + 1]) / 4);
+            outImg[outImgIdx] = Math.floor(
+                (inImg[topRowIdx] + inImg[topRowIdx + 1] + inImg[bottomRowIdx] + inImg[bottomRowIdx + 1]) / 4);
             outImgIdx++;
             topRowIdx = topRowIdx + 2;
             bottomRowIdx = bottomRowIdx + 2;
@@ -550,7 +574,16 @@ define(['cluster', "array_helper", "gl-matrix"], function(Cluster2, ArrayHelper,
 };
 
 CVUtils.hsv2rgb = function(hsv, rgb) {
-        var h = hsv[0], s = hsv[1], v = hsv[2], c = v * s, x = c * (1 - Math.abs((h / 60) % 2 - 1)), m = v - c, r = 0, g = 0, b = 0;
+    var h = hsv[0],
+        s = hsv[1],
+        v = hsv[2],
+        c = v * s,
+        x = c * (1 - Math.abs((h / 60) % 2 - 1)),
+        m = v - c,
+        r = 0,
+        g = 0,
+        b = 0;
+
     rgb = rgb || [0, 0, 0];
 
     if (h < 60) {
@@ -714,6 +747,4 @@ define(['cluster', "array_helper", "gl-matrix"], function(Cluster2, ArrayHelper,
     };
 };
 
-    return (CVUtils);
+export default CVUtils;
-});
-

src/ean_8_reader.js

@@ -1,12 +1,4 @@
-/* jshint undef: true, unused: true, browser:true, devel: true */
+import EANReader from './ean_reader';
-/* global define */
-
-define(
-    [
-        "./ean_reader"
-    ],
-    function(EANReader) {
-        "use strict";
 
 function EAN8Reader() {
     EANReader.call(this);
@@ -50,6 +42,4 @@ define(
     return code;
 };
 
-        return (EAN8Reader);
+export default EAN8Reader;
-    }
-);

src/ean_reader.js

@@ -1,12 +1,4 @@
-/* jshint undef: true, unused: true, browser:true, devel: true */
+import BarcodeReader from './barcode_reader';
-/* global define */
-
-define(
-     [
-        "./barcode_reader"
-    ],
-    function(BarcodeReader) {
-        "use strict";
 
 function EANReader(opts) {
     BarcodeReader.call(this, opts);
@@ -332,6 +324,4 @@ define(
     return sum % 10 === 0;
 };
 
-        return (EANReader);
+export default (EANReader);
-    }
-);

src/events.js

@@ -1,10 +1,4 @@
-/* jshint undef: true, unused: true, browser:true, devel: true */
+export default (function() {
-/* global define */
-
-define(function() {
-    "use strict";
-
-    var _events = function() {
     var events = {};
 
     function getEvent(eventName) {
@@ -85,7 +79,4 @@ define(function() {
             }
         }
     };
-    }();
+})();
-
-    return _events;
-}); 

src/frame_grabber.js

@@ -1,8 +1,4 @@
-/* jshint undef: true, unused: true, browser:true, devel: true */
+import CVUtils from './cv_utils';
-/* global define */
-
-define(["cv_utils"], function(CVUtils) {
-    "use strict";
 
 var FrameGrabber = {};
 
@@ -74,5 +70,4 @@ define(["cv_utils"], function(CVUtils) {
     return _that;
 };
 
-    return (FrameGrabber);
+export default FrameGrabber;
-});

src/html_utils.js

@@ -1,40 +0,0 @@
-/* jshint undef: true, unused: true, browser:true, devel: true */
-/* global define */
-
-define([], function() {
-    "use strict";
-
-    function createNode(htmlStr) {
-        var temp = document.createElement('div');
-        
-        temp.innerHTML = htmlStr;
-        while (temp.firstChild) {
-            return temp.firstChild;
-        }
-    }
-
-    function mergeObjects(obj1, obj2) {
-        for (var p in obj2) {
-            try {
-                if (obj2[p].constructor == Object) {
-                    obj1[p] = mergeObjects(obj1[p], obj2[p]);
-                } else {
-                    obj1[p] = obj2[p];
-                }
-            } catch(e) {
-                obj1[p] = obj2[p];
-            }
-        }
-
-        return obj1;
-    }
-
-    return {
-        createNode : function(htmlStr) {
-            return createNode(htmlStr);
-        },
-        mergeObjects : function(obj1, obj2) {
-            return mergeObjects(obj1, obj2);
-        }
-    };
-}); 

src/i2of5_reader.js

@@ -1,16 +1,8 @@
-/* jshint undef: true, unused: true, browser:true, devel: true */
+import BarcodeReader from './barcode_reader';
-/* global define */
+const merge = require('lodash/object/merge');
-
-define(
-    [
-        "./barcode_reader",
-        "./html_utils"
-    ],
-    function(BarcodeReader, HTMLUtils) {
-        "use strict";
 
 function I2of5Reader(opts) {
-            opts = HTMLUtils.mergeObjects(getDefaulConfig(), opts);
+    opts = merge(getDefaulConfig(), opts);
     BarcodeReader.call(this, opts);
     this.barSpaceRatio = [1, 1];
     if (opts.normalizeBarSpaceWidth) {
@@ -23,7 +15,7 @@ define(
     var config = {};
 
     Object.keys(I2of5Reader.CONFIG_KEYS).forEach(function(key) {
-                config[key] = I2of5Reader.CONFIG_KEYS[key]['default'];
+        config[key] = I2of5Reader.CONFIG_KEYS[key].default;
     });
     return config;
 }
@@ -339,6 +331,4 @@ define(
     }
 };
 
-        return (I2of5Reader);
+export default I2of5Reader;
-    }
-);

src/image_debug.js

@@ -1,10 +1,4 @@
-/* jshint undef: true, unused: true, browser:true, devel: true */
+export default {
-/* global define */
-
-define(function() {
-    "use strict";
-    
-    return {
     drawRect: function(pos, size, ctx, style){
         ctx.strokeStyle = style.color;
         ctx.fillStyle = style.color;
@@ -45,5 +39,3 @@ define(function() {
         return true;
     }
 };
-    
-});

src/image_loader.js

@@ -1,9 +1,3 @@
-/* jshint undef: true, unused: true, browser:true, devel: true */
-/* global define */
-
-define(function() {
-    "use strict";
-
 var ImageLoader = {};
 ImageLoader.load = function(directory, callback, offset, size, sequence) {
     var htmlImagesSrcArray = new Array(size),
@@ -21,17 +15,17 @@ define(function() {
         }
     }
     htmlImagesArray.notLoaded = [];
-        htmlImagesArray.addImage = function(img) {
+    htmlImagesArray.addImage = function(image) {
-            htmlImagesArray.notLoaded.push(img);
+        htmlImagesArray.notLoaded.push(image);
     };
     htmlImagesArray.loaded = function(loadedImg) {
         var notloadedImgs = htmlImagesArray.notLoaded;
         for (var x = 0; x < notloadedImgs.length; x++) {
-                if (notloadedImgs[x] == loadedImg) {
+            if (notloadedImgs[x] === loadedImg) {
                 notloadedImgs.splice(x, 1);
                 for (var y = 0; y < htmlImagesSrcArray.length; y++) {
                     var imgName = htmlImagesSrcArray[y].substr(htmlImagesSrcArray[y].lastIndexOf("/"));
-                        if (loadedImg.src.lastIndexOf(imgName) != -1) {
+                    if (loadedImg.src.lastIndexOf(imgName) !== -1) {
                         htmlImagesArray[y] = loadedImg;
                         break;
                     }
@@ -59,5 +53,4 @@ define(function() {
     };
 }
 
-    return (ImageLoader);
+export default (ImageLoader);
-});

src/image_wrapper.js

@@ -1,17 +1,7 @@
-/* jshint undef: true, unused: true, browser:true, devel: true */
+import SubImage from './subImage';
-/* global define  */
+import CVUtils from './cv_utils';
-
+import ArrayHelper from './array_helper';
-define([
+import {vec2} from 'gl-matrix';
-    "subImage",
-    "cv_utils",
-    "array_helper",
-    "gl-matrix"
-    ], 
-    function(SubImage, CVUtils, ArrayHelper, glMatrix) {
-    
-    'use strict';
-    var vec2 = glMatrix.vec2,
-        mat2 = glMatrix.mat2;
 
 /**
  * Represents a basic image combining the data and size.
@@ -35,7 +25,6 @@ define([
                 ArrayHelper.init(this.data, 0);
             }
         }
-
     } else {
         this.data = data;
     }
@@ -50,77 +39,10 @@ define([
  * @see cvd/image.h
  */
 ImageWrapper.prototype.inImageWithBorder = function(imgRef, border) {
-        return (imgRef.x >= border) && (imgRef.y >= border) && (imgRef.x < (this.size.x - border)) && (imgRef.y < (this.size.y - border));
+    return (imgRef.x >= border)
-    };
+        && (imgRef.y >= border)
-
+        && (imgRef.x < (this.size.x - border))
-    /**
+        && (imgRef.y < (this.size.y - border));
-     * Transforms an image according to the given affine-transformation matrix.
-     * @param inImg ImageWrapper a image containing the information to be extracted.
-     * @param outImg ImageWrapper the image to be filled.  The whole image out image is filled by the in image.
-     * @param M mat2 the matrix used to map point in the out matrix to those in the in matrix
-     * @param inOrig vec2 origin in the in image
-     * @param outOrig vec2 origin in the out image
-     * @returns Number the number of pixels not in the in image
-     * @see cvd/vision.h
-     */
-    ImageWrapper.transform = function(inImg, outImg, M, inOrig, outOrig) {
-        var w = outImg.size.x, h = outImg.size.y, iw = inImg.size.x, ih = inImg.size.y;
-        var across = vec2.clone([M[0], M[2]]);
-        var down = vec2.clone([M[1], M[3]]);
-        var defaultValue = 0;
-
-        var p0 = vec2.subtract(inOrig, mat2.xVec2(M, outOrig, vec2.clone()), vec2.clone());
-
-        var min_x = p0[0], min_y = p0[1];
-        var max_x = min_x, max_y = min_y;
-        var p, i, j;
-
-        var sampleFunc = ImageWrapper.sample;
-
-        if (across[0] < 0)
-            min_x += w * across[0];
-        else
-            max_x += w * across[0];
-
-        if (down[0] < 0)
-            min_x += h * down[0];
-        else
-            max_x += h * down[0];
-
-        if (across[1] < 0)
-            min_y += w * across[1];
-        else
-            max_y += w * across[1];
-
-        if (down[1] < 0)
-            min_y += h * down[1];
-        else
-            max_y += h * down[1];
-
-        var carrigeReturn = vec2.subtract(down, vec2.scale(across, w, vec2.clone()), vec2.clone());
-
-        if (min_x >= 0 && min_y >= 0 && max_x < iw - 1 && max_y < ih - 1) {
-            p = p0;
-            for ( i = 0; i < h; ++i, vec2.add(p, carrigeReturn))
-                for ( j = 0; j < w; ++j, vec2.add(p, across))
-                    outImg.set(j, i, sampleFunc(inImg, p[0], p[1]));
-            return 0;
-        } else {
-            var x_bound = iw - 1;
-            var y_bound = ih - 1;
-            var count = 0;
-            p = p0;
-            for ( i = 0; i < h; ++i, vec2.add(p, carrigeReturn)) {
-                for ( j = 0; j < w; ++j, vec2.add(p, across)) {
-                    if (0 <= p[0] && 0 <= p[1] && p[0] < x_bound && p[1] < y_bound) {
-                        outImg.set(j, i, sampleFunc(inImg, p[0], p[1]));
-                    } else {
-                        outImg.set(j, i, defaultValue); ++count;
-                    }
-                }
-            }
-            return count;
-        }
 };
 
 /**
@@ -262,7 +184,6 @@ define([
     while (length--) {
         data[length] = data[length] ? 0 : 1;
     }
-
 };
 
 ImageWrapper.prototype.convolve = function(kernel) {
@@ -423,5 +344,4 @@ define([
     ctx.putImageData(frame, from.x, from.y);
 };
 
-    return (ImageWrapper);
+export default ImageWrapper;
-}); 

src/input_stream.js

@@ -1,8 +1,4 @@
-/* jshint undef: true, unused: true, browser:true, devel: true */
+import ImageLoader from './image_loader';
-/* global define */
-
-define(["image_loader"], function(ImageLoader) {
-    "use strict";
 
 var InputStream = {};
 InputStream.createVideoStream = function(video) {
@@ -19,8 +15,10 @@ define(["image_loader"], function(ImageLoader) {
         var width = video.videoWidth,
             height = video.videoHeight;
 
-            _calculatedWidth = _config.size ? width/height > 1 ? _config.size : Math.floor((width/height) * _config.size) : width;
+        _calculatedWidth =
-            _calculatedHeight = _config.size ? width/height > 1 ? Math.floor((height/width) * _config.size) : _config.size : height;
+            _config.size ? width / height > 1 ? _config.size : Math.floor((width / height) * _config.size) : width;
+        _calculatedHeight =
+            _config.size ? width / height > 1 ? Math.floor((height / width) * _config.size) : _config.size : height;
 
         _canvasSize.x = _calculatedWidth;
         _canvasSize.y = _calculatedHeight;
@@ -76,8 +74,9 @@ define(["image_loader"], function(ImageLoader) {
     };
 
     that.setCurrentTime = function(time) {
-            if (_config.type !== "LiveStream")
+        if (_config.type !== "LiveStream") {
             video.currentTime = time;
+        }
     };
 
     that.addEventListener = function(event, f, bool) {
@@ -179,8 +178,10 @@ define(["image_loader"], function(ImageLoader) {
             imgArray = imgs;
             width = imgs[0].width;
             height = imgs[0].height;
-                calculatedWidth = _config.size ? width/height > 1 ? _config.size : Math.floor((width/height) * _config.size) : width;
+            calculatedWidth =
-                calculatedHeight = _config.size ? width/height > 1 ? Math.floor((height/width) * _config.size) : _config.size : height;
+                _config.size ? width / height > 1 ? _config.size : Math.floor((width / height) * _config.size) : width;
+            calculatedHeight =
+                _config.size ? width / height > 1 ? Math.floor((height / width) * _config.size) : _config.size : height;
             _canvasSize.x = calculatedWidth;
             _canvasSize.y = calculatedHeight;
             loaded = true;
@@ -213,12 +214,12 @@ define(["image_loader"], function(ImageLoader) {
         return calculatedHeight;
     };
 
-        that.setWidth = function(width) {
+    that.setWidth = function(newWidth) {
-            calculatedWidth = width;
+        calculatedWidth = newWidth;
     };
 
-        that.setHeight = function(height) {
+    that.setHeight = function(newHeight) {
-            calculatedHeight = height;
+        calculatedHeight = newHeight;
     };
 
     that.getRealWidth = function() {
@@ -281,9 +282,9 @@ define(["image_loader"], function(ImageLoader) {
         return _topRight;
     };
 
-        that.setCanvasSize = function(size) {
+    that.setCanvasSize = function(canvasSize) {
-            _canvasSize.x = size.x;
+        _canvasSize.x = canvasSize.x;
-            _canvasSize.y = size.y;
+        _canvasSize.y = canvasSize.y;
     };
 
     that.getCanvasSize = function() {
@@ -313,5 +314,4 @@ define(["image_loader"], function(ImageLoader) {
     return that;
 };
 
-    return (InputStream);
+export default InputStream;
-});

src/quagga.js

@@ -1,31 +1,17 @@
-/* jshint undef: true, unused: true, browser:true, devel: true, evil: true */
+import TypeDefs from './typedefs'; // eslint-disable-line no-unused-vars
-/* global define */
+import ImageWrapper from './image_wrapper';
-define([
+import BarcodeLocator from './barcode_locator';
-        "input_stream",
+import BarcodeDecoder from './barcode_decoder';
-        "image_wrapper",
+import Config from './config';
-        "barcode_locator",
+import Events from './events';
-        "barcode_decoder",
+import CameraAccess from './camera_access';
-        "frame_grabber",
+import ImageDebug from './image_debug';
-        "html_utils",
+import {vec2} from 'gl-matrix';
-        "config",
+import ResultCollector from './result_collector';
-        "events",
+
-        "camera_access",
+const merge = require('lodash/object/merge');
-        "image_debug",
+const InputStream = require('input_stream');
-        "gl-matrix",
+const FrameGrabber = require('frame_grabber');
-        "result_collector"],
-function(InputStream,
-         ImageWrapper,
-         BarcodeLocator,
-         BarcodeDecoder,
-         FrameGrabber,
-         HtmlUtils,
-         _config,
-         Events,
-         CameraAccess,
-         ImageDebug,
-         glMatrix,
-         ResultCollector) {
-    "use strict";
 
 var _inputStream,
     _framegrabber,
@@ -45,8 +31,8 @@ function(InputStream,
     _decoder,
     _workerPool = [],
     _onUIThread = true,
-        vec2 = glMatrix.vec2,
+    _resultCollector,
-        _resultCollector;
+    _config = {};
 
 function initializeData(imageWrapper) {
     initBuffers(imageWrapper);
@@ -77,12 +63,12 @@ function(InputStream,
 
 function initInputStream(cb) {
     var video;
-        if (_config.inputStream.type == "VideoStream") {
+    if (_config.inputStream.type === "VideoStream") {
         video = document.createElement("video");
         _inputStream = InputStream.createVideoStream(video);
-        } else if (_config.inputStream.type == "ImageStream") {
+    } else if (_config.inputStream.type === "ImageStream") {
         _inputStream = InputStream.createImageStream();
-        } else if (_config.inputStream.type == "LiveStream") {
+    } else if (_config.inputStream.type === "LiveStream") {
         var $viewport = document.querySelector("#interactive.viewport");
         if ($viewport) {
             video = $viewport.querySelector("video");
@@ -136,7 +122,7 @@ function(InputStream,
         if (!_canvasContainer.dom.image) {
             _canvasContainer.dom.image = document.createElement("canvas");
             _canvasContainer.dom.image.className = "imgBuffer";
-                if ($viewport && _config.inputStream.type == "ImageStream") {
+            if ($viewport && _config.inputStream.type === "ImageStream") {
                 $viewport.appendChild(_canvasContainer.dom.image);
             }
         }
@@ -300,7 +286,7 @@ function(InputStream,
     ( function frame() {
         if (!_stopped) {
             update();
-                if (_onUIThread && _config.inputStream.type == "LiveStream") {
+            if (_onUIThread && _config.inputStream.type === "LiveStream") {
                 window.requestAnimFrame(frame);
             }
         }
@@ -360,16 +346,14 @@ function(InputStream,
 
 
 function workerInterface(factory) {
+    /* eslint-disable no-undef*/
     if (factory) {
-            /* jshint ignore:start */
         var Quagga = factory();
         if (!Quagga) {
             self.postMessage({'event': 'error', message: 'Quagga could not be created'});
             return;
         }
-            /* jshint ignore:end */
     }
-        /* jshint ignore:start */
     var imageWrapper;
 
     self.onmessage = function(e) {
@@ -391,13 +375,18 @@ function(InputStream,
     };
 
     function onProcessed(result) {
-            self.postMessage({'event': 'processed', imageData: imageWrapper.data, result: result}, [imageWrapper.data.buffer]);
+        self.postMessage({
+            'event': 'processed',
+            imageData: imageWrapper.data,
+            result: result
+        }, [imageWrapper.data.buffer]);
     }
 
-        function ready() {
+    function ready() { // eslint-disable-line
         self.postMessage({'event': 'initialized', imageData: imageWrapper.data}, [imageWrapper.data.buffer]);
     }
-        /* jshint ignore:end */
+
+    /* eslint-enable */
 }
 
 function generateWorkerBlob() {
@@ -406,7 +395,7 @@ function(InputStream,
 
     /* jshint ignore:start */
     if (typeof __factorySource__ !== 'undefined') {
-            factorySource = __factorySource__;
+        factorySource = __factorySource__; // eslint-disable-line no-undef
     }
     /* jshint ignore:end */
 
@@ -426,9 +415,9 @@ function(InputStream,
     }
 }
 
-    return {
+export default {
     init: function(config, cb, imageWrapper) {
-            _config = HtmlUtils.mergeObjects(_config, config);
+        _config = merge({}, Config, config);
         if (imageWrapper) {
             _onUIThread = false;
             initializeData(imageWrapper);
@@ -477,7 +466,7 @@ function(InputStream,
     },
     canvas: _canvasContainer,
     decodeSingle: function(config, resultCallback) {
-            config = HtmlUtils.mergeObjects({
+        config = merge({
             inputStream: {
                 type: "ImageStream",
                 sequence: false,
@@ -501,4 +490,3 @@ function(InputStream,
     ImageDebug: ImageDebug,
     ResultCollector: ResultCollector
 };
-});

src/rasterizer.js

@@ -1,12 +1,8 @@
-/* jshint undef: true, unused: true, browser:true, devel: true */
+import Tracer from './tracer';
-/* global define */
 
 /**
  * http://www.codeproject.com/Tips/407172/Connected-Component-Labeling-and-Vectorization
  */
-define(["tracer"], function(Tracer) {
-    "use strict";
-
 var Rasterizer = {
     createContour2D: function() {
         return {
@@ -85,7 +81,8 @@ define(["tracer"], function(Tracer) {
                                         cc = p;
                                     }
                                 } else {
-                                        vertex = tracer.contourTracing(cy, cx, Rasterizer.DIR.INSIDE_EDGE, color, labelindex);
+                                    vertex = tracer
+                                        .contourTracing(cy, cx, Rasterizer.DIR.INSIDE_EDGE, color, labelindex);
                                     if (vertex !== null) {
                                         p = Rasterizer.createContour2D();
                                         p.firstVertex = vertex;
@@ -112,7 +109,8 @@ define(["tracer"], function(Tracer) {
                             } else {
                                 labelData[pos] = labelindex;
                             }
-                            } else if (labelData[pos] === Rasterizer.DIR.OUTSIDE_EDGE || labelData[pos] === Rasterizer.DIR.INSIDE_EDGE) {
+                        } else if (labelData[pos] === Rasterizer.DIR.OUTSIDE_EDGE
+                                || labelData[pos] === Rasterizer.DIR.INSIDE_EDGE) {
                             labelindex = 0;
                             if (labelData[pos] === Rasterizer.DIR.INSIDE_EDGE) {
                                 bc = imageData[pos];
@@ -194,5 +192,4 @@ define(["tracer"], function(Tracer) {
     }
 };
 
-    return (Rasterizer);
+export default Rasterizer;
-});

src/result_collector.js

@@ -1,8 +1,4 @@
-/* jshint undef: true, unused: true, browser:true, devel: true */
+import ImageDebug from './image_debug';
-/* global define */
-
-define(["image_debug"], function(ImageDebug) {
-    "use strict";
 
 function contains(codeResult, list) {
     if (list) {
@@ -22,7 +18,7 @@ define(["image_debug"], function(ImageDebug) {
     return true;
 }
 
-    return {
+export default {
     create: function(config) {
         var canvas = document.createElement("canvas"),
             ctx = canvas.getContext("2d"),
@@ -31,7 +27,10 @@ define(["image_debug"], function(ImageDebug) {
             capture = config.capture === true;
 
         function matchesConstraints(codeResult) {
-                return capacity && codeResult && !contains(codeResult, config.blacklist) && passesFilter(codeResult, config.filter);
+            return capacity
+                && codeResult
+                && !contains(codeResult, config.blacklist)
+                && passesFilter(codeResult, config.filter);
         }
 
         return {
@@ -56,4 +55,3 @@ define(["image_debug"], function(ImageDebug) {
         };
     }
 };
-});

src/skeletonizer.js

@@ -1,10 +1,5 @@
-/* jshint undef: true, unused: true, browser:true, devel: true, -W041: false */
-/* global define */
-
-define(function() {
-    "use strict";
-
 /* @preserve ASM BEGIN */
+/* eslint-disable eqeqeq*/
 function Skeletonizer(stdlib, foreign, buffer) {
     "use asm";
 
@@ -32,7 +27,11 @@ define(function() {
                 yStart2 = (offset + size) | 0;
                 xStart1 = (u - 1) | 0;
                 xStart2 = (u + 1) | 0;
-                    sum = ((images[(inImagePtr + yStart1 + xStart1) | 0] | 0) + (images[(inImagePtr + yStart1 + xStart2) | 0] | 0) + (images[(inImagePtr + offset + u) | 0] | 0) + (images[(inImagePtr + yStart2 + xStart1) | 0] | 0) + (images[(inImagePtr + yStart2 + xStart2) | 0] | 0)) | 0;
+                sum = ((images[(inImagePtr + yStart1 + xStart1) | 0] | 0)
+                    + (images[(inImagePtr + yStart1 + xStart2) | 0] | 0)
+                    + (images[(inImagePtr + offset + u) | 0] | 0)
+                    + (images[(inImagePtr + yStart2 + xStart1) | 0] | 0)
+                    + (images[(inImagePtr + yStart2 + xStart2) | 0] | 0)) | 0;
                 if ((sum | 0) == (5 | 0)) {
                     images[(outImagePtr + offset + u) | 0] = 1;
                 } else {
@@ -54,7 +53,8 @@ define(function() {
 
         while ((length | 0) > 0) {
             length = (length - 1) | 0;
-                images[(outImagePtr + length) | 0] = ((images[(aImagePtr + length) | 0] | 0) - (images[(bImagePtr + length) | 0] | 0)) | 0;
+            images[(outImagePtr + length) | 0] =
+                ((images[(aImagePtr + length) | 0] | 0) - (images[(bImagePtr + length) | 0] | 0)) | 0;
         }
     }
 
@@ -69,7 +69,8 @@ define(function() {
 
         while ((length | 0) > 0) {
             length = (length - 1) | 0;
-                images[(outImagePtr + length) | 0] = ((images[(aImagePtr + length) | 0] | 0) | (images[(bImagePtr + length) | 0] | 0)) | 0;
+            images[(outImagePtr + length) | 0] =
+                ((images[(aImagePtr + length) | 0] | 0) | (images[(bImagePtr + length) | 0] | 0)) | 0;
         }
     }
 
@@ -123,7 +124,11 @@ define(function() {
                 yStart2 = (offset + size) | 0;
                 xStart1 = (u - 1) | 0;
                 xStart2 = (u + 1) | 0;
-                    sum = ((images[(inImagePtr + yStart1 + xStart1) | 0] | 0) + (images[(inImagePtr + yStart1 + xStart2) | 0] | 0) + (images[(inImagePtr + offset + u) | 0] | 0) + (images[(inImagePtr + yStart2 + xStart1) | 0] | 0) + (images[(inImagePtr + yStart2 + xStart2) | 0] | 0)) | 0;
+                sum = ((images[(inImagePtr + yStart1 + xStart1) | 0] | 0)
+                    + (images[(inImagePtr + yStart1 + xStart2) | 0] | 0)
+                    + (images[(inImagePtr + offset + u) | 0] | 0)
+                    + (images[(inImagePtr + yStart2 + xStart1) | 0] | 0)
+                    + (images[(inImagePtr + yStart2 + xStart2) | 0] | 0)) | 0;
                 if ((sum | 0) > (0 | 0)) {
                     images[(outImagePtr + offset + u) | 0] = 1;
                 } else {
@@ -198,7 +203,7 @@ define(function() {
         skeletonize: skeletonize
     };
 }
-    /* @preserve ASM END */
 
-    return Skeletonizer;
+export default Skeletonizer;
-});
+/* eslint-enable eqeqeq*/
+/* @preserve ASM END */

src/subImage.js

@@ -1,9 +1,3 @@
-/* jshint undef: true, unused: true, browser:true, devel: true */
-/* global define */
-
-define(["typedefs"], function() {
-    "use strict";
-
 /**
  * Construct representing a part of another {ImageWrapper}. Shares data
  * between the parent and the child.
@@ -93,5 +87,4 @@ define(["typedefs"], function() {
     return this;
 };
 
-    return (SubImage);
+export default (SubImage);
-}); 

src/tracer.js

@@ -1,12 +1,6 @@
-/* jshint undef: true, unused: true, browser:true, devel: true */
-/* global define */
-
 /**
  * http://www.codeproject.com/Tips/407172/Connected-Component-Labeling-and-Vectorization
  */
-define(function() {
-    "use strict";
-    
 var Tracer = {
     searchDirections: [[0, 1], [1, 1], [1, 0], [1, -1], [0, -1], [-1, -1], [-1, 0], [-1, 1]],
     create: function(imageWrapper, labelWrapper) {
@@ -73,7 +67,7 @@ define(function() {
                 do {
                     current.dir = (current.dir + 6) % 8;
                     trace(current, color, label, edgelabel);
-                        if (ldir != current.dir) {
+                    if (ldir !== current.dir) {
                         Cv.dir = current.dir;
                         P = vertex2D(current.cx, current.cy, 0);
                         P.prev = Cv;
@@ -86,7 +80,7 @@ define(function() {
                         Cv.y = current.cy;
                     }
                     ldir = current.dir;
-                    } while(current.cx != sx || current.cy != sy);
+                } while (current.cx !== sx || current.cy !== sy);
                 Fv.prev = Cv.prev;
                 Cv.prev.next = Fv;
             }
@@ -104,5 +98,4 @@ define(function() {
     }
 };
 
-    return (Tracer);
+export default (Tracer);
-});

src/typedefs.js

@@ -3,7 +3,6 @@
  * Normalizes browser-specific prefixes
  */
 
-glMatrixArrayType = Float32Array;
 if (typeof window !== 'undefined') {
     window.requestAnimFrame = (function () {
         return window.requestAnimationFrame ||
@@ -11,12 +10,13 @@ if (typeof window !== 'undefined') {
             window.mozRequestAnimationFrame ||
             window.oRequestAnimationFrame ||
             window.msRequestAnimationFrame ||
-            function (/* function FrameRequestCallback */ callback, /* DOMElement Element */ element) {
+            function (/* function FrameRequestCallback */ callback) {
                 window.setTimeout(callback, 1000 / 60);
             };
     })();
 
-    navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;
+    navigator.getUserMedia = navigator.getUserMedia ||
+        navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;
     window.URL = window.URL || window.webkitURL || window.mozURL || window.msURL;
 }
 Math.imul = Math.imul || function(a, b) {

src/upc_e_reader.js

@@ -1,12 +1,4 @@
-/* jshint undef: true, unused: true, browser:true, devel: true */
+import EANReader from './ean_reader';
-/* global define */
-
-define(
-    [
-        "./ean_reader"
-    ],
-    function(EANReader) {
-        "use strict";
 
 function UPCEReader() {
     EANReader.call(this);
@@ -48,13 +40,12 @@ define(
 };
 
 UPCEReader.prototype._determineParity = function(codeFrequency, result) {
-            var self =this,
+    var i,
-                i,
         nrSystem;
 
-            for (nrSystem = 0; nrSystem < self.CODE_FREQUENCY.length; nrSystem++){
+    for (nrSystem = 0; nrSystem < this.CODE_FREQUENCY.length; nrSystem++){
-                for ( i = 0; i < self.CODE_FREQUENCY[nrSystem].length; i++) {
+        for ( i = 0; i < this.CODE_FREQUENCY[nrSystem].length; i++) {
-                    if (codeFrequency === self.CODE_FREQUENCY[nrSystem][i]) {
+            if (codeFrequency === this.CODE_FREQUENCY[nrSystem][i]) {
                 result.unshift(nrSystem);
                 result.push(i);
                 return true;
@@ -109,6 +100,4 @@ define(
     }
 };
 
-        return (UPCEReader);
+export default UPCEReader;
-    }
-);

src/upc_reader.js

@@ -1,12 +1,4 @@
-/* jshint undef: true, unused: true, browser:true, devel: true */
+import EANReader from './ean_reader';
-/* global define */
-
-define(
-    [
-        "./ean_reader"
-    ],
-    function(EANReader) {
-        "use strict";
 
 function UPCReader() {
     EANReader.call(this);
@@ -23,13 +15,10 @@ define(
     var result = EANReader.prototype._decode.call(this);
 
     if (result && result.code && result.code.length === 13 && result.code.charAt(0) === "0") {
-
         result.code = result.code.substring(1);
         return result;
     }
     return null;
 };
 
-        return (UPCReader);
+export default UPCReader;
-    }
-);

tasks/uglyasm.js

@@ -11,14 +11,17 @@ module.exports = function(grunt) {
         var code = fs.readFileSync('dist/quagga.js', 'utf-8'),
             minifiedCode = fs.readFileSync('dist/quagga.min.js', 'utf-8'),
             commentEnd = '/* @preserve ASM END */',
-            asmStartIdx = code.indexOf('/* @preserve ASM BEGIN */'),
+            moduleFunctionRegex = /function\s*\((\w+,\s*\w+)\)\s*\{\s*\/\* \@preserve ASM BEGIN \*\//,
-            asmEndIdx = code.indexOf(commentEnd),
+            commentStartIdx = code.indexOf("/* @preserve ASM BEGIN */"),
-            asmCode = code.substring(asmStartIdx, asmEndIdx + commentEnd.length),
+            asmEndIdxTmp = code.indexOf(commentEnd),
-            asmFunctionRegex = /function (\w+)\(\w+,\s*\w+,\s*\w+\)\s*\{\s*"use asm";/,
+            asmEndIdx = code.indexOf("}", asmEndIdxTmp),
+            asmCodeTmp = code.substring(commentStartIdx - Math.min(500, commentStartIdx),
+                asmEndIdx + 1),
+            asmStartIdx = asmCodeTmp.search(moduleFunctionRegex),
+            asmCode = asmCodeTmp.substring(asmStartIdx),
             asmModule,
-            asmModuleName,
+            moduleArg1,
-            asmCodeMinified,
+            asmCodeMinified;
-            asmMinifiedModuleName;
 
         asmCodeMinified = asmCode
             .replace(/\s*\/\/.*/g, '') // remove single-line comments
@@ -29,27 +32,31 @@ module.exports = function(grunt) {
 
         grunt.log.debug(asmCodeMinified);
 
-        asmModule = asmCode.match(asmFunctionRegex);
+        asmModule = moduleFunctionRegex.exec(asmCode);
         if (!asmModule) {
             grunt.log.error("No ASM module found");
             return;
         }
 
-        asmModuleName = asmModule[1];
+        moduleArg1 = asmModule[1];
-        grunt.log.debug(asmModuleName);
+        grunt.log.debug(moduleArg1);
 
-        asmModule = minifiedCode.match(asmFunctionRegex);
+        var insertionPoint = minifiedCode.search(moduleFunctionRegex);
-        if (!asmModule) {
+        if (insertionPoint === -1) {
             grunt.log.error("No ASM module found in minified file");
             return;
         }
+        grunt.log.debug(insertionPoint);
 
-        asmMinifiedModuleName = asmModule[1];
+        var insertionPointEnd = minifiedCode.indexOf(commentEnd, insertionPoint);
-        grunt.log.debug(asmMinifiedModuleName);
+        insertionPointEnd = minifiedCode.indexOf("}", insertionPointEnd) + 1;
 
-        asmCodeMinified = asmCodeMinified.replace(asmModuleName, asmMinifiedModuleName);
+        grunt.log.debug(insertionPointEnd);
+
+        minifiedCode = minifiedCode.substring(0, insertionPoint)
+            + asmCodeMinified
+            + minifiedCode.substring(insertionPointEnd);
 
-        minifiedCode = minifiedCode.replace(/\/\* @preserve ASM BEGIN \*\/[^]*?\/\* @preserve ASM END \*\//, asmCodeMinified);
         fs.writeFileSync('dist/quagga.min.js', minifiedCode);
         grunt.log.ok('dist/quagga.min.js written');
     });

test-main.js

@@ -1,55 +0,0 @@
-var allTestFiles = [];
-var TEST_REGEXP = /(spec|test)\.js$/i;
-
-var pathToModule = function(path) {
-  return path.replace(/^\/base\//, '').replace(/\.js$/, '');
-};
-
-Object.keys(window.__karma__.files).forEach(function(file) {
-  if (TEST_REGEXP.test(file)) {
-    allTestFiles.push(pathToModule(file));
-  }
-});
-
-require.config({
-  baseUrl: '/base',
-
-  paths: {
-    'array_helper': 'src/array_helper',
-    'cv_utils': 'src/cv_utils',
-    'typedefs': 'src/typedefs',
-    'cluster': 'src/cluster',
-    'camera_access': 'src/camera_access',
-    'events': 'src/events',
-    'html_utils': 'src/html_utils',
-    'quagga': 'src/quagga',
-    'barcode_decoder': 'src/barcode_decoder',
-    'barcode_locator': 'src/barcode_locator',
-    'barcode_reader': 'src/barcode_reader',
-    'bresenham': 'src/bresenham',
-    'codabar_reader': 'src/codabar_reader',
-    'code_39_reader': 'src/code_39_reader',
-    'code_39_vin_reader': 'src/code_39_vin_reader',
-    'code_128_reader': 'src/code_128_reader',
-    'config': 'src/config',
-    'ean_8_reader': 'src/ean_8_reader',
-    'ean_reader': 'src/ean_reader',
-    'frame_grabber': 'src/frame_grabber',
-    'image_debug': 'src/image_debug',
-    'image_loader': 'src/image_loader',
-    'image_wrapper': 'src/image_wrapper',
-    'input_stream': 'src/input_stream',
-    'rasterizer': 'src/rasterizer',
-    'skeletonizer': 'src/skeletonizer',
-    'subImage': 'src/subImage',
-    'tracer': 'src/tracer',
-    'upc_e_reader': 'src/upc_e_reader',
-    'upc_reader': 'src/upc_reader',
-    'async': 'node_modules/async/lib/async',
-    'gl-matrix': 'node_modules/gl-matrix/dist/gl-matrix-min',
-    'result_collector': 'src/result_collector',
-    'i2of5_reader': 'src/i2of5_reader'
-  },
-  deps: allTestFiles,
-  callback: window.__karma__.start
-});

test/integration/integration.spec.js

@@ -0,0 +1,245 @@
+const Quagga = require('../../src/quagga');
+const async = require('async');
+
+describe('decodeSingle', function () {
+    var baseFolder = "base/test/fixtures/";
+
+    function generateConfig() {
+        return {
+            inputStream: {
+                size: 640
+            },
+            locator: {
+                patchSize: "medium",
+                halfSample: true
+            },
+            numOfWorkers: 0,
+            decoder: {
+                readers: ["ean_reader"]
+            },
+            locate: true,
+            src: null
+        };
+    }
+
+    this.timeout(10000);
+
+    function _runTestSet(testSet, config) {
+        var readers = config.decoder.readers.slice(),
+            format,
+            folder;
+
+        if (typeof readers[0] === 'string'){
+            format = readers[0];
+        } else {
+            format = readers[0].format;
+        }
+
+        folder = baseFolder + format.split('_').slice(0, -1).join('_') + "/";
+
+        it('should decode ' + folder + " correctly", function(done) {
+            async.eachSeries(testSet, function (sample, callback) {
+                config.src = folder + sample.name;
+                config.readers = readers;
+                Quagga.decodeSingle(config, function(result) {
+                    console.log(sample.name);
+                    expect(result.codeResult.code).to.equal(sample.result);
+                    expect(result.codeResult.format).to.equal(sample.format);
+                    callback();
+                });
+            }, function() {
+                done();
+            });
+        });
+    }
+
+    describe("EAN", function() {
+        var config = generateConfig(),
+            testSet = [
+                {"name": "image-001.jpg", "result": "3574660239843"},
+                {"name": "image-002.jpg", "result": "8032754490297"},
+                {"name": "image-003.jpg", "result": "4006209700068"},
+                /* {"name": "image-004.jpg", "result": "9002233139084"}, */
+                /* {"name": "image-005.jpg", "result": "8004030044005"}, */
+                {"name": "image-006.jpg", "result": "4003626011159"},
+                {"name": "image-007.jpg", "result": "2111220009686"},
+                {"name": "image-008.jpg", "result": "9000275609022"},
+                {"name": "image-009.jpg", "result": "9004593978587"},
+                {"name": "image-010.jpg", "result": "9002244845578"}
+            ];
+
+        testSet.forEach(function(sample) {
+            sample.format = "ean_13";
+        });
+
+        config.decoder.readers = ['ean_reader'];
+        _runTestSet(testSet, config);
+    });
+
+    describe("Code128", function() {
+        var config = generateConfig(),
+            testSet = [
+                {"name": "image-001.jpg", "result": "0001285112001000040801"},
+                // {"name": "image-002.jpg", "result": "FANAVF1461710"},
+                // {"name": "image-003.jpg", "result": "673023"},
+                // {"name": "image-004.jpg", "result": "010210150301625334"},
+                {"name": "image-005.jpg", "result": "419055603900009001012999"},
+                {"name": "image-006.jpg", "result": "419055603900009001012999"},
+                {"name": "image-007.jpg", "result": "T 000003552345"},
+                {"name": "image-008.jpg", "result": "FANAVF1461710"},
+                {"name": "image-009.jpg", "result": "0001285112001000040801"},
+                {"name": "image-010.jpg", "result": "673023"}
+            ];
+
+        testSet.forEach(function(sample) {
+            sample.format = "code_128";
+        });
+
+        config.decoder.readers = ['code_128_reader'];
+        _runTestSet(testSet, config);
+    });
+
+    describe("Code39", function() {
+        var config = generateConfig(),
+            testSet = [
+                {"name": "image-001.jpg", "result": "B3% $DAD$"},
+                {"name": "image-003.jpg", "result": "CODE39"},
+                {"name": "image-004.jpg", "result": "QUAGGAJS"},
+                /* {"name": "image-005.jpg", "result": "CODE39"}, */
+                {"name": "image-006.jpg", "result": "2/4-8/16-32"},
+                {"name": "image-007.jpg", "result": "2/4-8/16-32"},
+                {"name": "image-008.jpg", "result": "CODE39"},
+                {"name": "image-009.jpg", "result": "2/4-8/16-32"},
+                {"name": "image-010.jpg", "result": "CODE39"}
+            ];
+
+        testSet.forEach(function(sample) {
+            sample.format = "code_39";
+        });
+
+        config.decoder.readers = ['code_39_reader'];
+        _runTestSet(testSet, config);
+    });
+
+    describe("EAN-8", function() {
+        var config = generateConfig(),
+            testSet = [
+                {"name": "image-001.jpg", "result": "42191605"},
+                {"name": "image-002.jpg", "result": "42191605"},
+                {"name": "image-003.jpg", "result": "90311208"},
+                {"name": "image-004.jpg", "result": "24057257"},
+                {"name": "image-005.jpg", "result": "90162602"},
+                {"name": "image-006.jpg", "result": "24036153"},
+                {"name": "image-007.jpg", "result": "42176817"},
+                {"name": "image-008.jpg", "result": "42191605"},
+                {"name": "image-009.jpg", "result": "42242215"},
+                {"name": "image-010.jpg", "result": "42184799"}
+            ];
+
+        testSet.forEach(function(sample) {
+            sample.format = "ean_8";
+        });
+
+        config.decoder.readers = ['ean_8_reader'];
+        _runTestSet(testSet, config);
+    });
+
+    describe("UPC", function() {
+        var config = generateConfig(),
+            testSet = [
+                {"name": "image-001.jpg", "result": "882428015268"},
+                {"name": "image-002.jpg", "result": "882428015268"},
+                {"name": "image-003.jpg", "result": "882428015084"},
+                {"name": "image-004.jpg", "result": "882428015343"},
+                {"name": "image-005.jpg", "result": "882428015343"},
+                /* {"name": "image-006.jpg", "result": "882428015046"}, */
+                {"name": "image-007.jpg", "result": "882428015084"},
+                {"name": "image-008.jpg", "result": "882428015046"},
+                {"name": "image-009.jpg", "result": "039047013551"},
+                {"name": "image-010.jpg", "result": "039047013551"}
+            ];
+
+        testSet.forEach(function(sample) {
+            sample.format = "upc_a";
+        });
+
+        config.decoder.readers = ['upc_reader'];
+        _runTestSet(testSet, config);
+    });
+
+    describe("UPC-E", function() {
+        var config = generateConfig(),
+            testSet = [
+                {"name": "image-001.jpg", "result": "04965802"},
+                {"name": "image-002.jpg", "result": "04965802"},
+                {"name": "image-003.jpg", "result": "03897425"},
+                {"name": "image-004.jpg", "result": "05096893"},
+                {"name": "image-005.jpg", "result": "05096893"},
+                {"name": "image-006.jpg", "result": "05096893"},
+                {"name": "image-007.jpg", "result": "03897425"},
+                {"name": "image-008.jpg", "result": "01264904"},
+                /*{"name": "image-009.jpg", "result": "01264904"},*/
+                {"name": "image-010.jpg", "result": "01264904"}
+            ];
+
+        testSet.forEach(function(sample) {
+            sample.format = "upc_e";
+        });
+
+        config.decoder.readers = ['upc_e_reader'];
+        _runTestSet(testSet, config);
+    });
+
+    describe("Codabar", function() {
+        var config = generateConfig(),
+            testSet = [
+                {"name": "image-001.jpg", "result": "A10/53+17-70D"},
+                {"name": "image-002.jpg", "result": "B546745735B"},
+                {"name": "image-003.jpg", "result": "C$399.95A"},
+                {"name": "image-004.jpg", "result": "B546745735B"},
+                {"name": "image-005.jpg", "result": "C$399.95A"},
+                {"name": "image-006.jpg", "result": "B546745735B"},
+                {"name": "image-007.jpg", "result": "C$399.95A"},
+                {"name": "image-008.jpg", "result": "A16:9/4:3/3:2D"},
+                {"name": "image-009.jpg", "result": "C$399.95A"},
+                {"name": "image-010.jpg", "result": "C$399.95A"}
+            ];
+
+        testSet.forEach(function(sample) {
+            sample.format = "codabar";
+        });
+
+        config.decoder.readers = ['codabar_reader'];
+        _runTestSet(testSet, config);
+    });
+
+    describe("I2of5 with localization", function() {
+        var config = {
+                inputStream: {
+                    size: 800,
+                    singleChannel: false
+                },
+                locator: {
+                    patchSize: "small",
+                    halfSample: false
+                },
+                numOfWorkers: 0,
+                decoder: {
+                    readers: ["i2of5_reader"]
+                },
+                locate: true,
+                src: null
+            },
+            testSet = [
+                {"name": "image-001.jpg", "result": "2167361334"},
+                {"name": "image-002.jpg", "result": "2167361334"},
+                {"name": "image-003.jpg", "result": "2167361334"},
+                {"name": "image-004.jpg", "result": "2167361334"},
+                {"name": "image-005.jpg", "result": "2167361334"}
+            ];
+        testSet.forEach(function(sample) {
+            sample.format = "i2of5";
+        });
+        _runTestSet(testSet, config);
+    });
+});

test/spec/array_helper.spec.js

@@ -0,0 +1,53 @@
+const ArrayHelper = require('../../src/array_helper');
+
+describe('init', function() {
+    it('initializes an array with the given value', function() {
+        var input = [0, 0, 0];
+        ArrayHelper.init(input, 5);
+        expect(input).to.deep.equal([5, 5, 5]);
+    });
+});
+
+describe('shuffle', function() {
+    before(function() {
+        sinon.stub(Math, 'random').returns(0.5);
+    });
+
+    after(function() {
+        sinon.restore(Math);
+    });
+    it('shuffles the content of an array', function() {
+        var input = [1, 2, 3];
+        expect(ArrayHelper.shuffle(input)).to.deep.equal([3, 1, 2]);
+    });
+});
+
+describe('toPointList', function() {
+    it('converts an Array to a List of poitns', function() {
+        var input = [[1, 2], [2, 2], [3, 2]];
+        expect(ArrayHelper.toPointList(input)).to.equal("[[1,2],\r\n[2,2],\r\n[3,2]]");
+    });
+});
+
+describe('threshold', function() {
+    it('returns all elements above the given threshold', function() {
+        var input = [1, 2, 3];
+        expect(ArrayHelper.threshold(input, 2, function(score) {
+            return score * 1.5;
+        })).to.deep.equal([2, 3]);
+    });
+});
+
+describe('maxIndex', function() {
+    it('gets the index of the biggest element in the array', function() {
+        var input = [1, 2, 3];
+        expect(ArrayHelper.maxIndex(input)).to.equal(2);
+    });
+});
+
+describe('max', function() {
+    it('gets the biggest element in the array', function() {
+        var input = [1, 3, 2];
+        expect(ArrayHelper.max(input)).to.equal(3);
+    });
+});

test/spec/barcode_locator.spec.js

@@ -0,0 +1,130 @@
+const BarcodeLocator = require('../../src/barcode_locator');
+const Config = require('../../src/config');
+const merge = require('lodash/object/merge');
+
+describe('checkImageConstraints', function() {
+    var config,
+        inputStream,
+        imageSize,
+        streamConfig = {};
+
+    beforeEach(function() {
+        imageSize = {
+            x: 640, y: 480
+        };
+        config = merge({}, Config);
+        inputStream = {
+            getWidth: function() {
+                return imageSize.x;
+            },
+            getHeight: function() {
+                return imageSize.y;
+            },
+            setWidth: function() {},
+            setHeight: function() {},
+            setTopRight: function() {},
+            setCanvasSize: function() {},
+            getConfig: function() {
+                return streamConfig;
+            }
+        };
+        sinon.stub(inputStream, "setWidth", function(width) {
+            imageSize.x = width;
+        });
+        sinon.stub(inputStream, "setHeight", function(height) {
+            imageSize.y = height;
+        });
+        sinon.stub(inputStream, "setTopRight");
+        sinon.stub(inputStream, "setCanvasSize");
+    });
+
+    afterEach(function() {
+        inputStream.setWidth.restore();
+        inputStream.setHeight.restore();
+    });
+
+    it('should not adjust the image-size if not needed', function() {
+        var expected = {x: imageSize.x, y: imageSize.y};
+        BarcodeLocator.checkImageConstraints(inputStream, config.locator);
+        expect(inputStream.getWidth()).to.be.equal(expected.x);
+        expect(inputStream.getHeight()).to.be.equal(expected.y);
+    });
+
+    it('should adjust the image-size', function() {
+        var expected = {x: imageSize.x, y: imageSize.y};
+
+        config.locator.halfSample = true;
+        imageSize.y += 1;
+        BarcodeLocator.checkImageConstraints(inputStream, config.locator);
+        expect(inputStream.getWidth()).to.be.equal(expected.x);
+        expect(inputStream.getHeight()).to.be.equal(expected.y);
+    });
+
+    it('should adjust the image-size', function() {
+        var expected = {x: imageSize.x, y: imageSize.y};
+
+        imageSize.y += 1;
+        config.locator.halfSample = false;
+        BarcodeLocator.checkImageConstraints(inputStream, config.locator);
+        expect(inputStream.getHeight()).to.be.equal(expected.y);
+        expect(inputStream.getWidth()).to.be.equal(expected.x);
+    });
+
+    it("should take the defined area into account", function() {
+        var expectedSize = {
+                x: 420,
+                y: 315
+            },
+            expectedTopRight = {
+                x: 115,
+                y: 52
+            },
+            expectedCanvasSize = {
+                x: 640,
+                y: 480
+            };
+
+        streamConfig.area = {
+            top: "11%",
+            right: "15%",
+            bottom: "20%",
+            left: "18%"
+        };
+
+        config.locator.halfSample = false;
+        BarcodeLocator.checkImageConstraints(inputStream, config.locator);
+        expect(inputStream.getHeight()).to.be.equal(expectedSize.y);
+        expect(inputStream.getWidth()).to.be.equal(expectedSize.x);
+        expect(inputStream.setTopRight.getCall(0).args[0]).to.deep.equal(expectedTopRight);
+        expect(inputStream.setCanvasSize.getCall(0).args[0]).to.deep.equal(expectedCanvasSize);
+    });
+
+    it("should return the original size if set to full image", function() {
+        var expectedSize = {
+                x: 640,
+                y: 480
+            },
+            expectedTopRight = {
+                x: 0,
+                y: 0
+            },
+            expectedCanvasSize = {
+                x: 640,
+                y: 480
+            };
+
+        streamConfig.area = {
+            top: "0%",
+            right: "0%",
+            bottom: "0%",
+            left: "0%"
+        };
+
+        config.locator.halfSample = false;
+        BarcodeLocator.checkImageConstraints(inputStream, config.locator);
+        expect(inputStream.getHeight()).to.be.equal(expectedSize.y);
+        expect(inputStream.getWidth()).to.be.equal(expectedSize.x);
+        expect(inputStream.setTopRight.getCall(0).args[0]).to.deep.equal(expectedTopRight);
+        expect(inputStream.setCanvasSize.getCall(0).args[0]).to.deep.equal(expectedCanvasSize);
+    });
+});

test/spec/camera_access.spec.js

@@ -0,0 +1,116 @@
+const CameraAccess = require('../../src/camera_access');
+
+var originalURL,
+    originalMediaStreamTrack,
+    video,
+    stream;
+
+beforeEach(function() {
+    var tracks = [{
+        stop: function() {}
+    }];
+
+    originalURL = window.URL;
+    originalMediaStreamTrack = window.MediaStreamTrack;
+    window.MediaStreamTrack = {};
+    window.URL = null;
+
+    stream = {
+        getVideoTracks: function() {
+            return tracks;
+        }
+    };
+    sinon.spy(tracks[0], "stop");
+
+    video = {
+        src: null,
+        addEventListener: function() {},
+        removeEventListener: function() {},
+        play: function() {},
+        videoWidth: 320,
+        videoHeight: 480
+    };
+    sinon.stub(video, "addEventListener", function(event, cb) {
+        cb();
+    });
+    sinon.stub(video, "play");
+});
+
+afterEach(function() {
+    window.URL = originalURL;
+    window.MediaStreamTrack = originalMediaStreamTrack;
+});
+
+describe('success', function() {
+    beforeEach(function() {
+        sinon.stub(navigator, "getUserMedia", function(constraints, success) {
+            success(stream);
+        });
+    });
+
+    afterEach(function() {
+        navigator.getUserMedia.restore();
+    });
+    describe('request', function () {
+        it('should request the camera', function (done) {
+            CameraAccess.request(video, {}, function () {
+                expect(navigator.getUserMedia.calledOnce).to.equal(true);
+                expect(video.src).to.deep.equal(stream);
+                done();
+            });
+        });
+    });
+
+    describe('release', function () {
+        it('should release the camera', function (done) {
+            CameraAccess.request(video, {}, function () {
+                expect(video.src).to.deep.equal(stream);
+                CameraAccess.release();
+                expect(video.src.getVideoTracks()).to.have.length(1);
+                expect(video.src.getVideoTracks()[0].stop.calledOnce).to.equal(true);
+                done();
+            });
+        });
+    });
+});
+
+describe('failure', function() {
+    describe("permission denied", function(){
+        before(function() {
+            sinon.stub(navigator, "getUserMedia", function(constraints, success, failure) {
+                failure(new Error());
+            });
+        });
+
+        after(function() {
+            navigator.getUserMedia.restore();
+        });
+
+        it('should throw if getUserMedia not available', function(done) {
+            CameraAccess.request(video, {}, function(err) {
+                expect(err).to.be.defined;
+                done();
+            });
+        });
+    });
+
+    describe("not available", function(){
+        var originalGetUserMedia;
+
+        before(function() {
+            originalGetUserMedia = navigator.getUserMedia;
+            navigator.getUserMedia = undefined;
+        });
+
+        after(function() {
+            navigator.getUserMedia = originalGetUserMedia;
+        });
+
+        it('should throw if getUserMedia not available', function(done) {
+            CameraAccess.request(video, {}, function(err) {
+                expect(err).to.be.defined;
+                done();
+            });
+        });
+    });
+});

test/spec/cv_utils.spec.js

@@ -0,0 +1,144 @@
+const CVUtils = require('../../src/cv_utils');
+
+describe('imageRef', function() {
+    it('gets the image Reference for a coordinate', function() {
+        var res = CVUtils.imageRef(1, 2);
+        expect(res.x).to.equal(1);
+        expect(res.y).to.equal(2);
+        expect(res.toVec2()[0]).to.equal(1);
+    });
+});
+
+describe('calculatePatchSize', function() {
+    it('should not throw an error in case of valid image size', function() {
+        var expected = {x: 32, y: 32},
+            patchSize = CVUtils.calculatePatchSize("medium", {x: 640, y: 480});
+
+        expect(patchSize).to.be.deep.equal(expected);
+    });
+
+    it('should thow an error if image size it not valid', function() {
+        var expected = {x: 32, y: 32},
+            patchSize = CVUtils.calculatePatchSize("medium", {x: 640, y: 480});
+
+        expect(patchSize).to.be.deep.equal(expected);
+    });
+});
+
+describe('_parseCSSDimensionValues', function() {
+    it("should convert a percentual value correctly", function() {
+        var expected = {
+                value: 10,
+                unit: "%"
+            },
+            result = CVUtils._parseCSSDimensionValues("10%");
+
+        expect(result).to.be.deep.equal(expected);
+    });
+
+    it("should convert a 0% value correctly", function() {
+        var expected = {
+                value: 100,
+                unit: "%"
+            },
+            result = CVUtils._parseCSSDimensionValues("100%");
+
+        expect(result).to.be.deep.equal(expected);
+    });
+
+    it("should convert a 100% value correctly", function() {
+        var expected = {
+                value: 0,
+                unit: "%"
+            },
+            result = CVUtils._parseCSSDimensionValues("0%");
+
+        expect(result).to.be.deep.equal(expected);
+    });
+
+    it("should convert a pixel value to percentage", function() {
+        var expected = {
+                value: 26.3,
+                unit: "%"
+            },
+            result = CVUtils._parseCSSDimensionValues("26.3px");
+
+        console.log(result);
+        expect(result).to.be.deep.equal(expected);
+    });
+});
+
+describe("_dimensionsConverters", function(){
+    var context;
+
+    beforeEach(function() {
+        context = {
+            width: 640,
+            height: 480
+        };
+    });
+
+    it("should convert a top-value correclty", function() {
+        var expected = 48,
+            result = CVUtils._dimensionsConverters.top({value: 10, unit: "%"}, context);
+
+        expect(result).to.be.equal(expected);
+    });
+
+    it("should convert a right-value correclty", function() {
+        var expected = 640 - 128,
+            result = CVUtils._dimensionsConverters.right({value: 20, unit: "%"}, context);
+
+        expect(result).to.be.equal(expected);
+    });
+
+    it("should convert a bottom-value correclty", function() {
+        var expected = 480 - 77,
+            result = CVUtils._dimensionsConverters.bottom({value: 16, unit: "%"}, context);
+
+        expect(result).to.be.equal(expected);
+    });
+
+    it("should convert a left-value correclty", function() {
+        var expected = 57,
+            result = CVUtils._dimensionsConverters.left({value: 9, unit: "%"}, context);
+
+        expect(result).to.be.equal(expected);
+    });
+});
+
+describe("computeImageArea", function() {
+    it("should calculate an image-area", function() {
+        var expected = {
+                sx: 115,
+                sy: 48,
+                sw: 429,
+                sh: 336
+            },
+            result = CVUtils.computeImageArea(640, 480, {
+                top: "10%",
+                right: "15%",
+                bottom: "20%",
+                left: "18%"
+            });
+
+        expect(result).to.be.deep.equal(expected);
+    });
+
+    it("should calculate full image-area", function() {
+        var expected = {
+                sx: 0,
+                sy: 0,
+                sw: 640,
+                sh: 480
+            },
+            result = CVUtils.computeImageArea(640, 480, {
+                top: "0%",
+                right: "0%",
+                bottom: "0%",
+                left: "0%"
+            });
+
+        expect(result).to.be.deep.equal(expected);
+    });
+});

test/spec/events.spec.js

@@ -0,0 +1,114 @@
+const Events = require('../../src/events');
+
+beforeEach(function() {
+    Events.unsubscribe();
+});
+describe("subscribe", function() {
+
+
+    it("should call one callback for a single event", function() {
+        var callbackA = sinon.stub(),
+            callbackB = sinon.stub();
+
+        Events.subscribe("test", callbackA);
+        Events.subscribe("test", callbackB);
+        Events.publish("test");
+
+        expect(callbackA.calledOnce).to.be.equal(true);
+        expect(callbackB.calledOnce).to.be.equal(true);
+    });
+
+    it("should call one callback twice if published twice", function() {
+        var callback = sinon.stub();
+
+        Events.subscribe("test", callback);
+
+        Events.publish("test");
+        Events.publish("test");
+
+        expect(callback.calledTwice).to.be.equal(true);
+    });
+
+    it("should call the callback asynchronuously", function(done) {
+        var test = {
+                callback: function() {
+
+                }
+            };
+
+        sinon.stub(test, "callback", function() {
+            expect(test.callback.calledOnce).to.be.true;
+            done();
+        });
+        Events.subscribe("test", test.callback, true);
+        Events.publish("test");
+        expect(test.callback.called).to.be.false;
+    });
+});
+
+describe("once", function() {
+    it("should call the callback once, even when published twice", function() {
+        var callbackA = sinon.stub(),
+            callbackB = sinon.stub();
+
+        Events.once("test", callbackA);
+        Events.subscribe("test", callbackB);
+
+        Events.publish("test");
+        Events.publish("test");
+
+        expect(callbackA.calledOnce).to.be.equal(true);
+        expect(callbackB.calledTwice).to.be.equal(true);
+    });
+});
+
+describe("unsubscribe", function() {
+    it("should unsubscribe all callbacks from a single event", function() {
+        var callbackA = sinon.stub(),
+            callbackB = sinon.stub(),
+            callbackC = sinon.stub();
+
+        Events.subscribe("test", callbackA);
+        Events.subscribe("test", callbackB);
+        Events.subscribe("testC", callbackC);
+
+        Events.publish("test");
+
+        expect(callbackC.called).to.be.equal(false);
+        expect(callbackA.calledOnce).to.be.equal(true);
+        expect(callbackB.calledOnce).to.be.equal(true);
+
+        Events.publish("testC");
+
+        expect(callbackC.calledOnce).to.be.equal(true);
+        expect(callbackA.calledOnce).to.be.equal(true);
+        expect(callbackB.calledOnce).to.be.equal(true);
+
+        Events.unsubscribe("test");
+        Events.publish("test");
+
+        expect(callbackC.calledOnce).to.be.equal(true);
+        expect(callbackA.calledOnce).to.be.equal(true);
+        expect(callbackB.calledOnce).to.be.equal(true);
+    });
+
+    it("should unsubscribe a single callback from a single event", function() {
+        var callbackA = sinon.stub(),
+            callbackB = sinon.stub();
+
+        Events.subscribe("test", callbackA);
+        Events.subscribe("test", callbackB);
+
+        Events.publish("test");
+
+        expect(callbackA.calledOnce).to.be.equal(true);
+        expect(callbackB.calledOnce).to.be.equal(true);
+
+
+        Events.unsubscribe("test", callbackB);
+        Events.publish("test");
+
+        expect(callbackA.calledTwice).to.be.equal(true);
+        expect(callbackB.calledOnce).to.be.equal(true);
+    });
+});

test/spec/result_collector.spec.js

@@ -0,0 +1,103 @@
+const ResultCollector = require('../../src/result_collector');
+const ImageDebug = require('../../src/image_debug');
+
+var canvasMock,
+    imageSize,
+    config;
+
+beforeEach(function() {
+    imageSize = {x: 320, y: 240};
+    config = {
+        capture: true,
+        capacity: 20,
+        blacklist: [{code: "3574660239843", format: "ean_13"}],
+        filter: function() {
+            return true;
+        }
+    };
+    canvasMock = {
+        getContext: function() {
+            return {};
+        },
+        toDataURL: sinon.spy(),
+        width: 0,
+        height: 0
+    };
+    sinon.stub(document, "createElement", function(type) {
+        if (type === "canvas") {
+            return canvasMock;
+        }
+    });
+});
+
+afterEach(function() {
+    document.createElement.restore();
+});
+
+
+describe('create', function () {
+    it("should return a new collector", function() {
+        ResultCollector.create(config);
+        expect(document.createElement.calledOnce).to.be.equal(true);
+        expect(document.createElement.getCall(0).args[0]).to.equal("canvas");
+    });
+});
+
+describe('addResult', function() {
+    beforeEach(function() {
+        sinon.stub(ImageDebug, "drawImage", function() {});
+    });
+
+    afterEach(function() {
+        ImageDebug.drawImage.restore();
+    });
+
+    it("should not add result if capacity is full", function(){
+        config.capacity = 1;
+        var collector = ResultCollector.create(config);
+        collector.addResult([], imageSize, {});
+        collector.addResult([], imageSize, {});
+        collector.addResult([], imageSize, {});
+        expect(collector.getResults()).to.have.length(1);
+    });
+
+    it("should only add results which match constraints", function(){
+        var collector = ResultCollector.create(config),
+            results;
+
+        collector.addResult([], imageSize, {code: "423423443", format: "ean_13"});
+        collector.addResult([], imageSize, {code: "3574660239843", format: "ean_13"});
+        collector.addResult([], imageSize, {code: "3574660239843", format: "code_128"});
+
+        results = collector.getResults();
+        expect(results).to.have.length(2);
+
+        results.forEach(function(result) {
+            expect(result).not.to.deep.equal(config.blacklist[0]);
+        });
+    });
+
+    it("should add result if no filter is set", function() {
+        delete config.filter;
+        var collector = ResultCollector.create(config);
+
+        collector.addResult([], imageSize, {code: "423423443", format: "ean_13"});
+        expect(collector.getResults()).to.have.length(1);
+    });
+
+    it("should not add results if filter returns false", function() {
+        config.filter = () => (false);
+        var collector = ResultCollector.create(config);
+
+        collector.addResult([], imageSize, {code: "423423443", format: "ean_13"});
+        expect(collector.getResults()).to.have.length(0);
+    });
+
+    it("should add result if no blacklist is set", function() {
+        delete config.blacklist;
+        var collector = ResultCollector.create(config);
+
+        collector.addResult([], imageSize, {code: "3574660239843", format: "ean_13"});
+        expect(collector.getResults()).to.have.length(1);
+    });
+});

test/test-main-integration.js

@@ -0,0 +1,8 @@
+require('events').EventEmitter.prototype._maxListeners = 0;
+require('core-js/es5');
+
+const testsContext = require.context("./integration", true, /.*js$/);
+testsContext.keys().forEach(testsContext);
+
+const componentsContext = require.context('../src/', true, /\.*js$/);
+componentsContext.keys().forEach(componentsContext);

test/test-main.js

@@ -0,0 +1,8 @@
+require('events').EventEmitter.prototype._maxListeners = 0;
+require('core-js/es5');
+
+const testsContext = require.context("./spec", true, /.*js$/);
+testsContext.keys().forEach(testsContext);
+
+const componentsContext = require.context('../src/', true, /\.*js$/);
+componentsContext.keys().forEach(componentsContext);

webpack.config.js

@@ -0,0 +1,39 @@
+var webpack = require('webpack'),
+    MyUmdPlugin = require('./plugins/umd'),
+    path = require('path');
+
+module.exports = {
+    entry: [
+        './src/quagga.js'
+    ],
+    devtool: 'source-map',
+    module: {
+        loaders: [{
+            test: /\.jsx?$/,
+            exclude: /node_modules/,
+            loader: 'babel'
+        }]
+    },
+    resolve: {
+        extensions: ['', '.js', '.jsx'],
+        alias: {
+            'input_stream$': path.resolve(__dirname, 'src/input_stream'),
+            'frame_grabber$': path.resolve(__dirname, 'src/frame_grabber')
+        }
+    },
+    output: {
+        path: __dirname + '/dist',
+        publicPath: '/',
+        filename: 'quagga.js',
+        sourceMapFilename: 'quagga.map'
+    },
+    devServer: {
+        contentBase: './',
+        hot: true
+    },
+    plugins: [
+        new MyUmdPlugin({
+            library: 'Quagga'
+        })
+    ]
+};

webpack.config.min.js

@@ -0,0 +1,11 @@
+var webpack = require('webpack');
+module.exports = require('./webpack.config.js');
+
+module.exports.plugins.unshift(
+  new webpack.optimize.UglifyJsPlugin()
+);
+
+module.exports.output.filename = 'quagga.min.js';
+
+module.exports.output.sourceMapFilename = null;
+module.exports.devtool = null;

webpack.node.config.js

@@ -0,0 +1,24 @@
+var webpack = require('webpack'),
+    path = require('path');
+
+module.exports = require('./webpack.config.js');
+
+module.exports.resolve = {
+    extensions: ['', '.js', '.jsx'],
+    alias: {
+        'input_stream$': path.resolve(__dirname, 'lib/input_stream'),
+        'frame_grabber$': path.resolve(__dirname, 'lib/frame_grabber')
+    }
+};
+
+module.exports.externals = [
+    "get-pixels",
+    "gl-matrix",
+    "lodash",
+    "ndarray",
+    "ndarray-linear-interpolate"
+];
+module.exports.output.libraryTarget = "commonjs2";
+module.exports.plugins = [];
+module.exports.output.path = __dirname + '/lib';
+module.exports.output.filename = 'quagga.js';