{"_id":"@carloscgo/vue-cc-quaggajs","_rev":"1-ba82e01c80f06cfaf4ab14f224eeeff6","name":"@carloscgo/vue-cc-quaggajs","dist-tags":{"latest":"2.0.0"},"versions":{"2.0.0":{"name":"@carloscgo/vue-cc-quaggajs","description":"A Vue.js component, accessing the device camera and allowing users to read barcodes, within the browser","main":"dist/vue-cc-quagga.js","cdn":"dist/vue-cc-quagga.min.js","version":"2.0.0","author":{"name":"Carlos Camacho","email":"caroscgo123@gmail.com"},"license":"MIT","scripts":{"dev":"cross-env NODE_ENV=development webpack-dev-server --open --hot","build":"cross-env NODE_ENV=production webpack --progress --hide-modules"},"keywords":["quagga","vue","barcode-reader","barcode-scanner"],"repository":{"type":"git","url":"git+https://github.com/carloscgo/vue-cc-quagga.git"},"bugs":{"url":"https://github.com/carloscgo/vue-cc-quagga/issues"},"dependencies":{"quagga":"^0.12.1","vue":"^2.5.11","webrtc-adapter":"^6.2.1"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"devDependencies":{"babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-preset-env":"^1.6.0","babel-preset-stage-3":"^6.24.1","cross-env":"^5.0.5","css-loader":"^0.28.7","file-loader":"^1.1.4","node-sass":"^4.11.0","sass":"^1.17.0","sass-loader":"^7.1.0","vue-loader":"^13.0.5","vue-template-compiler":"^2.4.4","webpack":"^3.6.0","webpack-dev-server":"^2.9.1","webpack-merge":"^4.1.2"},"homepage":"https://github.com/carloscgo/vue-cc-quagga#readme","gitHead":"c3b6734a34e7bc921466099720dd46467deee844","_id":"@carloscgo/vue-cc-quaggajs@2.0.0","_nodeVersion":"10.15.1","_npmVersion":"6.7.0","dist":{"integrity":"sha512-MaZOoWWO4vkXv+Ts0AphQq+l3EBm5VWH+6Ch+790nGtjkUQ//D1xDXsuUzgD28ZdhpY5Q2f6SVFNjVlJVKFn0g==","shasum":"9d57a26e45d2c3cac137aafae03471bd0dbd9a5f","tarball":"https://registry.npmjs.org/@carloscgo/vue-cc-quaggajs/-/vue-cc-quaggajs-2.0.0.tgz","fileCount":15,"unpackedSize":1508024,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcYEjaCRA9TVsSAnZWagAA3HgQAJqBtVhoD4ewCFDzil3b\n+CcCGC2CdSsfqfsg+nicH9UvL/jGjwCof4loA0r4g19pKsd7r7LFBhsWlPIs\n4M6EXrvsErU1g1ww6C83vEzWIj7bfTWAz05yGVYKyibkrrhwwuxojVGERqPA\nj4INDUSIkW5+OL15etQ3sJNImgZqFpfbEoG9FEd5PD6dK1IXWuCPAPsSyZtz\nMJr2Lj41Y3Ywo13+L1z6qoVk3mROBCE2P9OjJCQyaqVZlWSSphHpGQ6jFVPo\ncQQMCbYqyL3h/MWmoMaN8GpWr1zQuO/8/zBTEwuADa3OKVxM4UM6OVAyZXR0\nL3YqkJIAWSMjqcu/ibmZjf/rpdWxqrm82zB84ToDqReeGyP+v2QoLrGcgpvU\nrlQQP7v/pZYPiVFR4pWMIzd7At4HaD/GsyfH5/hHz3Z9kzwg88jF3nT/I5t+\na400HCpHoYNIWfBZniWwDBc2Kr+ly06UThlSR42/AFfpqZ2AMJFTBSk1G65d\nZ0uuzJZUo68YaY4tqUn0ZAyxCOf8j1gcnCwjsVSFiK+o4yJZLRXf5RlhYBJj\nhuJ0DbbsoqPRjgIfO6QVWHFwEcJ58pvolo496ChrkEnlJxJAigi77uJ6cLmL\nmC0WbDLuRcn0tvf71PVFqJ2+CNZufkMxfGR6FNWfqQVMYDzu4hqGpv1QsTck\ntiBX\r\n=g0D3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB9vPSpbkHOMHzFDl2TvbOfHC2Ela8itu0goh7UpKDfHAiEArSsKEzHHA5UUaIEbMG7kTQerUhq9d4aCM1aUkL/RxFo="}]},"maintainers":[{"name":"carloscgo","email":"carloscgo123@gmail.com"}],"_npmUser":{"name":"carloscgo","email":"carloscgo123@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-cc-quaggajs_2.0.0_1549813977942_0.7216411127930473"},"_hasShrinkwrap":false}},"time":{"created":"2019-02-10T15:52:57.747Z","2.0.0":"2019-02-10T15:52:58.105Z","modified":"2022-04-04T21:58:03.180Z"},"maintainers":[{"name":"carloscgo","email":"carloscgo123@gmail.com"}],"description":"A Vue.js component, accessing the device camera and allowing users to read barcodes, within the browser","homepage":"https://github.com/carloscgo/vue-cc-quagga#readme","keywords":["quagga","vue","barcode-reader","barcode-scanner"],"repository":{"type":"git","url":"git+https://github.com/carloscgo/vue-cc-quagga.git"},"author":{"name":"Carlos Camacho","email":"caroscgo123@gmail.com"},"bugs":{"url":"https://github.com/carloscgo/vue-cc-quagga/issues"},"license":"MIT","readme":"# vue-cc-quaggajs\n\n[quaggajs](https://serratus.github.io/quaggaJS/) 's wrapper for Vue.js\n\n# Installtion\n\n## npm\n\n``` bash\nnpm i vue-cc-quaggajs\n```\n\n```vue\n<template>\n  <quagga-scanner ref=\"scanner\"></quagga-scanner>\n</template>\n\n<script>\nimport { QuaggaScanner } from 'vue-cc-quaggajs';\n\nexport default {\n  //...\n  components: {\n    QuaggaScanner,\n  },\n  // ...\n}\n</script>\n```\n# Usage\n\n### `init` : function()\n\n```js\nfunction () {\n  Quagga.init(this.quaggaState, function (err) {\n    if (err) {\n      return console.log(err);\n    }\n\n    Quagga.start();\n  });\n\n  Quagga.onDetected(this.onDetected ? this.onDetected : this._onDetected);\n  Quagga.onProcessed(this.onProcessed ? this.onProcessed : this._onProcessed);\n}\n```\n\n### `reInit` : function()\n\n```js\nfunction () {\n  Quagga.stop();\n\n  this.init();\n}\n```\n\n### `getImage` : function()\n\n```js\nfunction () {\n  const canvas = Quagga.canvas.dom.image;\n\n  return canvas.toDataURL();\n}\n```\n\n### `onDetected` : function(result)\n\nReference: [Quagga.onDetected(callback)](https://github.com/serratus/quaggaJS#quaggaondetectedcallback)\n\ndefault function:\n\n```js\nfunction (result) {\n  console.log('detected: ', result);\n}\n```\n\n### `onProcessed` : function(result)\n\nReference: [Quagga.onProcessed(callback)](https://github.com/serratus/quaggaJS#quaggaonprocessedcallback)\n\ndefault function:\n\n```js\nfunction (result) {\n  let drawingCtx = Quagga.canvas.ctx.overlay,\n    drawingCanvas = Quagga.canvas.dom.overlay;\n\n  if (result) {\n    if (result.boxes) {\n      drawingCtx.clearRect(0, 0, parseInt(drawingCanvas.getAttribute(\"width\")), parseInt(drawingCanvas.getAttribute(\"height\")));\n      result.boxes.filter(function (box) {\n        return box !== result.box;\n      }).forEach(function (box) {\n        Quagga.ImageDebug.drawPath(box, {x: 0, y: 1}, drawingCtx, {color: \"green\", lineWidth: 2});\n      });\n    }\n    if (result.box) {\n      Quagga.ImageDebug.drawPath(result.box, {x: 0, y: 1}, drawingCtx, {color: \"#00F\", lineWidth: 2});\n    }\n\n    if (result.codeResult && result.codeResult.code) {\n      Quagga.ImageDebug.drawPath(result.line, {x: 'x', y: 'y'}, drawingCtx, {color: 'red', lineWidth: 3});\n    }\n  }\n},\n```\n\n### readerType: String\n\nSet reading barcode type.\n\nReference: [https://github.com/serratus/quaggaJS#decoder](https://github.com/serratus/quaggaJS#decoder)\n\ndefault: `'code_128_reader'`\n\n### readerSize: Object {width: Number, height: Number}\n\nSet reader size. it affects <video> size.\n\ndefault:\n\n```js\n{\n  width: 640,\n  height: 480,\n}\n```\n\n# Basic Example\n\n```\n<template>\n  <div>\n    <quagga-scanner :onDetected=\"logIt\" :readerSize=\"readerSize\" :readerType=\"'ean_reader'\"></quagga-scanner>\n  </div>\n</template>\n\n<script>\nimport { QuaggaScanner } from 'vue-cc-quaggajs'\nexport default {\n  name: 'VueBarcodeTest',\n  data () {\n    return {\n      readerSize: {\n        width: 640,\n        height: 480\n      }\n    }\n  },\n  components: {\n    QuaggaScanner\n  },\n  methods: {\n    logIt (data) {\n      console.log('detected', data)\n    }\n\n  }\n}\n</script>\n```\n\n\n","readmeFilename":"README.md"}