{"versions":{"0.0.6":{"name":"@endiliey/react-ideal-image","version":"0.0.6","description":"Adaptive image component","main":"dist/index.js","typings":"index.d.ts","engines":{"node":"> 8","npm":"> 3"},"scripts":{"add-contributor":"kcd-scripts contributors add","build":"kcd-scripts build","lint":"kcd-scripts lint","test":"kcd-scripts test","test:update":"npm test -- --updateSnapshot --coverage","test:ts":"tsc --noEmit -p ./tsconfig.json","validate":"npm run test:ts && kcd-scripts validate","setup":"npm install && npm run validate -s","styleguide":"styleguidist server","styleguide:build":"styleguidist build","predeploy":"styleguidist build","deploy":"gh-pages -d styleguide"},"keywords":[],"author":{"name":"stereobooster","email":"stereobooster@gmail.com"},"license":"MIT","peerDependencies":{"prop-types":">=15","react":">=0.14.x","react-waypoint":">=9.0.0"},"devDependencies":{"@babel/plugin-proposal-class-properties":"^7.7.0","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-env":"^7.7.1","@babel/preset-react":"^7.7.0","@types/react":"16.9.11","babel-loader":"^8.0.6","gh-pages":"^2.1.1","jest-canvas-mock":"^2.2.0","kcd-scripts":"^1.11.0","prop-types":"^15.7.2","react":"^16.11.0","react-dom":"^16.11.0","react-styleguidist":"10.2.0","react-test-renderer":"16.11.0","react-testing-library":"8.0.1","react-waypoint":"^9.0.1","typescript":"^3.7.2","webpack":"^4.41.2"},"eslintConfig":{"extends":"./node_modules/kcd-scripts/eslint.js","rules":{"complexity":["error",12],"no-case-declarations":"off"}},"eslintIgnore":["node_modules","coverage","dist","styleguide"],"repository":{"type":"git","url":"git+https://github.com/endiliey/react-ideal-image.git"},"bugs":{"url":"https://github.com/endiliey/react-ideal-image/issues"},"homepage":"https://github.com/endiliey/react-ideal-image#readme","gitHead":"4625fe68ffc4c724ad2b9360085bd1c41c67aa39","_id":"@endiliey/react-ideal-image@0.0.6","_nodeVersion":"8.11.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-nF96AJ4epKBdEIDTpmy8IUB8papAwVn4q9nqAnjFA4U9YFBIeYYdiRCYkb1MAZrDkhWb0RPpMrYQdKZti+MlWA==","shasum":"2b547cc7f8eee1569647b35b2475feec6c070deb","tarball":"http://123.232.10.234:8212/nexus/content/groups/npm-public/@endiliey/react-ideal-image/-/react-ideal-image-0.0.6.tgz","fileCount":23,"unpackedSize":73006,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzCDGCRA9TVsSAnZWagAAZbcP+wZ3Cw9PRwBx/w/cD7zb\nhzYZGFijbVSwWRiBeCIAsM/HKVVk8LE4ugCg2RP2RjPJqOqL0gkfgsIAXjam\n4sOPS0x51ttLrPLcZs1JVDtxRrhMV5jHkXfxxyeBUbRiWnmmqamKX66EbT7I\nwJ+bffDvOLYynTupCJrAWLU3tG4mry2R/qm1ZnynMC0xMTiP75RO2OoIqnHt\nyFR1NY0/q83r1qg9E/uU70OuZOdATHTxyA+3SiAORDZl80l9IGh70O8KInDC\nuNogGejkZBaGLSri0X2BPifNSL2AAlaXKSmSDIT7CRZ5CSwmZIApoj8HN/7D\ny5RkWzp8abnSYPR1twfkjxthgBF4oIyHbvs1Nkv73QXGRH30vQ5byQRgXHP+\nsqDw1BhPdpLMmud5AnYSmB/sfs8Ys+JNQL5KSHjTVHBl/SEmRv2vrpdjle0E\nvUVZmen90JDiDo2TdR0utf8ZRyECgF6w03SZ1z3PUo28TfOH7zlpruwPPiW/\naQJtEFT8O7sM8yeoCbbNIilN/Lq3xx+9WhcdVglCeSxIw4cqI6kkbq7qTVfj\nQ40aM/vc0rq20e1P4/7nDk7gWOS5AcROa1xOpxLY0X/a/S1/yM+h77LTjlJn\nzsbKzOGBJTfP0WNXi4mzADrA5mbIZlZo48cHffqQHWfg8nNRkoLDAd4Hf+C6\np/gy\r\n=WHef\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD+CBJzY3V+0JofTpStn+ST3/+pMwS7Nb6ZENUpVfCPIgIgaZkLGZivP4la98zsHQSzQvFw2yX6nz5qvxxoPJU8O+U="}]},"maintainers":[{"name":"anonymous","email":"endiliey@gmail.com"}],"_npmUser":{"name":"anonymous","email":"endiliey@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-ideal-image_0.0.6_1573658822358_0.6782211660249204"},"_hasShrinkwrap":false,"contributors":[]},"0.0.7":{"name":"@endiliey/react-ideal-image","version":"0.0.7","description":"Adaptive image component","main":"dist/index.js","typings":"index.d.ts","engines":{"node":"> 8","npm":"> 3"},"scripts":{"add-contributor":"kcd-scripts contributors add","build":"kcd-scripts build","lint":"kcd-scripts lint","test":"kcd-scripts test","test:update":"npm test -- --updateSnapshot --coverage","test:ts":"tsc --noEmit -p ./tsconfig.json","validate":"npm run test:ts && kcd-scripts validate","setup":"npm install && npm run validate -s","styleguide":"styleguidist server","styleguide:build":"styleguidist build","predeploy":"styleguidist build","deploy":"gh-pages -d styleguide"},"keywords":[],"author":{"name":"stereobooster","email":"stereobooster@gmail.com"},"license":"MIT","peerDependencies":{"prop-types":">=15","react":">=0.14.x","react-waypoint":">=9.0.0"},"devDependencies":{"@babel/plugin-proposal-class-properties":"^7.7.0","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-env":"^7.7.1","@babel/preset-react":"^7.7.0","@types/react":"16.9.11","babel-loader":"^8.0.6","gh-pages":"^2.1.1","jest-canvas-mock":"^2.2.0","kcd-scripts":"^1.11.0","prop-types":"^15.7.2","react":"^16.11.0","react-dom":"^16.11.0","react-styleguidist":"10.2.0","react-test-renderer":"16.11.0","react-testing-library":"8.0.1","react-waypoint":"^9.0.1","typescript":"^3.7.2","webpack":"^4.41.2"},"eslintConfig":{"extends":"./node_modules/kcd-scripts/eslint.js","rules":{"complexity":["error",12],"no-case-declarations":"off"}},"eslintIgnore":["node_modules","coverage","dist","styleguide"],"repository":{"type":"git","url":"git+https://github.com/endiliey/react-ideal-image.git"},"bugs":{"url":"https://github.com/endiliey/react-ideal-image/issues"},"homepage":"https://github.com/endiliey/react-ideal-image#readme","gitHead":"e08920480723f8cf5350e082034fa405ed877c86","_id":"@endiliey/react-ideal-image@0.0.7","_nodeVersion":"8.11.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-QdMxFV3D4J1x8cUkzItlUj38cavNhG7hc9OitGuLyMENJ5EpsAr7LuKJ756heVyeewc/3UGghaPLZeeFvHssfw==","shasum":"06e9cff3890f51f82f78c06c62acccf57035d353","tarball":"http://123.232.10.234:8212/nexus/content/groups/npm-public/@endiliey/react-ideal-image/-/react-ideal-image-0.0.7.tgz","fileCount":23,"unpackedSize":67339,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzCTKCRA9TVsSAnZWagAAmnIQAIRN/2ymxGce/LWbZErH\n5FJAH2/qzpBjvsqi/zrUa/uhUbVHdTumiOncvwzCP6S9RJjzyovvP4h4x5SZ\nServ9Q425kB8hJu7hANVC0jt0WPn2QRYm79LHu0k1YjWVw6OX20QZKvvuzf6\nrH7aJ0N0jkMPUI4o1Wan+Y+CkrFLu866xC8onhbn2pL9Jz/sVcwPytjXUmM1\n9KgCxveENeVaS2k/Tmk0M34AozhwwI/wdVcltIBw/aJtCzS1h7THzeUn7CJ4\nXiQ+FXBYr15jwHuoZ3/RecKP1lpvjFYN7JxobNxfFzkwmoOKSifwLWgSoCO+\nc0t6P8MGg+y7aWMHcpH6OUEYwHV/2IDJOR/U/94h+zOq3CjXs+mYZQ2aP/Ic\ngKMO8vlCmaJtoFqPHcWOb1QPkagoFTWEBGY76HJHKH8/ubFwxwn0dTNBoFD/\nd8bnS3JRBkRxfuREGojKtHejvKXfF/S1Ec8G4HwUsOwImNvYswUONgQe1Jbc\npzpoVDBoLkTBpFPX11eKEXDNIsEHNlDnCQ2d1tmWe/YKedHVVBtU1I4Sx4ks\n4jbKYXaVaR++wSLs+M3cf0PusTZW3x5rc9xqA1BGgxgNRzs7rk2CykyVSbc1\nf0SwdtxTcq8PpF9y+wOWmJpRQCddmgJb6jew/slGCfBlXJ4/S2E9tScit+uy\nkOG8\r\n=la8w\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDlMn/ASVi1SXbmvLRjOmA4kfsg2FWFBlMtJ0dF+U21IgIgXM2H5HfSqkutZJhdnHfHLb7AoJ5aCdGlCMivEYcDyVY="}]},"maintainers":[{"name":"anonymous","email":"endiliey@gmail.com"}],"_npmUser":{"name":"anonymous","email":"endiliey@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-ideal-image_0.0.7_1573659849637_0.8967149313816212"},"_hasShrinkwrap":false,"contributors":[]},"0.0.8":{"name":"@endiliey/react-ideal-image","version":"0.0.8","description":"Adaptive image component","main":"dist/index.js","typings":"index.d.ts","engines":{"node":">= 8.9.0","npm":"> 3"},"scripts":{"add-contributor":"kcd-scripts contributors add","build":"kcd-scripts build","lint":"kcd-scripts lint","test":"kcd-scripts test","test:update":"npm test -- --updateSnapshot --coverage","test:ts":"tsc --noEmit -p ./tsconfig.json","validate":"npm run test:ts && kcd-scripts validate","setup":"npm install && npm run validate -s","styleguide":"styleguidist server","styleguide:build":"styleguidist build","predeploy":"styleguidist build","deploy":"gh-pages -d styleguide"},"keywords":[],"author":{"name":"stereobooster","email":"stereobooster@gmail.com"},"license":"MIT","peerDependencies":{"prop-types":">=15","react":">=0.14.x","react-waypoint":">=9.0.0"},"devDependencies":{"@babel/plugin-proposal-class-properties":"^7.7.0","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-env":"^7.7.1","@babel/preset-react":"^7.7.0","@types/react":"16.9.11","babel-loader":"^8.0.6","gh-pages":"^2.1.1","jest-canvas-mock":"^2.2.0","kcd-scripts":"^1.11.0","prop-types":"^15.7.2","react":"^16.11.0","react-dom":"^16.11.0","react-styleguidist":"10.2.0","react-test-renderer":"16.11.0","react-testing-library":"8.0.1","react-waypoint":"^9.0.1","typescript":"^3.7.2","webpack":"^4.41.2"},"eslintConfig":{"extends":"./node_modules/kcd-scripts/eslint.js","rules":{"complexity":["error",12],"no-case-declarations":"off"}},"eslintIgnore":["node_modules","coverage","dist","styleguide"],"repository":{"type":"git","url":"git+https://github.com/endiliey/react-ideal-image.git"},"bugs":{"url":"https://github.com/endiliey/react-ideal-image/issues"},"homepage":"https://github.com/endiliey/react-ideal-image#readme","gitHead":"42ec7384b2faf5929eff3c9162ef17f539faae5b","_id":"@endiliey/react-ideal-image@0.0.8","_nodeVersion":"8.11.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-ga098yuzsHwKAGm9668nHgIGwpf/mBy8M4GlRjc6Q9vyFo3rQV6dt7143uUCMaH7h7w4j/q7xn7gDEiyA5mU8A==","shasum":"e4f2e56b995a5ddb6d5c0a0b30e7138c0ed7f4d6","tarball":"http://123.232.10.234:8212/nexus/content/groups/npm-public/@endiliey/react-ideal-image/-/react-ideal-image-0.0.8.tgz","fileCount":23,"unpackedSize":67344,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzCcxCRA9TVsSAnZWagAAswcP/0L27P4i8e3p6k2DS12y\nxmlnLqlph4rNX+dnkNOrySd3GNIuE1Orl+JrzoCmMtgD7nFqMkCnsXmBEUcd\nfVDOq0GtEMi+IXsp3neyRbkSKeQoEe+K/Au4Ej6tmeBIb0DbmRCe5o9SSyYF\nlA7+JlKPQLabTjQn4hJnq65iXvFvB3lgEH6jhI/HLQKhZQO4gyQPFqQ/JbB0\nc64rF1tr/O/yWFfR4ELEGbiPtmndl+aDeK/OOOrkfVlAsXMqR6tPKoAzA0jj\n1ae72S+j34L7E36iofGLkYfmnbfy7vTnUwaAm6HHY5afkDCfhMpzoW6oE7CE\nlmAA4J4yKbpgq5ooLgf2IPZEK1ggJ0Qcyttlv41+zU1mvbR1KAf6Or8Coslp\nnkVL5Ddh8JgYKa8lFQ9CV18sgSow7/jtyMEMakxdR7rJSINgQGoh1ImHRwZT\nq3TXPHkvN4zOB3MtBva4CzcsR0LMuCdRl9WTu11Tq/oelsy+GV0ftM1cN7VA\nY/Cm7ZxatylpxsXbHPzqZGq4w1dH5EcMRsxHq43RUsnpVhgWlTKSWUhEjEGw\neEzREQnm4IL3DnuUaKnBMj9lqfKmGd0NEzf9Xtq17bwioCSY0qzs+ewn+cMk\nBIOvaKmMotHoD3iJAVgcmSlDB1wffORkbMFHVDIV0EPW8GEiVy0BFMK7MPxs\nSulh\r\n=Zj7Q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBhyznCvspCEPJj7bRxl9awoM5iQwtc6/ehBzyUhETTWAiEAnr3yctA+tQgHTPEtcnGYxRChzPpvvHHb1C81MxRXafA="}]},"maintainers":[{"name":"anonymous","email":"endiliey@gmail.com"}],"_npmUser":{"name":"anonymous","email":"endiliey@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-ideal-image_0.0.8_1573660464510_0.9139175363094065"},"_hasShrinkwrap":false,"contributors":[]},"0.0.9":{"name":"@endiliey/react-ideal-image","version":"0.0.9","description":"Adaptive image component","main":"dist/index.js","typings":"index.d.ts","engines":{"node":">= 8.9.0","npm":"> 3"},"scripts":{"add-contributor":"kcd-scripts contributors add","build":"kcd-scripts build","lint":"kcd-scripts lint","test":"kcd-scripts test","test:update":"npm test -- --updateSnapshot --coverage","test:ts":"tsc --noEmit -p ./tsconfig.json","validate":"npm run test:ts && kcd-scripts validate","setup":"npm install && npm run validate -s","styleguide":"styleguidist server","styleguide:build":"styleguidist build","predeploy":"styleguidist build","deploy":"gh-pages -d styleguide"},"keywords":[],"author":{"name":"stereobooster","email":"stereobooster@gmail.com"},"license":"MIT","peerDependencies":{"prop-types":">=15","react":">=0.14.x","react-waypoint":">=9.0.0"},"devDependencies":{"@babel/plugin-proposal-class-properties":"^7.7.0","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-env":"^7.7.1","@babel/preset-react":"^7.7.0","@types/react":"16.9.11","babel-loader":"^8.0.6","gh-pages":"^2.1.1","jest-canvas-mock":"^2.2.0","kcd-scripts":"^1.11.0","prop-types":"^15.7.2","react":"^16.11.0","react-dom":"^16.11.0","react-styleguidist":"10.2.0","react-test-renderer":"16.11.0","react-testing-library":"8.0.1","react-waypoint":"^9.0.1","typescript":"^3.7.2","webpack":"^4.41.2"},"eslintConfig":{"extends":"./node_modules/kcd-scripts/eslint.js","rules":{"complexity":["error",12],"no-case-declarations":"off"}},"eslintIgnore":["node_modules","coverage","dist","styleguide"],"repository":{"type":"git","url":"git+https://github.com/endiliey/react-ideal-image.git"},"bugs":{"url":"https://github.com/endiliey/react-ideal-image/issues"},"homepage":"https://github.com/endiliey/react-ideal-image#readme","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"gitHead":"8851bc76e8ed80b4e4be99d40a2a0a90aeaeee3c","_id":"@endiliey/react-ideal-image@0.0.9","_nodeVersion":"8.11.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-aRWHoWVTNK3w6GhMOTvqJiUUxwP2nU/eMrSk+zLljUyD3LEysG41As/OjcWz1tRP8PZcJKJsZXJN6zFwmUxVJg==","shasum":"88ac8e9f16cdfd0181cf09fd98319c447dcc422d","tarball":"http://123.232.10.234:8212/nexus/content/groups/npm-public/@endiliey/react-ideal-image/-/react-ideal-image-0.0.9.tgz","fileCount":23,"unpackedSize":67205,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd0sRtCRA9TVsSAnZWagAAtO8P/A1IZGdVLkG9cE2a4lan\nMBvzclGq9OCXsaLGMwne2XUuEXQ8I9Kbg+Y+tEjm1bQXaKrkWLH+X/05o4C4\n3SsHE5fZPR7jrwooYcQk6sCV5oFKrRQNGSmDiRGgVS66piAmg96Jtvctp8KE\nG8kU1PTYNcAIuv9sUEyqXePPygq6LazpBuYjopqO32tnu7MjOcDgxrZ+R+Xg\ny6ZiEwXdmlALUa8b8/3ss6xNXrtgV8sYnMw0/Q0BP2AFWAElxYnqLQoUGryN\nd12ktYKkQBAYEU1oTr2r7QIbJiT08CEYYA9xsTO9vfrl7WC1L7VyRCltDqWe\nfhutYg27RMYWOZCpUhSonSWhYDKYQ3Z0nsLc5AQ5MmpPY3ghdlbz9WRZNnCM\nOZ3TmIuqbZ3WkI6lpgnW4AXZpzMIp8O/sZcJsOH/SYcINeKe4Zx51mFEevZl\nOEsbhEX1VtFzcbpfxWDLXz9Pfw0A/jTnPb9Jiv+AEXtmoHxCB1Hy5PQgQZW+\nHeQt28sivm28QaPTVc1LgZ6rrbemShyyyEe7yayYWH0r93b0i+mofUEpV0fb\nMlOlSC1Jx+lC6ZhDiqFm4iULNH+mrW2kzt7LOwA8g3oK0BjgvwLv1DhYenwf\nxqq74jmjQqcvQkWrWXLUY+3jLgXaC/sBZGJNeEUHLEINRJDwPGkXAMVps/Nx\n3Cqt\r\n=QZVc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDyHmiWTqNy34HNzHRkCGXMONrgHWhMQiWXp+ngmbH8CAiEAoazUmMaWy5ubxADpm5kolPdbZC9eVoqtJwhLLBn69FA="}]},"maintainers":[{"name":"anonymous","email":"endiliey@gmail.com"}],"_npmUser":{"name":"anonymous","email":"endiliey@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-ideal-image_0.0.9_1574093932791_0.6986955254060019"},"_hasShrinkwrap":false,"contributors":[]},"0.0.10":{"name":"@endiliey/react-ideal-image","version":"0.0.10","description":"Adaptive image component","main":"dist/index.js","typings":"index.d.ts","engines":{"node":">= 8.9.0","npm":"> 3"},"scripts":{"add-contributor":"kcd-scripts contributors add","build":"kcd-scripts build","lint":"kcd-scripts lint","test":"kcd-scripts test","test:update":"npm test -- --updateSnapshot --coverage","test:ts":"tsc --noEmit -p ./tsconfig.json","validate":"npm run test:ts && kcd-scripts validate","setup":"npm install && npm run validate -s","styleguide":"styleguidist server","styleguide:build":"styleguidist build","predeploy":"styleguidist build","deploy":"gh-pages -d styleguide"},"keywords":[],"author":{"name":"stereobooster","email":"stereobooster@gmail.com"},"license":"MIT","peerDependencies":{"prop-types":">=15","react":">=0.14.x","react-waypoint":">=9.0.0"},"devDependencies":{"@babel/plugin-proposal-class-properties":"^7.7.0","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-env":"^7.7.1","@babel/preset-react":"^7.7.0","@types/react":"16.9.11","babel-loader":"^8.0.6","gh-pages":"^2.1.1","jest-canvas-mock":"^2.2.0","kcd-scripts":"^1.11.0","prop-types":"^15.7.2","react":"^16.11.0","react-dom":"^16.11.0","react-styleguidist":"10.2.0","react-test-renderer":"16.11.0","react-testing-library":"8.0.1","react-waypoint":"^9.0.1","typescript":"^3.7.2","webpack":"^4.41.2"},"eslintConfig":{"extends":"./node_modules/kcd-scripts/eslint.js","rules":{"complexity":["error",12],"no-case-declarations":"off"}},"eslintIgnore":["node_modules","coverage","dist","styleguide"],"repository":{"type":"git","url":"git+https://github.com/endiliey/react-ideal-image.git"},"bugs":{"url":"https://github.com/endiliey/react-ideal-image/issues"},"homepage":"https://github.com/endiliey/react-ideal-image#readme","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"gitHead":"cb715f640784e0d09a71b3b27447b180cdc8cd5c","_id":"@endiliey/react-ideal-image@0.0.10","_nodeVersion":"8.11.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-6VaJeZ6rdLMvHArqfjFIqZZC6s1MEPfyoGWYQOooOq7GUu9iZhbtwgkAJXae17hEDk2FybtEcuk/O5TrDrHeGQ==","shasum":"745f085c5a0102e7a2d5fd9d0ffd76223292e42c","tarball":"http://123.232.10.234:8212/nexus/content/groups/npm-public/@endiliey/react-ideal-image/-/react-ideal-image-0.0.10.tgz","fileCount":23,"unpackedSize":67206,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd0sTkCRA9TVsSAnZWagAANFoP+wRzPV784wgIHAE/VS55\nncpV1zbY9HK/SmeIMao0HJ0HqwShvWEp9WUJNgGifG9sxFJ6VNGfyiC0SQak\nY03M/+heIX3+b/PeX2Sc55p1/5dBBqpqAXovQ63/Yu5IlVMy9EHh3GJzdgie\ni6OdW8ewgeJx6fsZOP9Yo++zn3XgIvvrsqq1d4v4XLTJmc0zuKDWcZnHaOny\nNNvz+0WVOyTj3fxvGRDe33mcmD57W8z6EPzaaDAQVAk98j82CiWge6soSKKB\nyCI8wunGDjCsp7q6SjtAIZaNU237qqMGWjzqihOhQ5iErnQfiMOi9z1e6aLU\nRjEJzg06qXjXM9cuBT5+L893DJCGuzYc+PiOP3+Soag7VOpAOhRsrDnHFZ7W\n/DFd/ir88ytuOEStmyJff55wcX44ULN6GA8iYFx8p0MRHubP9R7ys/u91Fxe\nkkan6Tg9VVhbcmTa8DpaROIq5tcnOf512+aDBz/XwI7EB4t+nKASqoeOPjTl\n0yw5D3kvEoIN5GhuK0aBFAwvAqAtHYGDnjBbZsCvoqFgtIijh+yU2XDlKmbT\n7icdEvkHYjLvBt0JLfjWupeI5eT33J7TwBPeevgl0pTCgG/dnKrwhTHeVArX\nOO5BrhjRtsfh9IJ7PP1LxTy4xg5YDh8I4U2zi0VZ1ung5suVRf2Ctswinj4S\nh4x7\r\n=lH9l\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDxdNAiRHXhrmEvblVea7l44LsG54N74CyxBFlBEoOJoAIge5RHvCHcBQtwjNoSK/5reMNeyKYXM016ikVcjGqtwxE="}]},"maintainers":[{"name":"anonymous","email":"endiliey@gmail.com"}],"_npmUser":{"name":"anonymous","email":"endiliey@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-ideal-image_0.0.10_1574094051940_0.15736106034498776"},"_hasShrinkwrap":false,"contributors":[]},"0.0.11":{"name":"@endiliey/react-ideal-image","version":"0.0.11","description":"Adaptive image component","main":"dist/index.js","typings":"index.d.ts","engines":{"node":">= 8.9.0","npm":"> 3"},"scripts":{"add-contributor":"kcd-scripts contributors add","build":"kcd-scripts build","lint":"kcd-scripts lint","test":"kcd-scripts test","test:update":"npm test -- --updateSnapshot --coverage","test:ts":"tsc --noEmit -p ./tsconfig.json","validate":"npm run test:ts && kcd-scripts validate","setup":"npm install && npm run validate -s","styleguide":"styleguidist server","styleguide:build":"styleguidist build","predeploy":"styleguidist build","deploy":"gh-pages -d styleguide"},"keywords":[],"author":{"name":"stereobooster","email":"stereobooster@gmail.com"},"license":"MIT","peerDependencies":{"prop-types":">=15","react":">=0.14.x","react-waypoint":">=9.0.2"},"devDependencies":{"@babel/plugin-proposal-class-properties":"^7.7.4","@babel/plugin-proposal-object-rest-spread":"^7.7.4","@babel/preset-env":"^7.7.4","@babel/preset-react":"^7.7.4","@types/react":"16.9.13","babel-loader":"^8.0.6","gh-pages":"^2.1.1","jest-canvas-mock":"^2.2.0","kcd-scripts":"^1.11.0","prop-types":"^15.7.2","react":"^16.11.0","react-dom":"^16.11.0","react-styleguidist":"10.2.0","react-test-renderer":"16.11.0","react-testing-library":"8.0.1","react-waypoint":"^9.0.2","typescript":"^3.7.2","webpack":"^4.41.2"},"eslintConfig":{"extends":"./node_modules/kcd-scripts/eslint.js","rules":{"complexity":["error",12],"no-case-declarations":"off"}},"eslintIgnore":["node_modules","coverage","dist","styleguide"],"repository":{"type":"git","url":"git+https://github.com/endiliey/react-ideal-image.git"},"bugs":{"url":"https://github.com/endiliey/react-ideal-image/issues"},"homepage":"https://github.com/endiliey/react-ideal-image#readme","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"gitHead":"de4e8f0388ac3645d3f32355c79c3b6a7cc61ff3","_id":"@endiliey/react-ideal-image@0.0.11","_nodeVersion":"8.11.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-QxMjt/Gvur/gLxSoCy7VIyGGGrGmDN+VHcXkN3R2ApoWX0EYUE+hMgPHSW/PV6VVebZ1Nd4t2UnGRBDihu16JQ==","shasum":"dc3803d04e1409cf88efa4bba0f67667807bdf27","tarball":"http://123.232.10.234:8212/nexus/content/groups/npm-public/@endiliey/react-ideal-image/-/react-ideal-image-0.0.11.tgz","fileCount":23,"unpackedSize":67270,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd2qUcCRA9TVsSAnZWagAA3G8P/jaytsPQqzqdXI6LVxoo\nqAoeyB4VnOp5W5fal2Qt9bPxGU89eJC3kyutHb6LIjELv6DYuJUyardavSUJ\nJpjlWzTM37vXCVTymTe7Lf6R+Y2I4Omus1GgI+F5OiwxleSfB9f46i+GbUHG\ngfhgF+kCfzYe+mXhNoYVhRXPqYjP0L9stpcMXRyIrJmju+73oWkdEjgRQIRq\nbVegBUyRVUYCiyzBpNPQq0HWim0Px3eBgLxHY5o/rqH/xgM4hj+cE37j8/qf\n5pMfIbS3F2BYqM+u6go2boFCLS1Y0i7kzJ40kkoAAqFSL4KffstJCqewHeO+\nmzqHRROnL9aql1/b3XAkp9AlLFyQgj0SK/UIYGiI1g3hlsKXEJNJx0MFRexo\nEUgPsZZ0Et2kPumCE0SawnWbLETt1LMqXLM8xD+Vekc3tOPyjVW/QP6Factx\nnw5hItO69c7qgg3EvjaI5+4TFC+PxyHaWeOmZdOa9lcBybOHXYv2HFRVkKv4\nzAtZtx939c1TSlOpoC3ezpixMbjsYF1BOzQQvwUE7AZwgzFdLKxKVzmhBMwL\nC+xWr7sK/X/QLN7WRoioIsBY786LLHR7s9/s5UuGvWH4GYeml9TaPHPjcEEg\naCFhp1/rWEcnMmg3guXboGNwwaC2ciUxt2kmIc9mstnscJVIanXQb6bAsq/w\nuQla\r\n=qJ5V\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAIWdmCzQYRsu8uZy8Vdq4L9axADh7GeH74qL9XKp7ypAiAhEj9EstGKGF0lJmHzcfuDtf8Fhq9uJi6RpMwWEMulxg=="}]},"maintainers":[{"name":"anonymous","email":"endiliey@gmail.com"}],"_npmUser":{"name":"anonymous","email":"endiliey@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-ideal-image_0.0.11_1574610203865_0.8667224779321214"},"_hasShrinkwrap":false,"contributors":[]}},"dist-tags":{"latest":"0.0.11"},"name":"@endiliey/react-ideal-image","time":{"created":"2022-01-27T16:11:29.198Z","0.0.6":"2019-11-13T15:27:02.511Z","modified":"2022-01-27T16:11:29.198Z","0.0.7":"2019-11-13T15:44:09.747Z","0.0.8":"2019-11-13T15:54:24.649Z","0.0.9":"2019-11-18T16:18:52.927Z","0.0.10":"2019-11-18T16:20:52.167Z","0.0.11":"2019-11-24T15:43:24.092Z"},"readme":"<div align=\"center\">\r\n<h1>react-ideal-image</h1>\r\n\r\n<p>Adaptive image component</p>\r\n</div>\r\n\r\n<hr />\r\n\r\n[![Build Status][build-badge]][build]\r\n[![Code Coverage][coverage-badge]][coverage]\r\n[![version][version-badge]][package]\r\n[![downloads][downloads-badge]][npmtrends]\r\n[![MIT License][license-badge]][license]\r\n\r\n[![All Contributors](https://img.shields.io/badge/all_contributors-8-orange.svg?style=flat-square)](#contributors)\r\n[![PRs Welcome][prs-badge]][prs]\r\n[![Code of Conduct][coc-badge]][coc]\r\n\r\n[![Watch on GitHub][github-watch-badge]][github-watch]\r\n[![Star on GitHub][github-star-badge]][github-star]\r\n[![Tweet][twitter-badge]][twitter]\r\n\r\n## The problem\r\n\r\nI need React component to asynchronously load images, which will adapt based on network, which will allow a user to control, which image to load.\r\n\r\n## This solution\r\n\r\nRead the [introduction](introduction.md).\r\n\r\n## Table of Contents\r\n\r\n<!-- START doctoc generated TOC please keep comment here to allow auto update -->\r\n<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->\r\n\r\n- [Installation](#installation)\r\n- [Usage](#usage)\r\n- [Props](#props)\r\n  - [getIcon](#geticon)\r\n  - [getMessage](#getmessage)\r\n  - [getUrl](#geturl)\r\n  - [height](#height)\r\n  - [icons](#icons)\r\n  - [loader](#loader)\r\n  - [placeholder](#placeholder)\r\n  - [shouldAutoDownload](#shouldautodownload)\r\n  - [srcSet](#srcset)\r\n  - [theme](#theme)\r\n  - [threshold](#threshold)\r\n  - [width](#width)\r\n- [Other Solutions](#other-solutions)\r\n- [Contributors](#contributors)\r\n- [LICENSE](#license)\r\n\r\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\r\n\r\n## Installation\r\n\r\nThis module is distributed via [npm][npm] which is bundled with [node][node] and\r\nshould be installed as one of your project's `dependencies`:\r\n\r\n```\r\nnpm install react-ideal-image --save\r\n```\r\n\r\n> This package also depends on `react`, `prop-types`, and `react-waypoint`.\r\n> Please make sure you have those installed as well.\r\n\r\n## Usage\r\n\r\nExample for create-react-app (you need v2 for macros) based project\r\n\r\n```js\r\nimport React from 'react'\r\nimport lqip from 'lqip.macro'\r\nimport IdealImage from 'react-ideal-image'\r\n\r\nimport image from './images/doggo.jpg'\r\nconst lqip = lqip('./images/doggo.jpg')\r\n\r\nconst App = () => (\r\n  <IdealImage\r\n    placeholder={{lqip}}\r\n    srcSet={[{src: image, width: 3500}]}\r\n    alt=\"doggo\"\r\n    width={3500}\r\n    height={2095}\r\n  />\r\n)\r\n```\r\n\r\n## Props\r\n\r\nThis is the list of props that you need to pass to the component.\r\n\r\n### getIcon\r\n\r\n> `function(state: object)` | optional, default icon is provided based on state object\r\n\r\nThis function decides what icon to show based on the current state of the component.\r\n\r\n### getMessage\r\n\r\n> `function(icon: string, state: object)` | optional, default message is provided based on the icon and state object.\r\n\r\nThis function decides what message to show based on the icon (returned from getIcon prop) and the current state of the component.\r\n\r\n### getUrl\r\n\r\n> `function({})` | optional, no useful default\r\n\r\nThis function is called as soon as the component enters the viewport and is used to generate urls based on width and format if `props.srcSet` doesn't provide src field.\r\n\r\n### height\r\n\r\n> `number` | required\r\n\r\nThe Height of the image in px.\r\n\r\n### icons\r\n\r\n> `object` | required\r\n\r\nThis provides a map of the icons. By default, the component uses icons from material design, implemented as React components with the SVG element. You can customize icons\r\n\r\n```js\r\nconst icons = {\r\n  load: DownloadIcon,\r\n  //...\r\n}\r\n```\r\n\r\n### loader\r\n\r\n> `string` | optional, defaults to 'xhr'\r\n\r\nThis prop takes one of the 2 options, `xhr` and `image`. Read more about it [here](https://github.com/stereobooster/react-ideal-image/blob/master/introduction.md#cancel-download).\r\n\r\n### placeholder\r\n\r\n> `object` | required\r\n\r\nThis takes one of the 2 objects\r\n\r\n```js\r\n// To add a solid color placeholder\r\n{\r\n  color: ''\r\n}\r\n```\r\n\r\nor\r\n\r\n```js\r\n/**\r\n * To add a low quality image\r\n * [Low Quality Image Placeholder](https://github.com/zouhir/lqip)\r\n * [SVG-Based Image Placeholder](https://github.com/technopagan/sqip)\r\n * base64 encoded image of low quality\r\n */\r\n{\r\n  lqip: ''\r\n}\r\n```\r\n\r\nRead more about it [here](https://github.com/stereobooster/react-ideal-image/blob/master/introduction.md#lqip).\r\n\r\n### shouldAutoDownload\r\n\r\n> `function({})` | optional, default function is provided which decides based on the device network.\r\n\r\nThis function decides if image should be downloaded automatically. The default function returns `false` for a `2g` network,\r\nfor a `3g` network it decides based on `props.threshold` and for a `4g` network it returns `true` by default.\r\n\r\n### srcSet\r\n\r\n> `array[srcType: object]` | required\r\n\r\nThis provides an array of sources of different format and size of the image. Read more about it [here](https://github.com/stereobooster/react-ideal-image/blob/master/introduction.md#srcset).\r\nThe `srcType` has below structure\r\n\r\n```js\r\nsrcType = {\r\n  width: number, // required\r\n  src: string,\r\n  size: number,\r\n  format: string, // one of the 'jpeg' or 'webp'\r\n}\r\n```\r\n\r\n### theme\r\n\r\n> `object` | required\r\n\r\nThis provides a theme to the component. By default, the component uses inline styles, but it is also possible to use CSS modules and override all styles.\r\n\r\n```js\r\nconst theme = {\r\n  placeholder: {\r\n    backgroundSize: 'cover',\r\n    backgroundRepeat: 'no-repeat',\r\n    position: 'relative',\r\n  },\r\n  // ...\r\n}\r\n```\r\n\r\n### threshold\r\n\r\n> `number` | optional\r\n\r\nTells how much to wait in milliseconds until consider the download to be slow.\r\n\r\n### width\r\n\r\n> `number` | required\r\n\r\nWidth of the image in px.\r\n\r\n## Other Solutions\r\n\r\n- [react-progressive-image](https://github.com/FormidableLabs/react-progressive-image)\r\n- [react-lazyload](https://github.com/jasonslyvia/react-lazyload)\r\n- [react-lazy-image](https://github.com/sergiodxa/react-lazy-image)\r\n- [react-image](https://github.com/mbrevda/react-image)\r\n- [react-lazy-load](https://github.com/loktar00/react-lazy-load)\r\n- [react-graceful-image](https://github.com/linasmnew/react-graceful-image)\r\n- [react-worker-image](https://github.com/nitish24p/react-worker-image)\r\n- [lazy-image](https://github.com/notwaldorf/lazy-image)\r\n- [react-simple-image](https://github.com/bitjourney/react-simple-image)\r\n- [react-power-picture](https://github.com/tvthatsme/react-power-picture)\r\n- [react-shimmer](https://github.com/gokcan/react-shimmer)\r\n- [gatsby-image](https://www.gatsbyjs.org/packages/gatsby-image/)\r\n- [react-async-elements `<Img>`](https://github.com/palmerhq/react-async-elements#img)\r\n\r\n## Contributors\r\n\r\nThanks goes to these people ([emoji key][emojis]):\r\n\r\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\r\n<!-- prettier-ignore -->\r\n| [<img src=\"https://avatars3.githubusercontent.com/u/179534?s=460&v=4\" width=\"100px;\"/><br /><sub><b>stereobooster</b></sub>](https://github.com/stereobooster)<br />[💻](https://github.com/stereobooster/react-ideal-image/commits?author=stereobooster \"Code\") [📖](https://github.com/stereobooster/react-ideal-image/commits?author=stereobooster \"Documentation\") [🚇](#infra-stereobooster \"Infrastructure (Hosting, Build-Tools, etc)\") [⚠️](https://github.com/stereobooster/react-ideal-image/commits?author=stereobooster \"Tests\") | [<img src=\"https://avatars1.githubusercontent.com/u/498274?s=460&v=4\" width=\"100px;\"/><br /><sub><b>Ivan Babak</b></sub>](https://github.com/sompylasar)<br />[📖](https://github.com/stereobooster/react-ideal-image/commits?author=sompylasar \"Documentation\") | [<img src=\"https://avatars1.githubusercontent.com/u/4299398?s=460&v=4\" width=\"100px;\"/><br /><sub><b>Arun Kumar</b></sub>](https://github.com/palerdot)<br />[📖](https://github.com/stereobooster/react-ideal-image/commits?author=palerdot \"Documentation\") | [<img src=\"https://avatars3.githubusercontent.com/u/1192452?v=4\" width=\"100px;\"/><br /><sub><b>Andrew Lisowski</b></sub>](http://hipstersmoothie.com)<br />[💻](https://github.com/stereobooster/react-ideal-image/commits?author=hipstersmoothie \"Code\") | [<img src=\"https://avatars1.githubusercontent.com/u/3386714?v=4\" width=\"100px;\"/><br /><sub><b>Timothy Vernon</b></sub>](https://github.com/tvthatsme)<br />[⚠️](https://github.com/stereobooster/react-ideal-image/commits?author=tvthatsme \"Tests\") | [<img src=\"https://avatars0.githubusercontent.com/u/5151881?v=4\" width=\"100px;\"/><br /><sub><b>vishalShinde</b></sub>](http://vs1682.github.io)<br />[📖](https://github.com/stereobooster/react-ideal-image/commits?author=vs1682 \"Documentation\") | [<img src=\"https://avatars3.githubusercontent.com/u/5207796?v=4\" width=\"100px;\"/><br /><sub><b>Evgeniy Kumachev</b></sub>](https://github.com/EvgeniyKumachev)<br />[📖](https://github.com/stereobooster/react-ideal-image/commits?author=EvgeniyKumachev \"Documentation\") |\r\n| :---: | :---: | :---: | :---: | :---: | :---: | :---: |\r\n| [<img src=\"https://avatars0.githubusercontent.com/u/2087056?v=4\" width=\"100px;\"/><br /><sub><b>John Munn</b></sub>](https://github.com/Tawe)<br />[💻](https://github.com/stereobooster/react-ideal-image/commits?author=Tawe \"Code\") |\r\n\r\n<!-- ALL-CONTRIBUTORS-LIST:END -->\r\n\r\nThis project follows the [all-contributors][all-contributors] specification.\r\nContributions of any kind welcome!\r\n\r\n## LICENSE\r\n\r\nCode - MIT\r\n\r\nIcons - [Apache License 2.0](https://github.com/google/material-design-icons/blob/master/LICENSE)\r\n\r\n[npm]: https://www.npmjs.com/\r\n[node]: https://nodejs.org\r\n[build-badge]: https://img.shields.io/travis/stereobooster/react-ideal-image.svg?style=flat-square\r\n[build]: https://travis-ci.org/stereobooster/react-ideal-image\r\n[coverage-badge]: https://img.shields.io/codecov/c/github/stereobooster/react-ideal-image.svg?style=flat-square\r\n[coverage]: https://codecov.io/github/stereobooster/react-ideal-image\r\n[version-badge]: https://img.shields.io/npm/v/react-ideal-image.svg?style=flat-square\r\n[package]: https://www.npmjs.com/package/react-ideal-image\r\n[downloads-badge]: https://img.shields.io/npm/dm/react-ideal-image.svg?style=flat-square\r\n[npmtrends]: http://www.npmtrends.com/react-ideal-image\r\n[license-badge]: https://img.shields.io/npm/l/react-ideal-image.svg?style=flat-square\r\n[license]: https://github.com/stereobooster/react-ideal-image/blob/master/LICENSE\r\n[prs-badge]: https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square\r\n[prs]: http://makeapullrequest.com\r\n[donate-badge]: https://img.shields.io/badge/$-support-green.svg?style=flat-square\r\n[coc-badge]: https://img.shields.io/badge/code%20of-conduct-ff69b4.svg?style=flat-square\r\n[coc]: https://github.com/stereobooster/react-ideal-image/blob/master/other/CODE_OF_CONDUCT.md\r\n[github-watch-badge]: https://img.shields.io/github/watchers/stereobooster/react-ideal-image.svg?style=social\r\n[github-watch]: https://github.com/stereobooster/react-ideal-image/watchers\r\n[github-star-badge]: https://img.shields.io/github/stars/stereobooster/react-ideal-image.svg?style=social\r\n[github-star]: https://github.com/stereobooster/react-ideal-image/stargazers\r\n[twitter]: https://twitter.com/intent/tweet?text=Check%20out%20react-ideal-image%20by%20%40stereobooster%20https%3A%2F%2Fgithub.com%2Fstereobooster%2Freact-ideal-image%20%F0%9F%91%8D\r\n[twitter-badge]: https://img.shields.io/twitter/url/https/github.com/stereobooster/react-ideal-image.svg?style=social\r\n[emojis]: https://github.com/kentcdodds/all-contributors#emoji-key\r\n[all-contributors]: https://github.com/kentcdodds/all-contributors","users":{}}