{"_id":"@annatarhe/blurhash-react","_rev":"1-045a769c62a7671ef2ab873de28ad78d","name":"@annatarhe/blurhash-react","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"@annatarhe/blurhash-react","version":"0.0.1","description":"a progressive blurhash react component","type":"module","types":"dist/type.d.ts","main":"dist/index.js","scripts":{"build":"rollup --config","test":"echo \"Error: no test specified\" && exit 1","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"keywords":[],"author":{"name":"AnnatarHe","email":"annatar.he@gmail.com"},"license":"ISC","dependencies":{"blurhash":"~2.0.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0"},"devDependencies":{"@types/react":"~18.0.27","rollup":"~3.12.1","typescript":"~4.9.5","@storybook/react":"^6.5.16","@storybook/addon-links":"^6.5.16","@storybook/addon-essentials":"^6.5.16","@storybook/addon-actions":"^6.5.16","@storybook/addon-interactions":"^6.5.16","@storybook/testing-library":"^0.0.13","@storybook/builder-webpack4":"^6.5.16","@storybook/manager-webpack4":"^6.5.16","@babel/core":"^7.20.12","babel-loader":"^8.3.0","react-dom":"~18.2.0","@storybook/builder-webpack5":"~6.5.16","@storybook/manager-webpack5":"~6.5.16","esbuild":"~0.17.5","rollup-plugin-esbuild":"~5.0.0","rollup-plugin-dts":"~5.1.1"},"gitHead":"fc0a85960c22d2f14cdd3287f8c3002cad6ac9dc","_id":"@annatarhe/blurhash-react@0.0.1","_nodeVersion":"19.1.0","_npmVersion":"8.19.3","dist":{"integrity":"sha512-odWO4vMcCQ1qOCzA09L+775B/RQeC/7OaJbSWncOLLTdH9+lxK+kyL8BVIqeUS+Ep0ri+PacALrkEUNOb+LCDQ==","shasum":"113ee732d250c95b0aca9c97a01d63e73013efe6","tarball":"https://registry.npmjs.org/@annatarhe/blurhash-react/-/blurhash-react-0.0.1.tgz","fileCount":3,"unpackedSize":3867,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICEtYncXmCW8aCEg2mTIc65NAH58E49RIPlGqdv85ph6AiEA0MTUFHZNpPZGHVjIAMiYrtLHg+aLu+iaxDLL2oSA5Vk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2o1XACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqJQg/8DO4E7iDmCfwllYTEs7vM5dWie8d32jmiciZSFs8H0MDFprwS\r\nwxvtLEdCRs55zZ/Uwg6Cus5Tcq+xp5Iooele2xN2Akko7T+BJmQvH9eq4Y3n\r\n+hgHcNdMd5v+ZqavqcNW9IYnU1EgnqGs5evwKih8qLUUT3WqOQV+0K7BTfKT\r\nJGKRVo5OXtmcHUUQsESpY475dUBECFgNKrs4qOC5RjRUAudG2Pb29EmdSgue\r\ncJtm1zoXDhZKw5/4tSLPxVIo/1tNxQZE86KCZSkC6W8BeuB814tbdz9U6QSF\r\nTZR4Xqoxbso+9Rp/Cp7l2DWR4Z0RrNy8As/S6byx86SodK7nq3J4gfo4e1Je\r\nAIsK7fWHUNxeumQYZTt885NS8x+uIqupNndLnt/rtv+LdBax1AJkmqOtilDb\r\ngkvuHqnPZPtlXLvi+5Vz+xxVMCqlos9Ost4Io/ZMRFYQT/tF0Lad58GmoKsE\r\nsG2Q+/yDsmxtHm1fgTL7yWcKTl5KvTxxmWug+xDyt3tXiFBtxng+FqToPRVh\r\n0SvRoDQVCGlOnxkaOnOFXmgys6ISRM5neJUYQ6PRj9WuKnBgsJtksmurXPU0\r\nezUz6Ma3aLD//CS/wVavO3pUt54idNLdkjAVx00veDpVwHWyZ0PXwnIRybas\r\nCdT8rmDQFPZ4FXKdmIcSB/23KYnnLYXSGMQ=\r\n=K/z2\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"annatarhe","email":"iamhele1994@gmail.com"},"directories":{},"maintainers":[{"name":"annatarhe","email":"iamhele1994@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/blurhash-react_0.0.1_1675267415084_0.09801924192849065"},"_hasShrinkwrap":false},"0.0.2":{"name":"@annatarhe/blurhash-react","version":"0.0.2","description":"a progressive blurhash react component","type":"module","types":"dist/type.d.ts","main":"dist/index.js","scripts":{"build":"rollup --config","test":"echo \"Error: no test specified\" && exit 1"},"keywords":[],"author":{"name":"AnnatarHe","email":"annatar.he@gmail.com"},"license":"ISC","dependencies":{"blurhash":"~2.0.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"},"devDependencies":{"@babel/core":"^7.20.12","@storybook/addon-actions":"^8.1.5","@storybook/addon-essentials":"^8.1.5","@storybook/addon-interactions":"^8.1.5","@storybook/addon-links":"^8.1.5","@storybook/builder-webpack4":"^6.5.16","@storybook/builder-webpack5":"~8.1.5","@storybook/manager-webpack4":"^6.5.16","@storybook/manager-webpack5":"~6.5.16","@storybook/react":"^8.1.5","@storybook/react-vite":"^8.1.5","@storybook/testing-library":"^0.2.2","@types/react":"~18.3.3","babel-loader":"^9.1.3","esbuild":"~0.21.4","react-dom":"~18.3.1","rollup":"~4.18.0","rollup-plugin-dts":"~6.1.1","rollup-plugin-esbuild":"~6.1.1","rollup-plugin-preserve-directives":"^0.4.0","typescript":"~5.4.5"},"packageManager":"pnpm@9.1.2+sha512.127dc83b9ea10c32be65d22a8efb4a65fb952e8fefbdfded39bdc3c97efc32d31b48b00420df2c1187ace28c921c902f0cb5a134a4d032b8b5295cbfa2c681e2","_id":"@annatarhe/blurhash-react@0.0.2","gitHead":"3404d6cade1acc88c96ff2da02beb72335c6ee5b","_nodeVersion":"22.1.0","_npmVersion":"10.8.1","dist":{"integrity":"sha512-lenJZPt0X2LEXZVJsJHb26ykdXt+fM3jv+oOV7B5jwoq11xlLtBLWimDd189+//93/hY1NF/A2PatRYQlT3J1A==","shasum":"8cf5bec8f209eada5aab42ba8a619cf861c7e4bb","tarball":"https://registry.npmjs.org/@annatarhe/blurhash-react/-/blurhash-react-0.0.2.tgz","fileCount":5,"unpackedSize":5592,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFNw944XM25IIVKWbHTGNR+uSV8tt3gdqs4MowW+ccmDAiAa1U21C7897TRFdLsZo6FQGefOYRgn0LF9RTVshjRP5A=="}]},"_npmUser":{"name":"annatarhe","email":"iamhele1994@gmail.com"},"directories":{},"maintainers":[{"name":"annatarhe","email":"iamhele1994@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/blurhash-react_0.0.2_1717524979077_0.9858999906083632"},"_hasShrinkwrap":false}},"time":{"created":"2023-02-01T16:03:34.981Z","0.0.1":"2023-02-01T16:03:35.267Z","modified":"2024-06-04T18:16:19.391Z","0.0.2":"2024-06-04T18:16:19.225Z"},"maintainers":[{"name":"annatarhe","email":"iamhele1994@gmail.com"}],"description":"a progressive blurhash react component","keywords":[],"author":{"name":"AnnatarHe","email":"annatar.he@gmail.com"},"license":"ISC","readme":"## @annatarhe/blurhash-react\n\nuse [BlurHash](https://blurha.sh/) to render placeholder of image\n\n```bash\nnpm install @annatarhe/blurhash-react\nyarn add @annatarhe/blurhash-react\npnpm add @annatarhe/blurhash-react\n```\n\n```tsx\nimport BlurhashView from \"@annatarhe/blurhash-react\";\n\nfunction MyPage() {\n  return (\n    <BlurhashView\n      blurhashValue=\"LEHV6nWB2yk8pyo0adR*.7kCMdnj\"\n      src=\"https://picsum.photos/320/384\"\n      height={384}\n      width={320}\n      className=\"shadow rounded mr-4 -mt-24 w-80 h-96 transition-all duration-300 max-w-xs\"\n      alt=\"an awesome image\"\n    />\n  );\n}\n```\n\n### props\n\n| props         | type   | example                       | description                              |\n| ------------- | ------ | ----------------------------- | ---------------------------------------- |\n| blurhashValue | string | LEHV6nWB2yk8pyo0adR\\*.7kCMdnj | hash value that generated by blurhash    |\n| src           | string | https://picsum.photos/320/384 | a image url                              |\n| height        | number | 100                           | optional. image height                   |\n| width         | number | 100                           | optional. image width                    |\n| className     | string | your-own-classNames           | the classNames will applied to the image |\n| alt           | string | title                         | alt title                                |","readmeFilename":"README.md"}