{"_id":"@9wick/react-qr-reader","_rev":"1-3ea55e2e73c5cebb15a786f7602faf3f","name":"@9wick/react-qr-reader","dist-tags":{"latest":"3.0.0-beta-2"},"versions":{"3.0.0-beta-1":{"name":"@9wick/react-qr-reader","version":"3.0.0-beta-1","description":"A React Component for reading QR codes from the webcam","scripts":{"build":"rollup -c","prepublish":"yarn build","lint":"eslint --fix 'src/**'","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","deploy-storybook":"storybook-to-ghpages"},"main":"dist/cjs/index.js","module":"dist/esm/index.js","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/react-qr-reader/react-qr-reader.git"},"keywords":["react","qr","qrcode","qrreader"],"author":{"name":"thomas billiet"},"license":"MIT","bugs":{"url":"https://github.com/react-qr-reader/react-qr-reader/issues"},"homepage":"https://github.com/react-qr-reader/react-qr-reader#readme","peerDependencies":{"react":"^16.8.0 || ^17.0.0","react-dom":"^16.8.0 || ^17.0.0"},"dependencies":{"@zxing/browser":"0.0.7","@zxing/library":"^0.18.3","jsqr":"^1.4.0","rollup":"^2.67.2"},"devDependencies":{"@babel/core":"^7.12.0","@babel/plugin-proposal-class-properties":"^7.12.1","@babel/plugin-proposal-object-rest-spread":"^7.11.0","@babel/plugin-proposal-optional-chaining":"^7.11.0","@babel/preset-react":"^7.10.4","@babel/preset-typescript":"^7.10.4","@commitlint/cli":"^11.0.0","@commitlint/config-conventional":"^11.0.0","@rollup/plugin-commonjs":"^21.0.1","@rollup/plugin-node-resolve":"^13.1.3","@rollup/plugin-typescript":"^8.3.0","@storybook/addon-essentials":"^6.1.21","@storybook/react":"^6.1.21","@storybook/storybook-deployer":"^2.8.10","@types/react":"^16.9.49","@typescript-eslint/eslint-plugin":"^4.1.0","@typescript-eslint/parser":"^4.1.0","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","eslint":"^7.18.0","eslint-config-react-app":"^5.2.1","eslint-plugin-flowtype":"^5.2.0","eslint-plugin-import":"^2.22.0","eslint-plugin-jsx-a11y":"^6.3.1","eslint-plugin-react":"^7.20.6","eslint-plugin-react-hooks":"^4.1.2","husky":"^4.3.0","lint-staged":"^10.3.0","prettier":"^2.1.1","react":"^16.13.1","react-docgen-typescript-loader":"^3.7.2","react-dom":"^16.13.1","rollup-plugin-dts":"^4.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-web-worker-loader":"^1.6.1","source-map-explorer":"^2.5.0","ts-loader":"^8.0.3","typescript":"^4.0.2"},"husky":{"hooks":{"commit-msg":"commitlint -E HUSKY_GIT_PARAMS","pre-commit":"lint-staged"}},"lint-staged":{"*.{ts,tsx,js,json,css,md,scss}":["prettier --write","git add"]},"gitHead":"0cbefa79f508c3851e12b3898cf2c2fae2a2f01e","_id":"@9wick/react-qr-reader@3.0.0-beta-1","_nodeVersion":"14.19.3","_npmVersion":"6.14.17","dist":{"integrity":"sha512-VHrovbk/JQ7Z+W9XRRzhJkm6G5vWHG7dsKAFLWHHcZOFKU80how7V6q7mtxhVXmvpmeqS0qR/QhFnlnXvgfsAw==","shasum":"fa2ac70b2b4c0d69b5c8e5aaac47cfbd795a0ee4","tarball":"https://registry.npmjs.org/@9wick/react-qr-reader/-/react-qr-reader-3.0.0-beta-1.tgz","fileCount":41,"unpackedSize":5463484,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCG/lrSuKkMLE9A1OocgDhjx9ofNHVMfTfESfcWXOvfjgIhAJRY+s/2Z5W8uG/qdDNgI7WrDoHm592ZxZtJ/8FvMrNM"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqWAeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrK9A/+Iz21FYtLLgfiwYEywRXMXU0UTpckXhbd1w8bKsTBmQqfVqtX\r\nhd19cRH6HIOtAhdtem+u6hg+jFWR3ywa7N/ICwIVQcwTAAEJHHGHoIkncv/g\r\nn+kxbxcT//1skVtDGoc6mHj2eWlM7Gr39qaMQU18duZOeGVHN2IMG013ILzY\r\nR4gGoHVqsOVN/3aQ6nPJbvl/LO31rWlDfpXnH78H4bW+TMnoZJTQD4rMGmE6\r\nIgewuBr98V9wGdhKR0JDag+o/aO7fojRDxAqf1O9lYlJ4f7Bkv04P8WKynEA\r\n95sZMEl3ezXWl4V2UkOPVBuoUWyiUVYA6cwNf4QdxdCWLVoDSFMVHiZ/c4ni\r\n5/OfOhPbeMs+ECYn2wzPvusa+AOW+mZ1ZYXrG78fhHlKtID/FaT6M7JNgejo\r\n0fECz6b4sdPVcQsZW+96x29ZNpaYardKVcz+kqtBJkC8mNC8W23x8beCqKaY\r\nVg4clJt/Rsow+1dSwD8TBiO58gAzOWFpReBe7hFxiPIjZNKXyTYqPsBdn29l\r\npJyDt+pZ2y1GKYwmGT26kfckXHjfdD1mGQKapcumSi5kq72GoOPtHzA3IFg3\r\n7GvlyKXw9yFN5Szrt2BhLVeBiwlP1D1kpkpiZehvDQTZgm12KD2jkpw1nxPP\r\nkGRyQd8CS/xcBrOfvDYgLzNgDUT8/m4hGZY=\r\n=VmQV\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"kido","email":"kido@9wick.com"},"directories":{},"maintainers":[{"name":"kido","email":"kido@9wick.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-qr-reader_3.0.0-beta-1_1655267358421_0.13285801549574416"},"_hasShrinkwrap":false},"3.0.0-beta-2":{"name":"@9wick/react-qr-reader","version":"3.0.0-beta-2","description":"A React Component for reading QR codes from the webcam","scripts":{"build":"rollup -c","prepublish":"yarn build","lint":"eslint --fix 'src/**'","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","deploy-storybook":"storybook-to-ghpages"},"main":"dist/cjs/index.js","module":"dist/esm/index.js","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/react-qr-reader/react-qr-reader.git"},"keywords":["react","qr","qrcode","qrreader"],"author":{"name":"thomas billiet"},"license":"MIT","bugs":{"url":"https://github.com/react-qr-reader/react-qr-reader/issues"},"homepage":"https://github.com/react-qr-reader/react-qr-reader#readme","peerDependencies":{"react":"^16.8.0 || ^17.0.0","react-dom":"^16.8.0 || ^17.0.0"},"dependencies":{"@zxing/browser":"0.0.7","@zxing/library":"^0.18.3","jsqr":"^1.4.0","rollup":"^2.67.2"},"devDependencies":{"@babel/core":"^7.12.0","@babel/plugin-proposal-class-properties":"^7.12.1","@babel/plugin-proposal-object-rest-spread":"^7.11.0","@babel/plugin-proposal-optional-chaining":"^7.11.0","@babel/preset-react":"^7.10.4","@babel/preset-typescript":"^7.10.4","@commitlint/cli":"^11.0.0","@commitlint/config-conventional":"^11.0.0","@rollup/plugin-commonjs":"^21.0.1","@rollup/plugin-node-resolve":"^13.1.3","@rollup/plugin-typescript":"^8.3.0","@storybook/addon-essentials":"^6.1.21","@storybook/react":"^6.1.21","@storybook/storybook-deployer":"^2.8.10","@types/react":"^16.9.49","@typescript-eslint/eslint-plugin":"^4.1.0","@typescript-eslint/parser":"^4.1.0","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","eslint":"^7.18.0","eslint-config-react-app":"^5.2.1","eslint-plugin-flowtype":"^5.2.0","eslint-plugin-import":"^2.22.0","eslint-plugin-jsx-a11y":"^6.3.1","eslint-plugin-react":"^7.20.6","eslint-plugin-react-hooks":"^4.1.2","husky":"^4.3.0","lint-staged":"^10.3.0","prettier":"^2.1.1","react":"^16.13.1","react-docgen-typescript-loader":"^3.7.2","react-dom":"^16.13.1","rollup-plugin-dts":"^4.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-web-worker-loader":"^1.6.1","source-map-explorer":"^2.5.0","ts-loader":"^8.0.3","typescript":"^4.0.2"},"husky":{"hooks":{"commit-msg":"commitlint -E HUSKY_GIT_PARAMS","pre-commit":"lint-staged"}},"lint-staged":{"*.{ts,tsx,js,json,css,md,scss}":["prettier --write","git add"]},"gitHead":"2aa39e3507d137843f26702307ea029c3ad18050","_id":"@9wick/react-qr-reader@3.0.0-beta-2","_nodeVersion":"14.19.3","_npmVersion":"6.14.17","dist":{"integrity":"sha512-lw+aw/g2ekjUYcPvLMgRTH9WQg27L9MCkG4KQ5jpFzTIZR8p9VhMkJktPE0XbIRV5kONq1F1HFpaDiiow5YV6Q==","shasum":"324ed036665bbbb8aa499f5dbd4ffbc01db9d1ca","tarball":"https://registry.npmjs.org/@9wick/react-qr-reader/-/react-qr-reader-3.0.0-beta-2.tgz","fileCount":41,"unpackedSize":5464312,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBrKBTTFUoyDWh3G5xzJt+gVibLPY67cQMFx5d6N54lpAiA9VHglXJ8l3TwGXjDpef4CVCL518L7ka5JzQk9v4td1A=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisaRUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmryMQ/6AoIbiTz6g6CyT5jdbNf3017IajT1A5RxmVCfQ3N4xkYitMDv\r\n0xOgDBsa3nhPtHsGCWdJZvqoEA4hVUR/oUwaJilBV6UjTbsNY9SVwcAf+4cS\r\nL0CclxdCBpiVoIbHRdm6vCQzafD4Y9vkHb6Ajn6Hw/fFLKG3BqX2iN4a+BAb\r\nOWNPbxeyE0e3phWSJnFFLAXb+c1NLT2IHcwEKKTB/7x4nKW09O8difI+3M0Q\r\n3XjmfapVDVxbng46clc5UZvwxSr+6XQFtCNQNVEQoZ4DxUlS7MVjTU9GyekC\r\nbwxI8wy6diwCIEEc0XIQnTmNPhIrKQ+961rMMoPCnMljXEb18IfMNV9nrKx/\r\nMWGjBm7xzpFPoTc4g7ho+LL4NnrACDnOhdABtMDCYq9QqqQl7nAgDy0h9owz\r\nru5LSnt+UMdDQ0JJt7oehjIcAwKhkzX/pDpZHP9054FLYhEQvoHDKJUfCeAP\r\nq3awiS/m0r9GsQtMpwUfTLLDy5fGCNUIhw6osze7SXepRC7ilD/PI0Fkb8Df\r\n+tKsD6HDhTYcfmEFL3y/vx0/1NGMfrwoV+YtouPqbL0rG3D5EJJvqUO7Roly\r\nmb5BiM6PG/QMSukY5hYlZgvIpoJ/3r+iu4WBWDNNoXbbPvCqa1VmSMQ167y5\r\nLEN6EYHz8fZbzANZ3l6wlQf+6+URnInEc+o=\r\n=qMqO\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"kido","email":"kido@9wick.com"},"directories":{},"maintainers":[{"name":"kido","email":"kido@9wick.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-qr-reader_3.0.0-beta-2_1655809108199_0.6418280046627272"},"_hasShrinkwrap":false}},"time":{"created":"2022-06-15T04:29:18.372Z","3.0.0-beta-1":"2022-06-15T04:29:18.694Z","modified":"2022-06-21T10:58:28.535Z","3.0.0-beta-2":"2022-06-21T10:58:28.463Z"},"maintainers":[{"name":"kido","email":"kido@9wick.com"}],"description":"A React Component for reading QR codes from the webcam","homepage":"https://github.com/react-qr-reader/react-qr-reader#readme","keywords":["react","qr","qrcode","qrreader"],"repository":{"type":"git","url":"git+https://github.com/react-qr-reader/react-qr-reader.git"},"author":{"name":"thomas billiet"},"bugs":{"url":"https://github.com/react-qr-reader/react-qr-reader/issues"},"license":"MIT","readme":"# React QR Reader [![npm version](https://badge.fury.io/js/react-qr-reader.svg)](https://badge.fury.io/js/react-qr-reader) [![License: MIT](https://img.shields.io/badge/License-MIT-brightgreen.svg)](https://opensource.org/licenses/MIT) [![Known Vulnerabilities](https://snyk.io/test/github/react-qr-reader/react-qr-reader/badge.svg)](https://snyk.io/test/github/react-qr-reader/react-qr-reader)\n\n:rocket: React QR Reader component. Check out the [demo](https://react-qr-reader.github.io/react-qr-reader/).\n\n## Table of contents\n\n- [Use Case](#use-case)\n- [Compatibility](#compatibility)\n- [Installation](#installation)\n - [NPM](#npm)\n - [YARN](#yarn)\n- [Example Usage](#example-usage)\n- [QrReader API](#component-api)\n- [Browser support](#browser-support)\n- [Issues](#issues)\n- [Contributing](#contributing)\n- [License](#license)\n\n## Use Case\n\nYou need a component for Scanning QR codes from a web browser based app.\n\n## Compatibility\n\nThis component has been tested in the following browsers:\n\n- Chrome Mac OS & Android\n- Firefox Mac OS & Android\n- Safari Mac OS & IOS\n\nSince this library does internal use of hooks you need `React >= 16.8.0`.\n\n## Installation\n\nYou can install this library via NPM or YARN.\n\n### NPM\n\n```bash\nnpm i react-qr-reader\n```\n\n### YARN\n\n```bash\nyarn add react-qr-reader\n```\n\n## Example Usage\n\nAfter reading and performing the previous steps, you should be able to import the library and use it like in this example:\n\n```javascript\nimport React, { useState } from 'react';\nimport { QrReader } from 'react-qr-reader';\n\nconst Test = (props) => {\n const [data, setData] = useState('No result');\n\n return (\n <>\n {\n if (!!result) {\n setData(result?.text);\n }\n\n if (!!error) {\n console.info(error);\n }\n }}\n style={{ width: '100%' }}\n />\n

{data}

\n \n );\n};\n```\n\n## Component API\n\nThe `QrReader` component has the following props:\n\n| Properties | Types | Default Value | Description |\n| ------------------- | ----------------------------------------------------------------------------------------------- | ------------------------ | -------------------------------------------------------- |\n| constraints | [MediaTrackConstraints](https://developer.mozilla.org/en-US/docs/Web/API/MediaTrackConstraints) | `{ facingMode: 'user' }` | Specify which camera should be used (if available). |\n| onResult | `function` | none | Scan event handler |\n| videoId | `string` | `video` | The ID for the video element |\n| scanDelay | `number` | `500` | The scan period for the QR hook |\n| ViewFinder | component | none | ViewFinder component to rendering over the video element |\n| className | string | none | ClassName for the container element. |\n| containerStyle | object | none | Style object for the container element. |\n| videoContainerStyle | object | none | Style object for the video container element. |\n| videoStyle | object | none | Style object for the video element. |\n\n## Maintainers\n\n- Created by [@JodusNodus](https://github.com/JodusNodus) .\n- Revived thanks to [@JonatanSalas](https://github.com/JonatanSalas) and his company [@BlackBoxVision](https://github.com/BlackBoxVision) .\n\n## Browser Support\n\nIf you need to support older browsers, checkout [this guide](https://github.com/zxing-js/library#browser-support) in how to make it compatible with legacy ones\n\n## Issues\n\nPlease, open an [issue](https://github.com/react-qr-reader/react-qr-reader/issues) following one of the issues templates. We will do our best to fix them.\n\n## Contributing\n\nIf you want to contribute to this project see [contributing](https://github.com/react-qr-reader/react-qr-reader/blob/master/CONTRIBUTING.md) for more information.\n\n## License\n\nDistributed under the **MIT license**. See [LICENSE](https://github.com/react-qr-reader/react-qr-reader/blob/master/LICENSE) for more information.\n","readmeFilename":"README.md"}