{"_id":"@clreddy21/react-scratchcard-with-custom-imagesize","_rev":"2-9e6ab7d65a30321593006439f9e1b7b1","name":"@clreddy21/react-scratchcard-with-custom-imagesize","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@clreddy21/react-scratchcard-with-custom-imagesize","version":"1.0.0","description":"React component for displaying scratch card with customizable image size in your web app.","main":"dist/index.js","scripts":{"build":"babel src -d dist","start-example":"webpack-dev-server --progress --profile --colors","build-example":"webpack --config webpack.production.config.js --progress --profile --colors"},"keywords":["React","Scratchcard"],"author":{"name":"C Lokesh Reddy"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/clreddy21/react-scratchcard.git"},"dependencies":{"react":"^15.0.0"},"devDependencies":{"babel-cli":"^6.16.0","babel-core":"^6.17.0","babel-loader":"^6.2.5","babel-plugin-transform-class-properties":"^6.16.0","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-plugin-transform-runtime":"^6.15.0","babel-preset-es2015":"^6.16.0","babel-preset-react":"^6.16.0","css-loader":"^0.25.0","extract-text-webpack-plugin":"^1.0.1","file-loader":"^0.9.0","html-webpack-plugin":"^2.22.0","react-hot-loader":"^3.0.0-beta.5","style-loader":"^0.13.1","url-loader":"^0.5.7","webpack":"^1.13.2","webpack-cleanup-plugin":"^0.4.0","webpack-dev-server":"^1.16.1"},"bugs":{"url":"https://github.com/clreddy21/react-scratchcard/issues"},"homepage":"https://github.com/clreddy21/react-scratchcard#readme","_id":"@clreddy21/react-scratchcard-with-custom-imagesize@1.0.0","_nodeVersion":"16.5.0","_npmVersion":"7.19.1","dist":{"integrity":"sha512-HJTWbXWrEmalfPOum69ah9DTyJhCCzmyNG7FKNiuwynCU+swbnqzUyzgygElIHb5M75H1RO/QdgdaK+dsCTNaA==","shasum":"88c38af78d0932b1672d506c3f7d790a867fae99","tarball":"https://registry.npmjs.org/@clreddy21/react-scratchcard-with-custom-imagesize/-/react-scratchcard-with-custom-imagesize-1.0.0.tgz","fileCount":11,"unpackedSize":90939,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhleiWCRA9TVsSAnZWagAAKBEP/13U7RIxaEXJkdhdSJs6\nOIx8QhT3OcmMVCNWZ9RKTSnptWK3buVDFiiJx2zbhL+Afv9h4jZc2Pa+moEn\nKGN/7CXThzRUjItNPvXPQpVspwH38H/P/dB4wjyf0DJUlIjQSNNsoVpZdI/p\nardHEnApNVwXqUxZQjXgXnZij9hB8mgysrDy2JM0BIljG3kpel1QrYtH3XxO\nDYItmR5WRW/vGjs3BS77l+MSrGsPGmsI+eqa10qP6uB31YYSpqnefuqvAAMK\nVpyC2zFjWS3vVLhRgB0QY4QtUuiEGloWD7UeGjuQU9hQbX0Sv9meISVAOaez\nSJkqSZAQVw6qGvGH3z9dgMOiLQfrHlBJqq+pFZ8NWY/IDN3kivqR84sCCr7J\nnYJV87qTZ16w/Lsx7URAWKtLn/lGg08zt8isDFILv0KKISeT9cmv3XEy0v5o\nlYVwjoQwa6LxserFiSnbFWGxvmcgt7ZNHJLPaIETVkoaiasbkTTpFBZHNrsQ\nbEHH+HRMlTTzd2zh0t969mQld1QxE0zoBfN1CLtPKNA7nmC7B+Bs+yiOluTj\n3Ip0H6evrQARLAzt4NFC5LTZuFtRti8WB5k6OP6NU0BJ5HOAdBkMnELv2uj3\ntOFD3SikfxTrYRFN5t3PjzyuEGCaz2XGi4rej46ywJWnDabgCMvRHWTbjY+O\nzIbw\r\n=sRy2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICOFFzKXcM5iy5NnMWi13mZrnW0IcNyObHTWBtR7Qf8NAiBEif7ForG4fQVVy9vgTRthfm7CaqcKj297FDvaQe8/bw=="}]},"_npmUser":{"name":"clreddy21","email":"clr421@gmail.com"},"directories":{},"maintainers":[{"name":"clreddy21","email":"clr421@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-scratchcard-with-custom-imagesize_1.0.0_1637214357955_0.16068488903876177"},"_hasShrinkwrap":false},"1.0.1":{"name":"@clreddy21/react-scratchcard-with-custom-imagesize","version":"1.0.1","description":"React component for displaying scratch card with customizable image size in your web app.","main":"dist/index.js","scripts":{"build":"babel src -d dist","start-example":"webpack-dev-server --progress --profile --colors","build-example":"webpack --config webpack.production.config.js --progress --profile --colors"},"keywords":["React","Scratchcard"],"author":{"name":"C Lokesh Reddy"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/clreddy21/react-scratchcard.git"},"dependencies":{"react":"^15.0.0"},"devDependencies":{"babel-cli":"^6.16.0","babel-core":"^6.17.0","babel-loader":"^6.2.5","babel-plugin-transform-class-properties":"^6.16.0","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-plugin-transform-runtime":"^6.15.0","babel-preset-es2015":"^6.16.0","babel-preset-react":"^6.16.0","css-loader":"^0.25.0","extract-text-webpack-plugin":"^1.0.1","file-loader":"^0.9.0","html-webpack-plugin":"^2.22.0","react-hot-loader":"^3.0.0-beta.5","style-loader":"^0.13.1","url-loader":"^0.5.7","webpack":"^1.13.2","webpack-cleanup-plugin":"^0.4.0","webpack-dev-server":"^1.16.1"},"bugs":{"url":"https://github.com/clreddy21/react-scratchcard/issues"},"homepage":"https://github.com/clreddy21/react-scratchcard#readme","_id":"@clreddy21/react-scratchcard-with-custom-imagesize@1.0.1","_nodeVersion":"16.5.0","_npmVersion":"7.19.1","dist":{"integrity":"sha512-pnICRj1Zq/qBJUl+VDx2SVzZZ9gGkCGUXdBV9/Q2YDq1Siomqe1/79dq7YTP5RUrBWQeqfKmVKabRyUYdmOTgA==","shasum":"9b4cc823c0ad723c1d8ed971e58b78d4eb45bd65","tarball":"https://registry.npmjs.org/@clreddy21/react-scratchcard-with-custom-imagesize/-/react-scratchcard-with-custom-imagesize-1.0.1.tgz","fileCount":11,"unpackedSize":90925,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhl0BQCRA9TVsSAnZWagAAfYcQAITJ54Bdjv+6kOHH6SLw\nG3yb/Eldg1O7JyvkloUhe4FYQmC/3Gi9ym5ytEWEsh2Nl9afgpms/PYGEqr7\nljjBF7JvSdaHkTswfrGiMKjoH3mP+WhtzlEWqA3NJuZM6AjOi4u2txYHQr36\nZALrzNLRooxDr/uWnFd0OtQsteEdjUNDz6qeJIdQUcMAd1A/gazE/nO2N+XM\nLsu36W8HTz0vb2LJWcpDXo1ts5CWIwu6cUXs9d6LdWUs9T4QgDCDq2GS/ntT\nMsPJsRuuGWX8QUYG7qruedB/xN3zJ3u/29dSHXF2iB8Hxo9a1eZRMX103GrC\njsxxKMnGbztPIo8q9QTsaUaIzGYSbZlWKiA9uyVPC4iWXs30z/osC+w+VHrf\nSa4t5vJ93Y0qDgbtfTvGG6uruXoCbf8r7GmAiIerXC40DCPO5w80IBKuqz0J\nMHGDL3G+9WjBw0BtXR81EcpDPUnCHYX+lwZAvXAw0Mh1IgrUb+39JsEUoi+b\nsWXTpXLLjwiaeDE55sVBmHOmVWLJN88VtpmdJe4/5NQ4KUm5W2tZ5bu2XLM3\nNSjklE3D+g50QAwYxhRVaPoI+tqCw6T8UanyMdVtn+LEf5sD+uGCAW56EfdH\nxqBATfdkVBNAerkUVUKR71AbOSL1QAeGvcOhRkAVvfrD6jlV5bvgwFS5yEYu\ngG/C\r\n=ooie\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDTQPjthQe6L8IaS5KvVjfeu28ffXusSBjSPkNAovzYtgIhAK7oBMag9zdMIBS6TbOKWyGqQc1zTTIn8NtUO+VoGOpB"}]},"_npmUser":{"name":"clreddy21","email":"clr421@gmail.com"},"directories":{},"maintainers":[{"name":"clreddy21","email":"clr421@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-scratchcard-with-custom-imagesize_1.0.1_1637302352278_0.07862573431150577"},"_hasShrinkwrap":false}},"time":{"created":"2021-11-18T05:45:57.911Z","1.0.0":"2021-11-18T05:45:58.146Z","modified":"2022-04-04T23:39:59.058Z","1.0.1":"2021-11-19T06:12:32.421Z"},"maintainers":[{"name":"clreddy21","email":"clr421@gmail.com"}],"description":"React component for displaying scratch card with customizable image size in your web app.","homepage":"https://github.com/clreddy21/react-scratchcard#readme","keywords":["React","Scratchcard"],"repository":{"type":"git","url":"git+https://github.com/clreddy21/react-scratchcard.git"},"author":{"name":"C Lokesh Reddy"},"bugs":{"url":"https://github.com/clreddy21/react-scratchcard/issues"},"license":"MIT","readme":"# react-scratchcard\n\nA react component for displaying scratch card in your web app.\n\n\n\n## Installation\n\n```\n$ npm i @clreddy21/react-scratchcard-with-custom-imagesize\n```\n\n## Example\n\n```javascript\nimport React from 'react';\nimport ScratchCard from 'react-scratchcard';\n\nconst settings = {\n width: 200,\n height: 200,\n image: 'image.jpg',\n finishPercent: 50,\n onComplete: () => console.log('The card is now clear!')\n};\n\nconst Example = () =>\n \n Congratulations! You WON!\n ;\n```\n\n## Credits\n\nHeavily inspired by [this pen by André Ruffert](https://codepen.io/andreruffert/pen/pvqly).\n\nImage used in the example by [webtreats](https://www.flickr.com/photos/webtreatsetc/).\n","readmeFilename":"README.md"}