{"_rev":"36-7d1b1af76ca72f0d892c0c607d04b610","time":{"created":"2025-06-14T22:25:17.024Z","modified":"2025-06-14T22:25:17.705Z","1.0.0":"2025-05-12T00:39:05.135Z","2.0.0":"2025-05-15T08:15:50.578Z","2.0.1":"2025-05-15T08:18:24.388Z","2.0.2":"2025-05-16T02:48:57.120Z","2.0.3":"2025-05-16T03:24:07.697Z","2.0.4":"2025-05-16T03:24:46.424Z","2.0.5":"2025-05-24T03:27:40.671Z","2.0.6":"2025-05-24T03:28:15.522Z","2.0.8":"2025-05-24T04:06:48.055Z","2.0.9":"2025-05-24T04:06:59.491Z","2.0.10":"2025-05-24T04:14:48.914Z","2.0.11":"2025-05-24T04:20:05.532Z","2.0.12":"2025-05-24T04:21:39.775Z","2.0.13":"2025-05-24T04:23:43.114Z","2.0.14":"2025-05-24T04:24:29.489Z","2.0.15":"2025-05-24T04:29:00.711Z","2.0.16":"2025-05-24T04:29:55.802Z","2.0.17":"2025-05-24T04:33:03.646Z","2.0.18":"2025-05-24T04:39:16.790Z","2.0.19":"2025-05-24T04:44:10.002Z","2.0.20":"2025-05-24T05:05:48.662Z","2.0.21":"2025-05-24T05:06:00.327Z","2.0.22":"2025-05-24T05:16:54.605Z","2.0.23":"2025-05-24T05:35:26.738Z","2.0.24":"2025-05-24T05:40:39.966Z","2.0.25":"2025-05-24T16:02:45.708Z","2.0.26":"2025-05-24T16:50:52.278Z","2.0.27":"2025-05-24T17:02:06.309Z","2.0.28":"2025-05-24T17:14:19.875Z","2.0.29":"2025-05-24T17:37:58.461Z","2.0.30":"2025-05-24T18:04:54.450Z","2.0.31":"2025-05-24T18:13:14.248Z","2.0.32":"2025-05-24T20:22:44.871Z","1.1.0":"2025-06-14T22:25:17.362Z"},"_id":"@bebeal/vite-img-placeholder","name":"@bebeal/vite-img-placeholder","dist-tags":{"latest":"1.1.0"},"versions":{"1.1.0":{"name":"@bebeal/vite-img-placeholder","description":"Vite plugin for adding image placeholders with blur, shimmer, or RGB effects","version":"1.1.0","publishConfig":{"access":"public"},"type":"module","main":"./dist/vite-img-placeholder.js","module":"./dist/vite-img-placeholder.js","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/vite-img-placeholder.js"},"require":{"types":"./dist/index.d.ts","default":"./dist/vite-img-placeholder.js"}},"./style.css":"./dist/assets/vite-img-placeholder.css"},"repository":{"type":"git","url":"git+https://github.com/bebeal/vite-img-placeholder.git"},"homepage":"https://github.com/bebeal/vite-img-placeholder","keywords":["vite","plugin","images","placeholder","blur","shimmer","rgb","loading"],"author":{"name":"bebeal"},"scripts":{"dev":"vite --config demo/vite.config.ts","build":"rimraf dist && tsc -b && vite build","lint":"eslint .","preview":"vite preview"},"dependencies":{"@bebeal/ripple-effect":"^1.0.0","@bebeal/terminal":"^0.3.1","@mdx-js/react":"^3.1.0","@mdx-js/rollup":"^3.1.0","@radix-ui/react-tooltip":"^1.2.4","@wooorm/starry-night":"^3.7.0","canvas":"^3.1.0","mdast-util-mdx-jsx":"^3.2.0","react":"^19.0.0","react-dom":"^19.0.0","rehype-starry-night":"^2.2.0"},"devDependencies":{"@eslint/js":"^9.22.0","@types/node":"^22.15.17","@types/react":"^19.0.10","@types/react-dom":"^19.0.4","@vitejs/plugin-react":"^4.3.4","eslint":"^9.22.0","eslint-plugin-mdx":"^3.4.1","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.19","globals":"^16.0.0","rimraf":"^6.0.1","typescript":"~5.7.2","typescript-eslint":"^8.26.1","vite":"^6.3.1","vite-plugin-dts":"^4.5.3"},"packageManager":"yarn@4.9.1","_id":"@bebeal/vite-img-placeholder@1.1.0","gitHead":"b4270b8cea2cdbf41afde2f6eb882edb8429ebe9","bugs":{"url":"https://github.com/bebeal/vite-img-placeholder/issues"},"_nodeVersion":"20.15.1","_npmVersion":"10.8.2","dist":{"integrity":"sha512-VBV/yXDXrsaqiNWL7NbXoTjIl+c+DoXw9GCnQ7zlRJuCOfpja3Ahnfl8H+Nci5INM4h3TEhFiFh2gpmPbZNFpw==","shasum":"3bf8755b8fa9745253590e28c4b932f4c89cb11f","tarball":"https://registry.npmjs.org/@bebeal/vite-img-placeholder/-/vite-img-placeholder-1.1.0.tgz","fileCount":5,"unpackedSize":12132,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIAkzkdSFF4etttdygEz13TQD+X6b9IY5jEIPM5MCwaOYAiBS2wBv0WhvLwjkjOiCy7nQ97O4Mk86quMd7wJip8F1XA=="}]},"_npmUser":{"name":"bebeal","email":"bnoahbeal@gmail.com"},"directories":{},"maintainers":[{"name":"bebeal","email":"bnoahbeal@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/vite-img-placeholder_1.1.0_1749939917156_0.0076848615544491405"},"_hasShrinkwrap":false}},"maintainers":[{"name":"bebeal","email":"bnoahbeal@gmail.com"}],"description":"Vite plugin for adding image placeholders with blur, shimmer, or RGB effects","homepage":"https://github.com/bebeal/vite-img-placeholder","keywords":["vite","plugin","images","placeholder","blur","shimmer","rgb","loading"],"repository":{"type":"git","url":"git+https://github.com/bebeal/vite-img-placeholder.git"},"author":{"name":"bebeal"},"bugs":{"url":"https://github.com/bebeal/vite-img-placeholder/issues"},"readme":"# @bebeal/vite-img-placeholder\n\nVite plugin for adding image placeholders with blur (low-res version), shimmer (animated effect), or RGB (samples dominant color from image) effects\n\n<img width=\"901\" alt=\"Demo\" src=\"demo/assets/vite-img-placeholder-demo.gif\" />\n\n## Install\n\n```bash\nyarn add @bebeal/vite-img-placeholder\n```\n\n## Usage\n\n```tsx\nimport { imagePlaceholder } from '@bebeal/vite-img-placeholder'\n\n// In your Vite config\nexport default defineConfig({\n  plugins: [\n    imagePlaceholder({ style: 'blur' }) //  opional style: 'blur' (default), 'shimmer', or 'rgb'\n  ]\n})\n```\n\nYou can also specify the placeholder style per image using URL parameters:\n\n```html\n<img src=\"your-image.jpg?placeholder=shimmer\" />\n<!-- or with shorthand -->\n<img src=\"your-image.jpg?p=shimmer\" />\n```\n","readmeFilename":"README.md"}