{"_id":"@bztes/svelte-rip","_rev":"6-12e0f2a14d46de6c0e290673133130e9","name":"@bztes/svelte-rip","dist-tags":{"latest":"0.3.0"},"versions":{"0.1.0":{"name":"@bztes/svelte-rip","version":"0.1.0","keywords":["svelte","responsive","image","preview","srcset","blurhash"],"author":{"name":"Nico Beierle"},"license":"ISC","_id":"@bztes/svelte-rip@0.1.0","maintainers":[{"name":"bztes","email":"nico.beierle@gmail.com"}],"homepage":"https://bztes.github.io/svelte-rip/","bugs":{"url":"https://github.com/bztes/svelte-rip/issues"},"dist":{"shasum":"962d8b5ec267a037342dbd1bccdaa195e3e8cee7","tarball":"https://registry.npmjs.org/@bztes/svelte-rip/-/svelte-rip-0.1.0.tgz","fileCount":30,"integrity":"sha512-uPeoPnMF8UFDWaonyV88r8bkD1cxB7uP0kakVb9miWrT55KCW7HdqwT158asXjsz1QUkjD2OD9ea21faBeWgXw==","signatures":[{"sig":"MEUCIQC2TKjiInbzY3XrEkypJUk40HwYk1m5PEGrLzLa5vTOJAIgd0+vDFRwCo3DAWu20q0Xb/vN1shljGTY5XifGWkxY2s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2224648,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhK7b5CRA9TVsSAnZWagAAylQP/1dp+YurMaGyx8xaYTql\nxSSalWJuyb4U3qytDw6nYpmsoehj6Fw8BmjAETT7is/PYuhH7U4f3RkqXdd7\nYxYci8fR1tW8+OrRxYT9CNBxhruAswdV8cflTMx6q9YadWUXotq3hhPNBr/V\nz+ma7e1XyndusaUYnBq/xNz7xPV+L+galqldUa06pRZgx4ejo+ECXQ739/xb\nUWDM3DU7UTBsUPjibYCP0kLkjlzt8qfdFCAdnpRYXfYzhBkR4GapE+r7jUKF\nCgfqOzSRQCvp5czvyziaSdHqN8DLOZC3hSP/Chi2Q/hJNlvZ9LaGz2SVbH9y\nyNhit/Sabm0YHMr4xZbAgCAKkhEd7tlCZNjjGXoEdfBSvCzRObPC+x+6lVeC\ngXX3qNUPteXt1mFIQEhcCK/Qad4yQv82SqH9IfDYbDi+dSbZtQXrQWnB9UKZ\nh10rTTu0dlQtOax6H0vrwb6JJcuxGP7u0Ysc7ozBSLtEeiRNjBGdg7r67Smi\nv14aWs7A3i3cKk2MsfkMYXJoAShyzaBICL/GwZAW2nFFJVMX8JJisiGXMkwz\nhO760NUXy2Q7G/LZy/A1GWJNcPrIDxOFTrbCF5FZRYsf/7pKED0i8udPUiu6\nAXKFAmGPNLvRCjn/mYnJjNlDrNSKkpnjGe+AV3NOG3eaz1viVfaSKoJIlXVM\noFC+\r\n=sUxB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"src/index.js","svelte":"src/index.js","gitHead":"497c6450c6020fe6c92356263ae530c5eeed2b6a","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"bztes","email":"nico.beierle@gmail.com"},"repository":{"url":"git+https://github.com/bztes/svelte-rip.git","type":"git"},"_npmVersion":"7.21.1","description":"Svelte responsive image preview","directories":{},"_nodeVersion":"16.8.0","_hasShrinkwrap":false,"devDependencies":{"svelte":"^3.38.0","blurhash":"^1.1.0"},"_npmOperationalInternal":{"tmp":"tmp/svelte-rip_0.1.0_1630254841275_0.07452389694985406","host":"s3://npm-registry-packages"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"0.2.0":{"name":"@bztes/svelte-rip","version":"0.2.0","keywords":["svelte","responsive","image","preview","srcset","blurhash"],"author":{"name":"Nico Beierle"},"license":"ISC","_id":"@bztes/svelte-rip@0.2.0","maintainers":[{"name":"bztes","email":"nico.beierle@gmail.com"}],"homepage":"https://bztes.github.io/svelte-rip/","bugs":{"url":"https://github.com/bztes/svelte-rip/issues"},"dist":{"shasum":"7343881a52d8ff0b0b3e84491621ee3b031482c7","tarball":"https://registry.npmjs.org/@bztes/svelte-rip/-/svelte-rip-0.2.0.tgz","fileCount":31,"integrity":"sha512-GBSSjVsnEcccdE0n/Po5RSNO1JYrzLKf5IJW/Ol5ZDkiZVXwqKyoVMHhz+Gky6SImbs9ZTEZBevs410lLEqprw==","signatures":[{"sig":"MEUCIQCA5XMh4Ain7ruSj3APugWiemzCGT0lq9rSoKo9tLkPygIgFKCFWbUCTS9tOba7wJaHUEhjp1x3pmPoT9eFJRK9CyI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2223422},"main":"src/index.js","svelte":"src/index.js","gitHead":"e6db9f1340e7823593ff71d7e500414d8dbd36a0","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"bztes","email":"nico.beierle@gmail.com"},"repository":{"url":"git+https://github.com/bztes/svelte-rip.git","type":"git"},"_npmVersion":"7.24.2","description":"Svelte responsive image preview","directories":{},"_nodeVersion":"16.11.0","_hasShrinkwrap":false,"devDependencies":{"svelte":"^3.38.0","blurhash":"^1.1.0"},"_npmOperationalInternal":{"tmp":"tmp/svelte-rip_0.2.0_1633961974287_0.20640609317065306","host":"s3://npm-registry-packages"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"0.3.0":{"name":"@bztes/svelte-rip","version":"0.3.0","keywords":["svelte","responsive","image","preview","srcset","blurhash"],"author":{"name":"Nico Beierle"},"license":"ISC","_id":"@bztes/svelte-rip@0.3.0","maintainers":[{"name":"bztes","email":"nico.beierle@gmail.com"}],"homepage":"https://bztes.github.io/svelte-rip/","bugs":{"url":"https://github.com/bztes/svelte-rip/issues"},"dist":{"shasum":"740a5a054dd4ede5ac61efe422b2c22fcefffd42","tarball":"https://registry.npmjs.org/@bztes/svelte-rip/-/svelte-rip-0.3.0.tgz","fileCount":32,"integrity":"sha512-sENvQBFnN3pJ2k/xCDfJ4VZyeAb58T1Vgs49rWNs7FQxZZANWGV39UUnmV6+Vf0ZObeytk8cGMKxNU8299UjDQ==","signatures":[{"sig":"MEUCIFH3crl3Xeq4FpGdXkh5s4svNBmBYVmqxJJOgTaE0ZRGAiEAn7X/jRlVbCK8660eiB1M/cW7xHPfEbcEFHRPFpxEQSE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2225523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzarPCRA9TVsSAnZWagAAER4QAI9qgKph9BLtTRRzaw7Y\nUoPQZ6Oj+gENdlmCiJGVT2aJn4lu22Swm4v03oBynBDqFJFL6sAJN6yjQN3G\nFOyH7SEWSQugK1BjR9KxAqSaZaT2L/T0PYnl2mbE4dgc5HUzwbgIdjgc1lc4\nHBLAttYgi6vPtV9hFtmmDxtnScmLymR0B25mRfpUvj9UzttBQlUZbbPZE0U1\nk3PrpLaKXTr5c+086ZoEzfFYc50Uk0ZPMbV+fRtc5tk5k+2an8aqERJLFWhR\neHJU1TkQa6VByxBDEbKzuzgfq++cX64QgXQTnbtGiKBW2pgfqiTIEeqa9siN\nh5Zp0tdfaTrBG8urEM1tRdj5oPfZmRcIwEC68NTl2rtA7x5ZhJ/gTQZv1ql6\n0dfrhNTDTxELlZDLDvlWMFmM/rQN/rsDgyFH20eb4S/G6ebH1GfsaLhZBXij\no39RLnH/r8jBw9wM175c5CFr2dp1Etg7b4o/kMNrEiUt8khgCEmS06VeY2Fb\niZLLcs8ezxgt+jzmDlteYbhtyuXKbJibdAYfFO5qiItoYQHP5vMUwpWOw/WB\n4ms4T/yqlx5oMspXdCdcwM0PPeeRqzHF62P2IXPq1a2ICn6HtpqfoQbod5In\nfLqbyH87YcDw7r6yHpzT37bw++3ESct2gLTNsidLxVUZWNWDW4Ar/EQ+pDUL\ntxHe\r\n=FmP4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"src/index.js","svelte":"src/index.js","gitHead":"d5be19682d9915134727868e33700d28ecbd5a02","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"bztes","email":"nico.beierle@gmail.com"},"repository":{"url":"git+https://github.com/bztes/svelte-rip.git","type":"git"},"_npmVersion":"8.1.3","description":"Svelte responsive image preview","directories":{},"_nodeVersion":"16.11.1","_hasShrinkwrap":false,"devDependencies":{"svelte":"^3.38.0","blurhash":"^1.1.0"},"_npmOperationalInternal":{"tmp":"tmp/svelte-rip_0.3.0_1636322449786_0.18579727636076182","host":"s3://npm-registry-packages"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."}},"time":{"created":"2021-08-29T16:34:01.198Z","modified":"2026-03-03T12:30:40.517Z","0.1.0":"2021-08-29T16:34:01.528Z","0.2.0":"2021-10-11T14:19:34.647Z","0.3.0":"2021-11-07T22:00:49.998Z"},"bugs":{"url":"https://github.com/bztes/svelte-rip/issues"},"author":{"name":"Nico Beierle"},"license":"ISC","homepage":"https://bztes.github.io/svelte-rip/","keywords":["svelte","responsive","image","preview","srcset","blurhash"],"repository":{"url":"git+https://github.com/bztes/svelte-rip.git","type":"git"},"description":"Svelte responsive image preview","maintainers":[{"name":"bztes","email":"nico.beierle@gmail.com"}],"readme":"# svelte-rip\n\n**ALPHA: API may change at any time**\n\n[Svelte][svelte] components for **r**esponsive **i**mages and image **p**reviews (incl. [BlurHash][blurhash])\n\n[Demo](https://bztes.github.io/svelte-rip/)\n\n## Examples\n\n### Responsive image with thumbnail preview\n\n```js\n<script>\n  import { Image } from '@bztes/svelte-rip';\n\n  let imgData = {\n    src: 'static/robert-katzki-unsplash_org.jpg',\n    previewSrc: 'static/robert-katzki-unsplash_32.jpg',\n    formats: [\n        { src: 'static/robert-katzki-unsplash_400.jpg', width: 400 },\n        { src: 'static/robert-katzki-unsplash_800.jpg', width: 800 },\n        { src: 'static/robert-katzki-unsplash_1000.jpg', width: 1000 },\n    ]\n  }:\n</script>\n\n<Image data={imgData} />\n```\n\n### Responsive image with blurhash preview\n\n```js\n<script>\n    import { Image, blurhashToData } from '@bztes/svelte-rip';\n\n    let imgData = {\n      src: 'static/robert-katzki-unsplash_org.jpg',\n      hash: 'LGF5]+Yk^6#M@-5c,1J5@[or[Q6.',\n      formats: [ ... ]\n    };\n</script>\n\n<Image data={imgData} previewSrc={blurhashToData} />\n```\n\n### Fixed background image\n\n```js\n\n<script>\n  import { Image, Stack } from '@bztes/svelte-rip';\n\n  // ...\n</script>\n\n<Stack fixed>\n  <Image slot=\"image\" data={imgData} />\n  <h1>Hello Bello</h1>\n</Stack>\n```\n\n### Adjustable default settings\n\n```js\nimport { ImageDefaults } from '@bztes/svelte-rip';\n\nImageDefaults.src = (data) => (data ? 'static/' + data.url : null);\nImageDefaults.alt = (data) => data?.alternativeText;\n```\n\n[svelte]: https://github.com/sveltejs/svelte\n[blurhash]: https://github.com/woltapp/blurhash\n","readmeFilename":"README.md"}