{"_id":"@amax/react-qr-reader","_rev":"1-6cb023bbfd33ed89c60b2ff55253a7be","name":"@amax/react-qr-reader","dist-tags":{"latest":"3.0.1"},"versions":{"3.0.0":{"name":"@amax/react-qr-reader","version":"3.0.0","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","rollup":"^2.67.2"},"publishConfig":{"access":"public"},"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-postcss":"^4.0.2","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":"c7e15006060c2c8aebee372491d65db7c1312383","_id":"@amax/react-qr-reader@3.0.0","_nodeVersion":"14.20.0","_npmVersion":"6.14.17","dist":{"integrity":"sha512-NPZREFLhtgS7l4USb5RTo3ozwbpx99yHwu76lvZy45qSvb9NSNP7sCwTOtDIMe/GzyCRhBowvqe/+VXMKYK1vA==","shasum":"f4f9a66c1c0f8e893e675104e28e1ba4f29cef51","tarball":"https://registry.npmjs.org/@amax/react-qr-reader/-/react-qr-reader-3.0.0.tgz","fileCount":57,"unpackedSize":4438093,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDMdDxCqsd+lYjxs9iMMgTgHiN6SizcSafsSObOxblyvAIhALcuDsN5C9uPPGmb0VdTWRPgRwSUfyW1nI4SxbQUFQTN"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkF+e2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpFNw//R4mPnj50b/yxNomnp8fejghafdmmeuo2T018ODcodRQXVDL9\r\nhsJ0AfZLudAOV7WnjZ6mQvOi/qS2/xAd6Rkal/lifA4dd7Cz+PbEmtYN3TGK\r\nqZHNjVI1qRfrRSLWvpowKb91FGrML4OoK0SSHG+1ZlGDACFK9Z4m3nd2lAat\r\nUTeH0UKFf64ziOo1GQ6Ar6wfV23uuwRtTXWhF7PPGiCyeA9/ggagNq+PfdVr\r\nZxVCCVjkELwVwHnD4yX8RldMHA3kURPkyHYIOk4apz8o1X827f6FaCd/PESr\r\nOqsWw9CQeH9/ONDlk7sngM0tvGRvi/rxWO4bdaPF24XrXa2GcJTl604HkAzd\r\nbiFs57Mg+1/oPCkvYmNfYfEpXu6tjZBURpDqkZmFGlXtvZCfiwyxzoe4bJLQ\r\nmxLVMLK+76sSF9Kq1codhpuovZpxr9gBfU/bnE3dqW58arW6yHUQVaK89eic\r\nznT61JH9yCE0QOw+bxjthlC/CdM8/yYaJBNXFele0CkdkoVYv5zEyB0dma5F\r\nrHvlKR/kypFiBqMyy4boxAHslWxo7kNq/irDVJIor8mP2edCQmZT2qH+qnr8\r\nVvZswjbQOZz9RCX9GOdjBIKMORO8pgiEP8xbDXPtlVTMHIr/5FhtUwRS5wpL\r\nwHyExSNLXao5Q9m09VCzR+AOHY5K5gK2070=\r\n=6M24\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"armoniametachain","email":"aplink2022@gmail.com"},"directories":{},"maintainers":[{"name":"armoniametachain","email":"aplink2022@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-qr-reader_3.0.0_1679288246011_0.1950322717652866"},"_hasShrinkwrap":false},"3.0.1":{"name":"@amax/react-qr-reader","version":"3.0.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","rollup":"^2.67.2"},"publishConfig":{"access":"public"},"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-postcss":"^4.0.2","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":"c7e15006060c2c8aebee372491d65db7c1312383","_id":"@amax/react-qr-reader@3.0.1","_nodeVersion":"14.20.0","_npmVersion":"6.14.17","dist":{"integrity":"sha512-KHC0jvA2hd89959tNhsat0dnK84yfbKzsFW8fhFudckUuKXQY0SBQsmD4c9rz1HJbzdBpRZ0VGRXhqznQEn/UQ==","shasum":"95cf5236193c16398276b9062ad30f24c4a92723","tarball":"https://registry.npmjs.org/@amax/react-qr-reader/-/react-qr-reader-3.0.1.tgz","fileCount":57,"unpackedSize":4438022,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHzWVmmiWwfcD/fyxhRg//ZYL/WY6F+H4S828WXtTMPzAiAf4zK+1p7inUYIly5/LTUhsnnPvDPK88XnylbE9hfLnA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkF/bHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmokOQ/6A+KMD6iMSa/dQ9llAW8mz32oGbq1KrG/ir2VdLqSL8m+JX+b\r\nKN+H8FQKGTry7SzYSCafH4ov07njsuz19a9DCaK24LCcJmWBllQWAVTbYnsE\r\n6kZKXyHgsbY/QVe0DmhRr+IAYdSTz3LDUuIZWTXxOQR6x9qwE11WsBCLuFjs\r\nkyPkNAyKLICdOtzCGB/S64GqjIZmn0lVIpTUiL8gqupdpuGQQ7N8MQp+FaD8\r\nVKODsbpMYTOqWb9jcFSrK4vG9s0EJgugm9OPR6FqUk7FvIVu42T+ZWAEwmnN\r\nIYxrk7TdtknntkpodXTJe4r2PUvsPK1X1TIj1FmT8QrAemSxdG06Vlsxqcag\r\n0OdM1kSUdsuGpRQxGPmd+er1UgKXKqDNiKGwRHb+VzcRX3czur+PyXvAaeGW\r\np0wQ/bWdGtHVJBupwlUYRaRcdMQbIr8f4FowcG2HBv+k4ubDFxoxjHVbOifr\r\nRnxbEsMCsE12//2FBJeujSYRBoiDNdN8uJLNv/b7Huz2sXG1WfCJE35mUozA\r\nYjtcUOxLKJLsTpo97QshFv6JznbW7wv35hfteGKvR98HbUlNxrocvdmOu0Ha\r\nFTfG6WGSJn8y11o+rlEMWOmIwgtMlWn0IxVGbEgJd8/0iD6LWDV6zrfMYA1N\r\nx1pqQXXXsbcQpWFhVU/ys+4rj1gRrhh2Oyo=\r\n=xk6z\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"armoniametachain","email":"aplink2022@gmail.com"},"directories":{},"maintainers":[{"name":"armoniametachain","email":"aplink2022@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-qr-reader_3.0.1_1679292103223_0.2993633743438644"},"_hasShrinkwrap":false}},"time":{"created":"2023-03-20T04:57:25.903Z","3.0.0":"2023-03-20T04:57:26.180Z","modified":"2023-03-20T06:01:43.708Z","3.0.1":"2023-03-20T06:01:43.470Z"},"maintainers":[{"name":"armoniametachain","email":"aplink2022@gmail.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      <QrReader\n        onResult={(result, error) => {\n          if (!!result) {\n            setData(result?.text);\n          }\n\n          if (!!error) {\n            console.info(error);\n          }\n        }}\n        style={{ width: '100%' }}\n      />\n      <p>{data}</p>\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"}