{"_id":"@dennis-baca/react-qrcode-scanner","_rev":"2-aa110adc49751f8c594edb9897e4e65d","name":"@dennis-baca/react-qrcode-scanner","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"@dennis-baca/react-qrcode-scanner","version":"1.0.0","description":"A library to scan qr codes in react.","author":{"name":"Dennis Baca And Yudiel Curbelo"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/Dennis-Baca/react-qrcode-scanner.git"},"bugs":{"url":"https://github.com/Dennis-Baca/react-qrcode-scanner/issues"},"homepage":"https://github.com/Dennis-Baca/react-qrcode-scanner#readme","main":"dist/cjs/index.js","module":"dist/esm/index.js","types":"dist/index.d.ts","scripts":{"build":"rollup -c","build:esm":"tsc","build:cjs":"tsc --module CommonJS --outDir dist/cjs","storybook":"NODE_OPTIONS=--openssl-legacy-provider && storybook dev -p 6006","build-storybook":"storybook build","publish":"npm publish","publish-beta":"npm publish --tag beta"},"devDependencies":{"@babel/preset-env":"^7.23.9","@babel/preset-react":"^7.23.3","@babel/preset-typescript":"^7.23.3","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-typescript":"^11.1.6","@storybook/addon-actions":"^7.6.16","@storybook/addon-essentials":"^7.6.16","@storybook/addon-interactions":"^7.6.16","@storybook/addon-links":"^7.6.16","@storybook/react":"^7.6.16","@storybook/react-webpack5":"7.6.16","@types/node":"^20.11.19","@types/react":"^18.2.56","@types/react-dom":"^18.2.19","react":"^18.2.0","react-dom":"^18.2.0","rollup":"^4.12.0","rollup-plugin-copy":"^3.5.0","rollup-plugin-dts":"^6.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","storybook":"7.6.16","tslib":"^2.6.2","typescript":"^5.3.3"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0"},"dependencies":{"@zxing/library":"^0.20.0"},"packageManager":"yarn@4.0.2","_id":"@dennis-baca/react-qrcode-scanner@1.0.0","gitHead":"ce2ea944512caba7b23f0bd27a4d2c53cc053dd9","_nodeVersion":"22.1.0","_npmVersion":"10.7.0","dist":{"integrity":"sha512-F3tOK64Pvk/9dpX8wtBRgVgAwV6FTD6FchuUwXs5i1jURRd+z4lntttRIvfJbHYKu5ggOlEYmXigiLJj7BGbRA==","shasum":"ea3564576c962138a6f46585f682ea0d8c5f22e7","tarball":"https://registry.npmjs.org/@dennis-baca/react-qrcode-scanner/-/react-qrcode-scanner-1.0.0.tgz","fileCount":3,"unpackedSize":6983,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDzKVMWIX4+M0+y1JFn8i+jFY9Xr8Tfe4dQ1KZ6bUVc4gIgRoHteg7zhf5CWPa+o+e662w1HLvnUNQOHiAS4IEkfBM="}]},"_npmUser":{"name":"dennis-baca","email":"d3baca@gmail.com"},"directories":{},"maintainers":[{"name":"dennis-baca","email":"d3baca@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-qrcode-scanner_1.0.0_1715470465291_0.6300187417752643"},"_hasShrinkwrap":false},"1.0.1":{"name":"@dennis-baca/react-qrcode-scanner","version":"1.0.1","description":"A library to scan qr codes in react.","author":{"name":"Dennis Baca And Yudiel Curbelo"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/Dennis-Baca/react-qrcode-scanner.git"},"bugs":{"url":"https://github.com/Dennis-Baca/react-qrcode-scanner/issues"},"homepage":"https://github.com/Dennis-Baca/react-qrcode-scanner#readme","main":"dist/cjs/index.js","module":"dist/esm/index.js","types":"dist/index.d.ts","scripts":{"build":"rollup -c","build:esm":"tsc","build:cjs":"tsc --module CommonJS --outDir dist/cjs","storybook":"NODE_OPTIONS=--openssl-legacy-provider && storybook dev -p 6006","build-storybook":"storybook build","publish":"npm publish","publish-beta":"npm publish --tag beta"},"devDependencies":{"@babel/preset-env":"^7.23.9","@babel/preset-react":"^7.23.3","@babel/preset-typescript":"^7.23.3","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-typescript":"^11.1.6","@storybook/addon-actions":"^7.6.16","@storybook/addon-essentials":"^7.6.16","@storybook/addon-interactions":"^7.6.16","@storybook/addon-links":"^7.6.16","@storybook/react":"^7.6.16","@storybook/react-webpack5":"7.6.16","@types/node":"^20.11.19","@types/react":"^18.2.56","@types/react-dom":"^18.2.19","react":"^18.2.0","react-dom":"^18.2.0","rollup":"^4.12.0","rollup-plugin-copy":"^3.5.0","rollup-plugin-dts":"^6.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","storybook":"7.6.16","tslib":"^2.6.2","typescript":"^5.3.3"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0"},"dependencies":{"@zxing/library":"^0.20.0"},"packageManager":"yarn@4.0.2","_id":"@dennis-baca/react-qrcode-scanner@1.0.1","gitHead":"94617e4284250d6996516df078e9a100c6add7b3","_nodeVersion":"22.1.0","_npmVersion":"10.7.0","dist":{"integrity":"sha512-4WFrHf9pMgwb3mTulAJ7vvRdIhKuDuaVzI4Mk0O+hPZgh8Ivt5zgAQDehTSDRnaw1NIlmfeyUem4eFcBmlfUyQ==","shasum":"7f680b069f62047228816f5c7fccb71ef5bf40f7","tarball":"https://registry.npmjs.org/@dennis-baca/react-qrcode-scanner/-/react-qrcode-scanner-1.0.1.tgz","fileCount":3,"unpackedSize":6987,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDBz2mSQDoJ5jOzICyobvlGD6B5fHeMz0TOSsWXV+p8YAIhALFu3mAmiqpAOJNPRKgRbV3sddNKi8F8mTgeg1yV4aYH"}]},"_npmUser":{"name":"dennis-baca","email":"d3baca@gmail.com"},"directories":{},"maintainers":[{"name":"dennis-baca","email":"d3baca@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-qrcode-scanner_1.0.1_1715470780267_0.9690716139163265"},"_hasShrinkwrap":false},"1.0.2":{"name":"@dennis-baca/react-qrcode-scanner","version":"1.0.2","description":"A library to scan qr codes in react.","author":{"name":"Dennis Baca And Yudiel Curbelo"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/Dennis-Baca/react-qrcode-scanner.git"},"bugs":{"url":"https://github.com/Dennis-Baca/react-qrcode-scanner/issues"},"homepage":"https://github.com/Dennis-Baca/react-qrcode-scanner#readme","main":"dist/cjs/index.js","module":"dist/esm/index.js","types":"dist/index.d.ts","scripts":{"build":"rollup -c","build:esm":"tsc","build:cjs":"tsc --module esnext --outDir dist/cjs","storybook":"NODE_OPTIONS=--openssl-legacy-provider && storybook dev -p 6006","build-storybook":"storybook build","publish":"npm publish","publish-beta":"npm publish --tag beta"},"devDependencies":{"@babel/preset-env":"^7.23.9","@babel/preset-react":"^7.23.3","@babel/preset-typescript":"^7.23.3","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-typescript":"^11.1.6","@storybook/addon-actions":"^7.6.16","@storybook/addon-essentials":"^7.6.16","@storybook/addon-interactions":"^7.6.16","@storybook/addon-links":"^7.6.16","@storybook/react":"^7.6.16","@storybook/react-webpack5":"7.6.16","@types/node":"^20.11.19","@types/react":"^18.2.56","@types/react-dom":"^18.2.19","react":"^18.2.0","react-dom":"^18.2.0","rollup":"^4.12.0","rollup-plugin-copy":"^3.5.0","rollup-plugin-dts":"^6.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","storybook":"7.6.16","tslib":"^2.6.2","typescript":"^5.3.3"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0"},"dependencies":{"@zxing/library":"^0.20.0"},"packageManager":"yarn@4.0.2","_id":"@dennis-baca/react-qrcode-scanner@1.0.2","gitHead":"4f3c2ff93591b594ea21805d8b9ef99e63639dee","_nodeVersion":"20.12.2","_npmVersion":"10.5.0","dist":{"integrity":"sha512-D4kxuyDjWAkJfxYCyZl9IQBlugLgnsHLe/J+WSgvMuth//uHTes43HT3Zow1KATn0ZlShcb9Aa3qv59p+2Hb0g==","shasum":"c4c072d6631c18198be9bb1d39a1d2e5ffa908b3","tarball":"https://registry.npmjs.org/@dennis-baca/react-qrcode-scanner/-/react-qrcode-scanner-1.0.2.tgz","fileCount":81,"unpackedSize":4858905,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCKakzpk7QUM/NQsX5Ukk5p0OP40FTMNZXwugLTS7CtqwIhALI+ysaxIHxT7vK/HqmPk9sfGkm8Cd/JACzm2ImJu7C+"}]},"_npmUser":{"name":"dennis-baca","email":"d3baca@gmail.com"},"directories":{},"maintainers":[{"name":"dennis-baca","email":"d3baca@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-qrcode-scanner_1.0.2_1715472646110_0.7405898106167241"},"_hasShrinkwrap":false}},"time":{"created":"2024-05-11T23:34:25.170Z","1.0.0":"2024-05-11T23:34:25.429Z","modified":"2024-05-12T00:10:46.523Z","1.0.1":"2024-05-11T23:39:40.448Z","1.0.2":"2024-05-12T00:10:46.361Z"},"maintainers":[{"name":"dennis-baca","email":"d3baca@gmail.com"}],"description":"A library to scan qr codes in react.","homepage":"https://github.com/Dennis-Baca/react-qrcode-scanner#readme","repository":{"type":"git","url":"git+https://github.com/Dennis-Baca/react-qrcode-scanner.git"},"author":{"name":"Dennis Baca And Yudiel Curbelo"},"bugs":{"url":"https://github.com/Dennis-Baca/react-qrcode-scanner/issues"},"license":"MIT","readme":"### Features\n\n- Scan Qr Codes using a smartphone camera or webcam.\n\n### Demo\nCheckout the [Demo](https://yudielcurbelo.github.io/react-qr-scanner/).\n\n### Install\n\n yarn add @yudiel/react-qr-scanner\n\n npm install @yudiel/react-qr-scanner\n\n### Usage\n\n```jsx\nimport {QrScanner} from '@yudiel/react-qr-scanner';\n\nconst App = () => {\n return (\n console.log(result)}\n onError={(error) => console.log(error?.message)}\n />\n );\n}\n```\n\n### Supported Formats\n\n| 1D product | 1D industrial | 2D |\n|-------------|---------------|--------------|\n| UPC-A | Code 39 | QR Code |\n| EAN-8 | Code 128 | Data Matrix |\n| EAN-13 | RSS-14 | Aztec |\n| | | PDF 417 |\n\n### Limitations\n- Due to browser implementations the camera can only be accessed over https or localhost.\n- Server side rendering won't work so only require the component when rendering in a browser environment.\n\n### API\n| Properties | Types | Default Value | Description |\n|----------------|-------------------------------------------------------------------------------------------------|---------------------------------|-------------------------------------------------------------------|\n| constraints | [MediaTrackConstraints](https://developer.mozilla.org/en-US/docs/Web/API/MediaTrackConstraints) | `{ facingMode: 'environment' }` | Specify which camera should be used (if available). |\n| containerStyle | `object` | none | Style object for the container element. |\n| videoStyle | `object` | none | Style object for the video element. |\n| scanDelay | `number` | `500` | The scan period for the QR hook. |\n| videoId | `string` | `videoId` | The Id for the video element. |\n| onResult | `function` | none | Scan event handler for result object. |\n| onDecode | `function` | none | Scan event handler for decode value. |\n| onError | `function` | none | Scan event handler for error object. |\n| ViewFinder | `component` | none | ViewFinder component to rendering as overlay in the video element |\n| hideCount | `boolean` | `true` | Hide the scanned count as overlay in the video element |\n| stopDecoding | `boolean` | `false` | Stop the decoding process |\n","readmeFilename":"README.md"}