{"_id":"react-screen-capture","_rev":"6-6fb66832c9a13f9cb0ce056772ba1047","name":"react-screen-capture","dist-tags":{"latest":"1.1.1"},"versions":{"0.0.0":{"name":"react-screen-capture","version":"0.0.0","description":"","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"ISC","_id":"react-screen-capture@0.0.0","_nodeVersion":"12.3.1","_npmVersion":"6.14.8","dist":{"integrity":"sha512-FaJH5rIcxFZ9dYk9ZmE8xFa0Ah334egok+QnSlfk/2v2RTlkNLbugqinpTuol8RMsq/ai761NRrrh9bNzonl7Q==","shasum":"f22d56d177e70a7b8fea86a3feb7421378f98a76","tarball":"https://registry.npmjs.org/react-screen-capture/-/react-screen-capture-0.0.0.tgz","fileCount":2,"unpackedSize":216,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf3tWnCRA9TVsSAnZWagAAbi4P/29Yl1yjX1aueDA1RLiq\nHi9Wolzj/9YDawuJsZlnUkH2BU15ClSCSLWo60pQBYw4iycWk2he350JOFfP\nM32wJ8J4h8JXP2roKCB2+Zvci/p7WUvTdkIl6vtpSqj0MvY8pvvZiDTiMfb4\nwyFpIVkQ2kEkWRhobQpWGJ9q4igVTXJ4uT7xW7kespNWO2hvZTjeMfShyv97\nS+z07zEAZSAr8u/gG4XwbXzMFp5mdmu+GujPx4VCDSDOCMR6c7xN43+AIP7u\nNFmWO1g+HoDR3TMaxL03sZJPT2QPMhxmv5M2uJ0LoA9eQbC3BGxo8wkL6hO+\nO4fq9FC/4sfZU0FcNDbA5rAeZaBOeJlrxN4tQtui+INPe9gT1GX2+iYeb21Y\n7Al2dgD5SKyagXpCZHwRbkSxASRaPBHcvhFa51JTb1wvdLmw8gSm996AM38r\nlNWAQfOERQ7Tr8GwELw85xF1+I66pVsSNl1FlKFgI10fitW2u6Ep1jO0Dhx9\n0dAfTp+I8v4I4uVA+x2W9Py8t4QxVUyi/RuHrT7dHOlSOXFGNAd0lTdXNcMX\nRmL6J7UMNsXwpajd5hwwz0vFkd079k8kqG389n1LJfPRKIDNclMCTQksDRxp\nuqfG0wO4dITkGLrs37AQtTerZjcUiHLJpGD1ly9vZlSFPToXUBA/hyQ4YsDZ\nVAOe\r\n=IyPy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC2j3ZmnAZVOH+06qCayFqVwuf+p0z5n2KIuRvnB3JaRQIgGQ1OCTQfp5dY1Tuko1sDzM/EcFw4wnVrAFMC1EpA/u0="}]},"_npmUser":{"name":"bunlong","email":"bunlong.van@gmail.com"},"directories":{},"maintainers":[{"name":"bunlong","email":"bunlong.van@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-screen-capture_0.0.0_1608439207037_0.22792156924448825"},"_hasShrinkwrap":false},"1.0.0":{"name":"react-screen-capture","version":"1.0.0","description":"A tiny React library allows you to take a snapshot of the webpage's screen or part of the screen.","author":{"name":"Bunlong","email":"bunlong.van@gmail.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/Bunlong/react-screen-capture.git"},"bugs":{"url":"https://github.com/Bunlong/react-screen-capture.git/issues"},"keywords":["react","reactjs","react-screen-capture","screen-capture","react-screenshot"],"homepage":"https://github.com/Bunlong/react-screen-capture#readme","main":"dist/react-screen-capture.js","module":"dist/react-screen-capture.es.js","jsnext:main":"dist/react-screen-capture.es.js","types":"dist/react-screen-capture.d.ts","@comment unpkg":"dist/react-screen-capture.umd.js","engines":{"node":">=8","npm":">=5"},"scripts":{"build":"rollup -c","@comment prettier":"prettier --write './src/*.ts' './src/*.tsx' --config ./.prettierrc","prettier":"prettier --write './src/*.ts' --config ./.prettierrc","lint:check":"eslint ./src --ext .tsx,.ts --report-unused-disable-directives","bundlesize":"npm run build && bundlesize","dev":"rollup -c -w","prepare":"npm run build","predeploy":"cd docs && npm install && npm run build","deploy":"gh-pages -d docs/build"},"devDependencies":{"@babel/core":"^7.9.6","@babel/plugin-proposal-class-properties":"^7.8.3","@babel/preset-env":"^7.9.6","@rollup/plugin-babel":"^5.0.0","@rollup/plugin-commonjs":"^11.1.0","@rollup/plugin-node-resolve":"^7.1.3","@types/react":"^16.9.34","@types/react-dom":"^16.9.7","@typescript-eslint/eslint-plugin":"^2.31.0","@typescript-eslint/parser":"^2.31.0","bundlesize":"^0.18.0","eslint":"^7.0.0","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^4.0.0","mutationobserver-shim":"^0.3.5","node-sass":"^5.0.0","postcss":"^8.2.2","prettier":"^2.0.5","react":"^16.13.1","react-dom":"^16.13.1","rollup":"^2.8.2","rollup-plugin-peer-deps-external":"^2.2.2","rollup-plugin-postcss":"^4.0.0","rollup-plugin-terser":"^5.3.0","rollup-plugin-typescript2":"^0.27.0","tslib":"^1.11.2","typescript":"^3.8.3"},"dependencies":{"html2canvas":"^1.0.0-rc.7"},"bundlesize":[{"path":"./dist/react-screen-capture.es.js","maxSize":"50 kB"}],"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"browser":{"fs":false},"gitHead":"07bb660334372401b74be4ed611c95545fa520bc","_id":"react-screen-capture@1.0.0","_nodeVersion":"12.3.1","_npmVersion":"6.14.8","dist":{"integrity":"sha512-vNFzcQfpoN/kKBZJDH5aL0DcUIKSzjZKivCQKvGnHoQH17b+RypcNC/0LKsv93TpzbOA9PdSaGpjNSpUHqZdhQ==","shasum":"bddba7d11b412968da34954fe529af5e9272e6c6","tarball":"https://registry.npmjs.org/react-screen-capture/-/react-screen-capture-1.0.0.tgz","fileCount":7,"unpackedSize":350110,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf7uh8CRA9TVsSAnZWagAApdsQAJT+EaFCkoMfB5Tejiwx\nUq4j0+5Y7omGzX72H/sDdaIP9to19xI6O5I8cw/aK6iu3M65cmmcmsVQtPGv\nPf2B/HQuqHcrfA/OskkABW1hNjZ5u8D8Up6eEU1QndY5Rib6FoInxXTtRigm\nGNWGfwH3iidk2znV0K9NKbTviST2wOpbMprPFVl+ZQvUsZvt96V+BU/xrTcc\n6h7mTr/vk0lblWwGk1K9bHnDYZ0J5Ffp3h+XkSTFNbjAEw3wC2+SSw3vCyMC\nkpZ2PkAsvrjJA/KchwJKJmBNoVNfZtPLoFEDhusuX/4IG1FbMR68C4UvBxEP\ni4eavD4ZU21vFf3yPzt8uCuacgQrahxkPkYxyy8qVvGaqTrTDXEFSD4p6F1h\nGG5nWNZIiw/1U3BCTHaUtrCCERKwuq5dqUDKlu3fRBV9d2N/IizJyh2zVYgC\ntYm9tFagOsj375k/dBB5+O9EAa6UzSstfYxDxzrCNDY0zhSObpcvTlFT2NEG\ngaT8tR+MsI/gR3aodNGNpUa0KorQx+iif9qY8V2orS2LYU6Pz2GFs/FEY5D9\nbfvNsscArCfAVroZidjM7X6Ms83tRpIFKUvp3TwVTVRUTGwDaEX7lZyExKKV\n+l9JljuIdNqkupnnT2dYEiDvCubzWIU03Gd2KeiBp/WTqCN66CH2okby3jK9\nE2M3\r\n=RLp2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEupL6AHFYJ5OxxYt2oPrFLIMUKGesLVkgdGdkeyTJdJAiArHSQc3d1hhaHk9fxY2VpynUAdv+C3cSJ6oFDXAp4nNA=="}]},"_npmUser":{"name":"bunlong","email":"bunlong.van@gmail.com"},"directories":{},"maintainers":[{"name":"bunlong","email":"bunlong.van@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-screen-capture_1.0.0_1609492604126_0.09795313625616098"},"_hasShrinkwrap":false},"1.0.1":{"name":"react-screen-capture","version":"1.0.1","description":"A tiny React library allows you to take a snapshot of the webpage's screen or part of the screen.","author":{"name":"Bunlong","email":"bunlong.van@gmail.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/Bunlong/react-screen-capture.git"},"bugs":{"url":"https://github.com/Bunlong/react-screen-capture.git/issues"},"keywords":["react","reactjs","react-screen-capture","screen-capture","react-screenshot"],"homepage":"https://github.com/Bunlong/react-screen-capture#readme","main":"dist/react-screen-capture.js","module":"dist/react-screen-capture.es.js","jsnext:main":"dist/react-screen-capture.es.js","types":"dist/react-screen-capture.d.ts","@comment unpkg":"dist/react-screen-capture.umd.js","engines":{"node":">=8","npm":">=5"},"scripts":{"build":"rollup -c","@comment prettier":"prettier --write './src/*.ts' './src/*.tsx' --config ./.prettierrc","prettier":"prettier --write './src/*.ts' --config ./.prettierrc","lint:check":"eslint ./src --ext .tsx,.ts --report-unused-disable-directives","bundlesize":"npm run build && bundlesize","dev":"rollup -c -w","prepare":"npm run build","predeploy":"cd docs && npm install && npm run build","deploy":"gh-pages -d docs/build"},"devDependencies":{"@babel/core":"^7.9.6","@babel/plugin-proposal-class-properties":"^7.8.3","@babel/preset-env":"^7.9.6","@rollup/plugin-babel":"^5.0.0","@rollup/plugin-commonjs":"^11.1.0","@rollup/plugin-node-resolve":"^7.1.3","@types/react":"^16.9.34","@types/react-dom":"^16.9.7","@typescript-eslint/eslint-plugin":"^2.31.0","@typescript-eslint/parser":"^2.31.0","bundlesize":"^0.18.0","eslint":"^7.0.0","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^4.0.0","mutationobserver-shim":"^0.3.5","node-sass":"^5.0.0","postcss":"^8.2.2","prettier":"^2.0.5","react":"^16.13.1","react-dom":"^16.13.1","rollup":"^2.8.2","rollup-plugin-peer-deps-external":"^2.2.2","rollup-plugin-postcss":"^4.0.0","rollup-plugin-terser":"^5.3.0","rollup-plugin-typescript2":"^0.27.0","tslib":"^1.11.2","typescript":"^3.8.3"},"dependencies":{"html2canvas":"^1.0.0-rc.7"},"bundlesize":[{"path":"./dist/react-screen-capture.es.js","maxSize":"50 kB"}],"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"browser":{"fs":false},"gitHead":"22f6649c2233e8d184708afe6f3d185650b84505","_id":"react-screen-capture@1.0.1","_nodeVersion":"14.17.1","_npmVersion":"6.14.13","dist":{"integrity":"sha512-RPaGSC4+pwORiOVNMokQ9w5PSKRP0LhA+lBh2mtdYVVw3phi0UGggeWOyrrOB3mw4CeqmSXjfy1jZOwRadWwow==","shasum":"fb3aa22857847a565b0f167bfa3466098bcd24a3","tarball":"https://registry.npmjs.org/react-screen-capture/-/react-screen-capture-1.0.1.tgz","fileCount":7,"unpackedSize":429476,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh25HFCRA9TVsSAnZWagAApYgP/Al85huY0VedZUrXfcG/\nh0U8qg8Xmozjwo/AM7HFB6Isgc2BBF+gOTvN7zkNVMrhwSOTB3Sv6C7/VqN8\nZNd1VcBUd02f/zTIE+Oh8cmwtAaS72Jh/uavfbVnZvpVkwwrNmUAqkCEUpW2\n3+XxMo5AqJCZH/uaqJ/mXp1hC1Uq1NSQp6aDuef61M7hgXyDfK5YhXvXvRYv\nFP3jhBkBsCQvc93EzSmfKYvDRzUfd6D8sOg3fa54mlqASVh5+0Xse/UkAxYV\nZlELWp6sglHuAE8EM8mX4QflzsfxzLTNwnuntHvPvEKx0IS86cWc9GFqLu91\nwXw4Hi9KBC2VzpdEiyTVr8kvfMivFcI5zTIxxpuPgpsDKkLFBsD5B7Zx3QWn\nTQPCF05v8Yu52PcXS1I1RnDvToTkx9bf32sGeUYkIIjy2EmFZ+Ty6qklLQ3T\nA8wyLnd8cOh3XB2Bj8zYF59zIcNSyeBKKZyBO9mC3MYQr8dlKvsKrMEHYM8/\ndoA2p+S8rd3yBjeGfJFuBKDoOSD8ZukTldcoMRUbyABRcu9GlsgRPBfe8EIo\nk9+C0pgr0b/V12dzYFePSt8Ql9SYkNZbPPFdDMitmKoHENH9o0TUOS73GnbX\ngxjcG4cT5r18HZmrDVx/q2RA8WtrivXBu7iLCFQ1FqUm6LpEwgi7euihTwPr\n1t0I\r\n=qKHA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDDY+eAWgAPXAR6ILjXwYPyTcBAe35+SHCsOw7LImlKyAIgJa1DqLw3tm/my6iG3v/yfz7KSJyuQr4beWsyvJI0oHc="}]},"_npmUser":{"name":"bunlong","email":"bunlong.van@gmail.com"},"directories":{},"maintainers":[{"name":"bunlong","email":"bunlong.van@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-screen-capture_1.0.1_1632105376476_0.2109639548596971"},"_hasShrinkwrap":false},"1.1.0":{"name":"react-screen-capture","version":"1.1.0","description":"A tiny React library allows you to take a snapshot of the webpage's screen or part of the screen.","author":{"name":"Bunlong","email":"bunlong.van@gmail.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/Bunlong/react-screen-capture.git"},"bugs":{"url":"https://github.com/Bunlong/react-screen-capture.git/issues"},"keywords":["react","reactjs","react-screen-capture","screen-capture","react-screenshot"],"homepage":"https://github.com/Bunlong/react-screen-capture#readme","main":"dist/react-screen-capture.js","module":"dist/react-screen-capture.es.js","jsnext:main":"dist/react-screen-capture.es.js","types":"dist/react-screen-capture.d.ts","@comment unpkg":"dist/react-screen-capture.umd.js","engines":{"node":">=8","npm":">=5"},"scripts":{"build":"rollup -c","@comment prettier":"prettier --write './src/*.ts' './src/*.tsx' --config ./.prettierrc","prettier":"prettier --write './src/*.ts' --config ./.prettierrc","lint:check":"eslint ./src --ext .tsx,.ts --report-unused-disable-directives","bundlesize":"npm run build && bundlesize","dev":"rollup -c -w","prepare":"npm run build","predeploy":"cd docs && npm install && npm run build","deploy":"gh-pages -d docs/build"},"devDependencies":{"@babel/core":"^7.15.0","@babel/plugin-proposal-class-properties":"^7.14.5","@babel/preset-env":"^7.15.0","@rollup/plugin-babel":"^5.3.0","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-node-resolve":"^13.0.4","@types/jsonp":"^0.2.1","@types/react":"^17.0.19","@types/react-dom":"^17.0.9","@types/react-test-renderer":"^17.0.1","@typescript-eslint/eslint-plugin":"^4.29.3","@typescript-eslint/parser":"^4.29.3","bundlesize":"^0.18.1","eslint":"^7.32.0","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","jest":"^27.1.0","mutationobserver-shim":"^0.3.7","node-sass":"^9.0.0","postcss":"^8.4.24","prettier":"^2.3.2","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"^5.0.1","react-test-renderer":"^17.0.2","rollup":"^2.56.3","rollup-plugin-postcss":"^4.0.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.35.0","ts-jest":"^27.0.5","tslib":"^2.3.1","typescript":"^4.4.2"},"dependencies":{"html2canvas":"^1.0.0-rc.7"},"bundlesize":[{"path":"./dist/react-screen-capture.es.js","maxSize":"50 kB"}],"peerDependencies":{"react":">=17.0.2"},"browser":{"fs":false},"gitHead":"3bcbaa03616219c1931be5df6f775c662fe31021","_id":"react-screen-capture@1.1.0","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-fYJh0VkNfiD4a+SQHD8Jxzhwg2XPP+doe3fdchwbtByXoax6FMU3l3wQgHJLYxej/nC3T63ANsS60TMMQEwsDQ==","shasum":"6dde99c0844a74032d3ec892160168e20f22f7e1","tarball":"https://registry.npmjs.org/react-screen-capture/-/react-screen-capture-1.1.0.tgz","fileCount":7,"unpackedSize":419900,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHgSnb+gjdrC06YJOS+R4LcOlSLm+lgEqJwk+bNUR0xPAiEA9AwfUYsCcfeVck6Om8GMth+8TzGfzI0R1QDCN39mm9M="}]},"_npmUser":{"name":"bunlong","email":"bunlong.van@gmail.com"},"directories":{},"maintainers":[{"name":"bunlong","email":"bunlong.van@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-screen-capture_1.1.0_1687969016452_0.8876851966647374"},"_hasShrinkwrap":false},"1.1.1":{"name":"react-screen-capture","version":"1.1.1","description":"A tiny React library allows you to take a snapshot of the webpage's screen or part of the screen.","author":{"name":"Bunlong","email":"bunlong.van@gmail.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/Bunlong/react-screen-capture.git"},"bugs":{"url":"https://github.com/Bunlong/react-screen-capture.git/issues"},"keywords":["react","reactjs","react-screen-capture","screen-capture","react-screenshot"],"homepage":"https://github.com/Bunlong/react-screen-capture#readme","main":"dist/react-screen-capture.js","module":"dist/react-screen-capture.es.js","jsnext:main":"dist/react-screen-capture.es.js","types":"dist/react-screen-capture.d.ts","@comment unpkg":"dist/react-screen-capture.umd.js","engines":{"node":">=8","npm":">=5"},"scripts":{"build":"rollup -c","@comment prettier":"prettier --write './src/*.ts' './src/*.tsx' --config ./.prettierrc","prettier":"prettier --write './src/*.ts' --config ./.prettierrc","lint:check":"eslint ./src --ext .tsx,.ts --report-unused-disable-directives","bundlesize":"npm run build && bundlesize","dev":"rollup -c -w","prepare":"npm run build","predeploy":"cd docs && npm install && npm run build","deploy":"gh-pages -d docs/build"},"devDependencies":{"@babel/core":"^7.15.0","@babel/plugin-proposal-class-properties":"^7.14.5","@babel/preset-env":"^7.15.0","@rollup/plugin-babel":"^5.3.0","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-node-resolve":"^13.0.4","@types/jsonp":"^0.2.1","@types/react":"^17.0.19","@types/react-dom":"^17.0.9","@types/react-test-renderer":"^17.0.1","@typescript-eslint/eslint-plugin":"^4.29.3","@typescript-eslint/parser":"^4.29.3","bundlesize":"^0.18.1","eslint":"^7.32.0","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","jest":"^27.1.0","mutationobserver-shim":"^0.3.7","node-sass":"^9.0.0","postcss":"^8.4.24","prettier":"^2.3.2","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"^5.0.1","react-test-renderer":"^17.0.2","rollup":"^2.56.3","rollup-plugin-postcss":"^4.0.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.35.0","ts-jest":"^27.0.5","tslib":"^2.3.1","typescript":"^4.4.2"},"dependencies":{"html2canvas":"^1.0.0-rc.7"},"bundlesize":[{"path":"./dist/react-screen-capture.es.js","maxSize":"50 kB"}],"peerDependencies":{"react":">=17.0.2"},"browser":{"fs":false},"gitHead":"7bc1d6f145ec1955dc0ffb78944d1c2687b46287","_id":"react-screen-capture@1.1.1","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-sHOVchlcwRuf6dMxneafYJL3pCGux/sHZ0MnBA5uRwFbKlJEl62n/Fvh8bxO0/Bmio336fIpjDLWfxusvKpIsg==","shasum":"b4ce0dc22260beb5cac260c056515be48c406a16","tarball":"https://registry.npmjs.org/react-screen-capture/-/react-screen-capture-1.1.1.tgz","fileCount":7,"unpackedSize":420027,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDVtBM43RuBd+YuiPIAPW7F1uhmRl8BYXUBrez4BwVmswIgVkn4JjAxoTLYz9aAhe9D531I9tdvE+0kDJBJnJPv18Q="}]},"_npmUser":{"name":"bunlong","email":"bunlong.van@gmail.com"},"directories":{},"maintainers":[{"name":"bunlong","email":"bunlong.van@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-screen-capture_1.1.1_1688026111189_0.7588769941254305"},"_hasShrinkwrap":false}},"time":{"created":"2020-12-20T04:40:07.037Z","0.0.0":"2020-12-20T04:40:07.160Z","modified":"2023-06-29T08:08:31.456Z","1.0.0":"2021-01-01T09:16:44.452Z","1.0.1":"2021-09-20T02:36:16.648Z","1.1.0":"2023-06-28T16:16:56.622Z","1.1.1":"2023-06-29T08:08:31.357Z"},"maintainers":[{"name":"bunlong","email":"bunlong.van@gmail.com"}],"license":"MIT","readme":"

\n ⭐️ Please support us by giving a star! Thanks! ⭐️\n

\n\n# react-screen-capture\n\nA tiny React library allows you to take a snapshot of the webpage's screen or part of the screen.\n\n### 💻 Live [Demo](https://codesandbox.io/s/react-screen-capture-i9f4d)\n\n## 🎁 Features\n\n* Easy to use\n* Compatible with both JavaScript and TypeScript\n* Take a snapshot of the webpage's screen or part of the screen\n\n## 🔧 Install\n\nreact-screen-capture is available on npm. It can be installed with the following command:\n\n```\nnpm install react-screen-capture --save\n```\n\nreact-screen-capture is available on yarn as well. It can be installed with the following command:\n\n```\nyarn add react-screen-capture\n```\n\n## 🔰 Callbacks\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
CallbackTypeDescription
onStartCapture() => nullTo start capture webpage's screen.
onEndCapture(base64Source: string) => nullTo end capture webpage's screen and get base64 source.
\n\n## 💡 Usage\n\n```jsx\nimport React from 'react';\nimport { ScreenCapture } from 'react-screen-capture';\n\nclass App extends React.Component {\n state = {\n screenCapture: '',\n };\n\n handleScreenCapture = screenCapture => {\n this.setState({screenCapture});\n };\n\n handleSave = () => {\n const screenCaptureSource = this.state.screenCapture;\n const downloadLink = document.createElement('a');\n const fileName = 'react-screen-capture.png';\n\n downloadLink.href = screenCaptureSource;\n downloadLink.download = fileName;\n downloadLink.click();\n };\n\n render() {\n const { screenCapture } = this.state;\n\n return (\n \n {({ onStartCapture }) => (\n
\n \n

\n Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam\n distinctio exercitationem a tempore delectus ducimus necessitatibus\n dolor voluptatum aut est quaerat aspernatur, vero quod aperiam odio.\n Exercitationem distinctio in voluptates?\n

\n

\n Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ut molestiae\n deserunt voluptas, labore a expedita error eligendi sunt fugit, nesciunt\n ullam corrupti quas natus, officia rerum? Officia cum amet quidem.\n

\n

\n Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quaerat, iusto\n repellat quae quos in rerum sunt obcaecati provident placeat hic saepe\n possimus eaque repellendus consequuntur quisquam nihil, sit ullam\n ratione.\n

\n
\n react-screen-capture\n

\n {screenCapture && }\n

\n
\n
\n )}\n \n );\n }\n};\n\nexport default App;\n```\n\n## 📜 Changelog\n\nLatest version 1.1.1 (2023-06-29):\n\n * Fix break screens above 1080 pexels\n\nDetails changes for each release are documented in the [CHANGELOG.md](https://github.com/Bunlong/react-screen-capture/blob/master/CHANGELOG.md).\n\n\n## ❗ Issues\n\nIf you think any of the `react-screen-capture` can be improved, please do open a PR with any updates and submit any issues. Also, I will continue to improve this, so you might want to watch/star this repository to revisit.\n\n## 🌟 Contribution\n\nWe'd love to have your helping hand on contributions to `react-screen-capture` by forking and sending a pull request!\n\nYour contributions are heartily ♡ welcome, recognized and appreciated. (✿◠‿◠)\n\nHow to contribute:\n\n- Open pull request with improvements\n- Discuss ideas in issues\n- Spread the word\n- Reach out with any feedback\n\n## 🏆 Contributors\n\n\n \n \n \n \n \n
\n \n \"Bunlong\"\n
\n \n Bunlong\n \n \n 		\n \n \"Markus\n
\n \n Markus Hobisch\n \n \n 		\n \n \"Akash\n
\n \n Akash Khudia\n \n \n
\n\n## ⚖️ License\n\nThe MIT License [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n","readmeFilename":"README.md","description":"A tiny React library allows you to take a snapshot of the webpage's screen or part of the screen.","homepage":"https://github.com/Bunlong/react-screen-capture#readme","keywords":["react","reactjs","react-screen-capture","screen-capture","react-screenshot"],"repository":{"type":"git","url":"git+https://github.com/Bunlong/react-screen-capture.git"},"author":{"name":"Bunlong","email":"bunlong.van@gmail.com"},"bugs":{"url":"https://github.com/Bunlong/react-screen-capture.git/issues"}}