{"_id":"@cloudparker/easy-qrcode-reader-svelte","_rev":"2-21400bde3f387da2b3893a8d9a5c4e42","name":"@cloudparker/easy-qrcode-reader-svelte","dist-tags":{"latest":"1.0.2"},"versions":{"0.0.1":{"name":"@cloudparker/easy-qrcode-reader-svelte","version":"0.0.1","keywords":["js","svelte","qrcode","reader"],"author":{"name":"cloudparker.com"},"license":"MIT","_id":"@cloudparker/easy-qrcode-reader-svelte@0.0.1","maintainers":[{"name":"couldparker.com","email":"cloudparker.com@gmail.com"}],"dist":{"shasum":"70314afd63d3435b561cf1dedac2c65272ee35a8","tarball":"https://registry.npmjs.org/@cloudparker/easy-qrcode-reader-svelte/-/easy-qrcode-reader-svelte-0.0.1.tgz","fileCount":6,"integrity":"sha512-4DAJ3UPqjnyskh/8Q3tg2GfQztdcRTdXjI+1E1MQNrDpmYIvmwzGdla0xL/ntzvivHHJs5bPxKgno7BM96pUSA==","signatures":[{"sig":"MEQCICcNl1SoXKJOfMRxnIH54lvxWTi0j1J833zQ+HkbQReeAiALtT7GsIPBLRHSDsfxSfsOCLBjLaKF7k0SulGauzE2/Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6290,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkLDPXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqlRQ/5AfpIDQ1oju5olIa+ZaoLRl7V1LFdw2MXq6PJxHS+WtoysJLQ\r\nmIFaBu19x1vVTs3NztUWOZtq9RkqVR5FzeGcZ+tl1Z7UkSHvBM8NlqwB0uoy\r\nCn9KzyzrYBTlawMYrSs3xbY58RBzQquDz1I+lYJYJfjEb2SrOLSq4Fxus+Oq\r\n3ugvGu6BJWez/22HX3Ji9pt7TLXjX9oMu6rjv2tos4waGy4dM1FdhckCmpH0\r\nsGKjGEts0twql6ViPtKRbAjmABfwAU5+VpBgltNobZLbu3QxugduGPP99YcM\r\n7yY/f7KkTxpaILdWHJxxUSKMuqrPCirvZbFKCxV7hQLKROD5fh6g7GXnHpLm\r\nNxXGrWF0NnHbATDV+4R7/HqKcav/5sxtDIAy/zy1dq9VieEcr/06H6RcOfhj\r\n1K+KKldKNYO/C1UyjTf5gWxGN4x0/7xgPnZyLVkEx+jCEJM+rDRVYhC9w2ko\r\nZbZ9j+5Ichwyfti0YRK2TT56GGprEfCnWBQr7U3UWPhLbnL2+hfW/Av9LwMv\r\nvrzPtLVJJBL6OmDqvLRRKiL88Mmqxz4QpfVv82BamM1ZW59rvLxpzElcLd/Q\r\nH++zujZDyY057XmOm6jcAXcUo6+O7iLjaF30pVPb1jKiR0Vapyfby0syHDrY\r\nT7h+/zc2Lp++6NP8HydtGAnbcxAN41QU/Is=\r\n=7Hil\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"./dist/index.d.ts","svelte":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"}},"gitHead":"c2c7a526f0e78aaa3e815aaf6201994ce537cf6d","scripts":{"dev":"vite dev","lint":"prettier --plugin-search-dir . --check . && eslint .","test":"playwright test","build":"vite build && npm run package","check":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json","format":"prettier --plugin-search-dir . --write .","package":"svelte-kit sync && svelte-package && publint","preview":"vite preview","test:unit":"vitest","check:watch":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch","prepublishOnly":"npm run package"},"_npmUser":{"name":"couldparker.com","email":"cloudparker.com@gmail.com"},"_npmVersion":"9.3.1","description":"Using the Svelte library, you can easily read QR codes from a webcam or mobile camera while maintaining control over camera operations. This method relies on the CDN version of the jsQR.js library for QR code decoding. Alternatively, you can provide the U","directories":{},"_nodeVersion":"18.14.0","dependencies":{"vite":"^4.2.1","tslib":"^2.5.0","eslint":"^8.37.0","svelte":"^3.58.0","vitest":"^0.29.8","publint":"^0.1.11","prettier":"^2.8.7","typescript":"^5.0.3","svelte-check":"^3.1.4","@playwright/test":"^1.32.2","@sveltejs/package":"^2.0.2","eslint-plugin-svelte3":"^4.0.0","@sveltejs/adapter-auto":"^2.0.0","eslint-config-prettier":"^8.8.0","prettier-plugin-svelte":"^2.10.0","@typescript-eslint/parser":"^5.57.1","@cloudparker/easy-camera-svelte":"^1.0.3","@typescript-eslint/eslint-plugin":"^5.57.1"},"_hasShrinkwrap":false,"peerDependencies":{"svelte":"^3.54.0","@sveltejs/kit":"^1.15.0"},"_npmOperationalInternal":{"tmp":"tmp/easy-qrcode-reader-svelte_0.0.1_1680618455160_0.9912159974431483","host":"s3://npm-registry-packages"}},"0.0.2":{"name":"@cloudparker/easy-qrcode-reader-svelte","version":"0.0.2","keywords":["js","svelte","qrcode","reader"],"author":{"name":"cloudparker.com"},"license":"MIT","_id":"@cloudparker/easy-qrcode-reader-svelte@0.0.2","maintainers":[{"name":"couldparker.com","email":"cloudparker.com@gmail.com"}],"dist":{"shasum":"0e43b4328f20daee292964ebb25c67f9b76d1aa6","tarball":"https://registry.npmjs.org/@cloudparker/easy-qrcode-reader-svelte/-/easy-qrcode-reader-svelte-0.0.2.tgz","fileCount":6,"integrity":"sha512-QOt03hgvswV1pCBkuEYXT2yoZcn9AqAA+Wg1ozxl00jTFXrhfRxOWNj3txcTO6e38cBh0DxraTkwNjWvEILmfw==","signatures":[{"sig":"MEUCIEjpqTv3AseyuHYX5hkwaEGCKkM6ySz2RG3z1g47tWMVAiEA3wnbH7XWddIKz7U7ZUmLxAmEGz61lnB/lAkuTdyF/0U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkLDSaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq+SA/9FxoUjNwRNlE6gVqYaSVfOhPsQI2ysXbf/112pQhi4anKdYXD\r\nWk/XLxoia9Hxs8PpLRns3z2zS4R+lNxTHTUIzmLDLyJQAAk4vQmJVmxvh1i1\r\nOu3uajGeuH7aTgzPlXI63DmTk7BygCUJnwBydBa0CTlYRJvYxpEePbQXxoKN\r\nwS/ijfiYnDxOlev+vU8VKcAeVODpRfU9roHvejLMgoZD0WsT2DPb8VACQHzX\r\nJo6PzRPX68WdiOrEIuzAX+2uKv4H67pHHpAj9QAcJlrmQM2qA6x4ghukWdz5\r\nIdC0AMHu5hMqPhypEnEtJw5nWBo1P0YU/gkDXSqATHPaIhDDbDpxvtdCzLt0\r\nUX2+E6gnJgXCDUdjxGdKMc/eJJBCFQrmkIU8BKjE5uVWYQ9kpEFB3vJl1vxc\r\nz8hWC3//DcYJpliub2dtiZ0mPSGYNK66lNKEki2GDVCs34lljH9qcJckPIT7\r\n9dElMkKE0hR2093rga3PsHyCnlhnuRitybAH2iik7xRjgOR3PcsBquZuCN6O\r\ngFUBt/kKRL9dLY4N02WhXIUyvW4U6D20kjK4BjUmo2Di83R176k6U/PC08o0\r\nH/gO1NTcEGBi5n1rXBe3+iwaHWs1L2pQwI/R+W/wlqq6teeXn4Uiz4qLL2f6\r\nCHij3WNzmxiqmn5omBuz8hDaAU4yMiFGkPI=\r\n=fMJn\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"./dist/index.d.ts","svelte":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"}},"gitHead":"414839ba26b9dd42703fc114288b8d949557fd4e","scripts":{"dev":"vite dev","lint":"prettier --plugin-search-dir . --check . && eslint .","test":"playwright test","build":"vite build && npm run package","check":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json","format":"prettier --plugin-search-dir . --write .","package":"svelte-kit sync && svelte-package && publint","preview":"vite preview","test:unit":"vitest","check:watch":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch","prepublishOnly":"npm run package"},"_npmUser":{"name":"couldparker.com","email":"cloudparker.com@gmail.com"},"_npmVersion":"9.3.1","description":"Using the Svelte library, you can easily read QR codes from a webcam or mobile camera while maintaining control over camera operations. This method relies on the CDN version of the jsQR.js library for QR code decoding. Alternatively, you can provide the U","directories":{},"_nodeVersion":"18.14.0","dependencies":{"vite":"^4.2.1","tslib":"^2.5.0","eslint":"^8.37.0","svelte":"^3.58.0","vitest":"^0.29.8","publint":"^0.1.11","prettier":"^2.8.7","typescript":"^5.0.3","svelte-check":"^3.1.4","@playwright/test":"^1.32.2","@sveltejs/package":"^2.0.2","eslint-plugin-svelte3":"^4.0.0","@sveltejs/adapter-auto":"^2.0.0","eslint-config-prettier":"^8.8.0","prettier-plugin-svelte":"^2.10.0","@typescript-eslint/parser":"^5.57.1","@cloudparker/easy-camera-svelte":"^1.0.3","@typescript-eslint/eslint-plugin":"^5.57.1"},"_hasShrinkwrap":false,"peerDependencies":{"svelte":"^3.54.0","@sveltejs/kit":"^1.15.0"},"_npmOperationalInternal":{"tmp":"tmp/easy-qrcode-reader-svelte_0.0.2_1680618650342_0.8030575465882648","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@cloudparker/easy-qrcode-reader-svelte","version":"1.0.2","keywords":["js","svelte","qrcode","reader"],"author":{"name":"cloudparker.com"},"license":"MIT","scripts":{"dev":"vite dev","build":"vite build && npm run package","preview":"vite preview","package":"svelte-kit sync && svelte-package && publint","prepublishOnly":"npm run package","test":"playwright test","check":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json","check:watch":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch","test:unit":"vitest","lint":"prettier --plugin-search-dir . --check . && eslint .","format":"prettier --plugin-search-dir . --write ."},"exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"}},"peerDependencies":{"svelte":"^5.2.0"},"dependencies":{"@cloudparker/easy-script-loader-svelte":"^4.1.1","@cloudparker/easy-camera-svelte":"^2.0.1","@playwright/test":"^1.49.0","@sveltejs/adapter-auto":"^3.3.1","@sveltejs/package":"^2.3.7","@sveltejs/vite-plugin-svelte":"^4.0.0","@sveltejs/kit":"^2.8.1","@typescript-eslint/eslint-plugin":"^8.16.0","@typescript-eslint/parser":"^8.16.0","eslint":"^9.15.0","eslint-config-prettier":"^9.1.0","prettier":"^3.4.1","prettier-plugin-svelte":"^3.3.2","publint":"^0.2.12","svelte":"^5.2.8","svelte-check":"^4.1.0","tslib":"^2.8.1","typescript":"^5.7.2","vite":"^5.0.0","vitest":"^2.1.6"},"svelte":"./dist/index.js","types":"./dist/index.d.ts","type":"module","_id":"@cloudparker/easy-qrcode-reader-svelte@1.0.2","gitHead":"2d3007c3b54c1beeb19b18d09e38d0ae66f8e3a0","description":"Using the Svelte library, you can easily read QR codes from a webcam or mobile camera while maintaining control over camera operations. This method relies on the CDN version of the jsQR.js library for QR code decoding. Alternatively, you can provide the U","_nodeVersion":"20.12.0","_npmVersion":"10.5.0","dist":{"integrity":"sha512-WBEJgwbf5edTDetcHN4xQpeNMC908hvtRWF5vkeCD6PfW71Jv0fo6YePgVaavq00Sd1I6IQwAahnxbEmO1QEkA==","shasum":"4c784cc289b45f9c100e1112149ce8ce63a03232","tarball":"https://registry.npmjs.org/@cloudparker/easy-qrcode-reader-svelte/-/easy-qrcode-reader-svelte-1.0.2.tgz","fileCount":6,"unpackedSize":5753,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC3QYWJ5hb5pULoIcV4TQ1vC442ZvxG42WmY7Pue1agvwIgTu3aRNjh8tKLj6crz8msuJANpK/exNkNnH9sFD/+flE="}]},"_npmUser":{"name":"couldparker.com","email":"cloudparker.com@gmail.com"},"directories":{},"maintainers":[{"name":"couldparker.com","email":"cloudparker.com@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/easy-qrcode-reader-svelte_1.0.2_1732643743806_0.07339225475120559"},"_hasShrinkwrap":false}},"time":{"created":"2023-04-04T14:27:35.083Z","modified":"2024-11-26T17:55:44.175Z","0.0.1":"2023-04-04T14:27:35.306Z","0.0.2":"2023-04-04T14:30:50.509Z","1.0.2":"2024-11-26T17:55:43.992Z"},"author":{"name":"cloudparker.com"},"license":"MIT","keywords":["js","svelte","qrcode","reader"],"description":"Using the Svelte library, you can easily read QR codes from a webcam or mobile camera while maintaining control over camera operations. This method relies on the CDN version of the jsQR.js library for QR code decoding. Alternatively, you can provide the U","maintainers":[{"name":"couldparker.com","email":"cloudparker.com@gmail.com"}],"readme":"# easy-qrcode-reader-svelte\n\nUsing the Svelte library, you can easily read QR codes from a webcam or mobile camera while maintaining control over camera operations. This method relies on the CDN version of the jsQR.js library for QR code decoding. Alternatively, you can provide the URL path for your own 'jsQR.min.js' file.\n\n# Install\n\n```\nnpm install @cloudparker/easy-qrcode-reader-svelte --save-dev\n```\n\n# Screenshot\n\n<img src=\"https://raw.githubusercontent.com/paramanandapradhan/easy-qrcode-reader/main/static/easy-qrcode-reader.png.webp\" width=\"340\">\n\n\n# Usage\n\n```html\n <script lang=\"ts\">\n\timport EasyQrcodeReader from '$lib';\n\timport { onMount } from 'svelte';\n\n\tlet qrcodeReaderRef: EasyQrcodeReader;\n\n\tlet clientWidth: number;\n\n\tconst handleQrcode = (ev: CustomEvent) => {\n\t\tlet data = ev.detail;\n\t\tif (data) {\n\t\t\tconsole.log(data);\n\n\t\t\t//TODO: Handle the code and resume or close the camera\n\t\t\tqrcodeReaderRef.pause();\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tqrcodeReaderRef.resume();\n\t\t\t}, 15000);\n\t\t}\n\t};\n\n\tonMount(() => {\n\t\treturn () => {\n\t\t\tqrcodeReaderRef && qrcodeReaderRef.close();\n\t\t};\n\t});\n</script>\n\n<div class=\"camera-container\" bind:clientWidth>\n\t<EasyQrcodeReader bind:this={qrcodeReaderRef} width={clientWidth} on:qrcode={handleQrcode} />\n</div>\n\n<style>\n\t.camera-container {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n</style>\n\n```\n\n# Props\n\n### width:number\n\n_required_\n\nWidth of the camera view, height can be adjusted automatically.\n\n### jsQrUrl: string\n\n_default_: `https://cdn.jsdelivr.net/npm/jsqr@1.4.0/dist/jsQR.min.js`\n\nUpdate your `jsQR.js` library path.\n\n### autoScan: boolean\n\n_default_: true\n\nAutomatically start the camera and scan qrcode\n\n\n# Events\n\n### on:qrcode\n\nIt will triggers when a qrcode scanned succesfully. it return the qrdcode data in sting format.\n\n# Public Methods\n\n### open(): void\n\nOpen camera for scan qrcode.\n\n### close(): void\n\nClose camera.\n\n### pause(): void\n\nPause camera.\n\n### resume(): void\n\nResume camera.\n\n### captureImage(): Promise<string>\n\nCapture image and return a promise with base64 image data. Also it will trigger on:image event when image captured.\n","readmeFilename":"README.md"}